Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.04.2013, 15:42
Новичок на форуме
Отправить личное сообщение для Eugene Varf Посмотреть профиль Найти все сообщения от Eugene Varf
 
Регистрация: 10.04.2013
Сообщений: 7

3D-Модель метро (JavaScript + CSS3)
Я сделал схему метро в 3D на Javascript + CSS3. Вот что из этого получилось: http://varf.ru/metro3d.

Я использовал точные координаты залов станций, их глубины заложения, а также высоты поверхности земли над уровнем моря. Результат можно вращать и приближать прямо в браузере (быстрее всех Opera, медленнее всех Firefox, в IE 9 без анимации).

Спасибо Илье Кантору - проект стал возможен благодаря чтению этого сайта
Ответить с цитированием
  #2 (permalink)  
Старый 10.04.2013, 15:47
Аватар для animhotep
Профессор
Отправить личное сообщение для animhotep Посмотреть профиль Найти все сообщения от animhotep
 
Регистрация: 17.01.2013
Сообщений: 887

вращение на стрелки клавиатуры повесить бы, а вобще красиво
Ответить с цитированием
  #3 (permalink)  
Старый 10.04.2013, 16:02
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Eugene Varf,
Cтрелки поменять на круговые, к примеру: http://s3.uploads.ru/FCn7R.png
Нужен градиентальные 3D - фон - тогда развороты будут более впечетляющими, очевидно(при фоне) к буквам добавить text-shadow со светлой обводкой
Ответить с цитированием
  #4 (permalink)  
Старый 10.04.2013, 16:11
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от Deff
к буквам добавить text-shadow со светлой обводкой
Ксать на более темном фоне, при просмотре в горизонтальной плоскости и тексты будут выглядеть более отчётливо
Ответить с цитированием
  #5 (permalink)  
Старый 10.04.2013, 18:42
Новичок на форуме
Отправить личное сообщение для Eugene Varf Посмотреть профиль Найти все сообщения от Eugene Varf
 
Регистрация: 10.04.2013
Сообщений: 7

Сообщение от animhotep Посмотреть сообщение
вращение на стрелки клавиатуры повесить бы, а вобще красиво
Спасибо, попробую.
Ответить с цитированием
  #6 (permalink)  
Старый 10.04.2013, 18:45
Новичок на форуме
Отправить личное сообщение для Eugene Varf Посмотреть профиль Найти все сообщения от Eugene Varf
 
Регистрация: 10.04.2013
Сообщений: 7

Сообщение от Deff Посмотреть сообщение
Ксать на более темном фоне, при просмотре в горизонтальной плоскости и тексты будут выглядеть более отчётливо
Спасибо, попробовал светлую обводку названий (вместо полупрозрачного background-color). Неплохо, но не поддерживается IE 9. Решил оставить как было.

Насчет градиента общего фона тоже думал, попробую.
Ответить с цитированием
  #7 (permalink)  
Старый 10.04.2013, 18:53
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от Eugene Varf
Спасибо, попробовал светлую обводку названий (вместо полупрозрачного background-color). Неплохо, но не поддерживается IE 9. Решил оставить как было.
В принципе, названий не так уж и много, сделать скриншот в Мозиле всех названий в один столбец и спрайтом поставить уже отренденный с text-shadow,
Новое название - добавка еще строки к спрайту
Ответить с цитированием
  #8 (permalink)  
Старый 10.04.2013, 19:21
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

Сообщение от Eugene Varf
Я сделал схему метро в 3D на Javascript + CSS3. Вот что из этого получилось: http://varf.ru/metro3d.
Боюсь вы не понимаете цель схем -удобство использования .
Ну а к вашей , нужно курс обучающий 3х часовый выпускать, куда смотреть, как ей пользоваться , и самое главное объяснение на половину курса, для кого сделана такая не юзебилити схема
В целом -ужасно . Кроме отсутствия юзебилити и алгоритм ужасный -схема еле шевелится
Ответить с цитированием
  #9 (permalink)  
Старый 10.04.2013, 21:07
Аватар для kobezzza
Быдлокодер;)
Отправить личное сообщение для kobezzza Посмотреть профиль Найти все сообщения от kobezzza
 
Регистрация: 19.11.2010
Сообщений: 4,338

Мега тормозит, причём даже не понятно чему там можно тормозить то, но если работа новичка, то ясное дело, что блин комом.
__________________
kobezzza
code monkey
Ответить с цитированием
  #10 (permalink)  
Старый 10.04.2013, 22:41
Аватар для nerv_
junior
Отправить личное сообщение для nerv_ Посмотреть профиль Найти все сообщения от nerv_
 
Регистрация: 29.11.2011
Сообщений: 3,924

а еще если до упора вверх понажимать на стрелку, а затем нажать стрелку влево, будет интересный эффект
__________________
Чебурашка стал символом олимпийских игр. А чего достиг ты?
Тишина - самый громкий звук
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Интерпретатор Java на JS kobezzza Оффтопик 24 11.10.2012 18:32
Первый Moscow JavaScript Meetup korenyushkin Общие вопросы Javascript 0 26.07.2011 15:23
ищу схему метро на javascript Volonter Работа 5 06.03.2011 00:58
Последние книги по JavaScript! monolithed Учебные материалы 7 26.10.2010 19:40
Выдвет ошибку JavaScript Ромио Opera, Safari и др. 4 21.10.2010 20:34