Javascript-форум (https://javascript.ru/forum/)
-   Ваши сайты и скрипты (https://javascript.ru/forum/project/)
-   -   3D-Модель метро (JavaScript + CSS3) (https://javascript.ru/forum/project/37179-3d-model-metro-javascript-css3.html)

Eugene Varf 10.04.2013 15:42

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

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

Спасибо Илье Кантору - проект стал возможен благодаря чтению этого сайта :)

animhotep 10.04.2013 15:47

вращение на стрелки клавиатуры повесить бы, а вобще красиво

Deff 10.04.2013 16:02

Eugene Varf,
Cтрелки поменять на круговые, к примеру: http://s3.uploads.ru/FCn7R.png
Нужен градиентальные 3D - фон - тогда развороты будут более впечетляющими, очевидно(при фоне) к буквам добавить text-shadow со светлой обводкой

Deff 10.04.2013 16:11

Цитата:

Сообщение от Deff
к буквам добавить text-shadow со светлой обводкой

Ксать на более темном фоне, при просмотре в горизонтальной плоскости и тексты будут выглядеть более отчётливо

Eugene Varf 10.04.2013 18:42

Цитата:

Сообщение от animhotep (Сообщение 245301)
вращение на стрелки клавиатуры повесить бы, а вобще красиво

Спасибо, попробую.

Eugene Varf 10.04.2013 18:45

Цитата:

Сообщение от Deff (Сообщение 245310)
Ксать на более темном фоне, при просмотре в горизонтальной плоскости и тексты будут выглядеть более отчётливо

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

Насчет градиента общего фона тоже думал, попробую.

Deff 10.04.2013 18:53

Цитата:

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

В принципе, названий не так уж и много, сделать скриншот в Мозиле всех названий в один столбец и спрайтом поставить уже отренденный с text-shadow,
Новое название - добавка еще строки к спрайту

dmitriymar 10.04.2013 19:21

Цитата:

Сообщение от Eugene Varf
Я сделал схему метро в 3D на Javascript + CSS3. Вот что из этого получилось: http://varf.ru/metro3d.

Боюсь вы не понимаете цель схем -удобство использования .
Ну а к вашей , нужно курс обучающий 3х часовый выпускать, куда смотреть, как ей пользоваться , и самое главное объяснение на половину курса, для кого сделана такая не юзебилити схема :D
В целом -ужасно . Кроме отсутствия юзебилити и алгоритм ужасный -схема еле шевелится

kobezzza 10.04.2013 21:07

Мега тормозит, причём даже не понятно чему там можно тормозить то, но если работа новичка, то ясное дело, что блин комом.

nerv_ 10.04.2013 22:41

а еще если до упора вверх понажимать на стрелку, а затем нажать стрелку влево, будет интересный эффект :)


Часовой пояс GMT +3, время: 04:39.