10.04.2013, 15:42
|
Новичок на форуме
|
|
Регистрация: 10.04.2013
Сообщений: 7
|
|
3D-Модель метро (JavaScript + CSS3)
Я сделал схему метро в 3D на Javascript + CSS3. Вот что из этого получилось: http://varf.ru/metro3d.
Я использовал точные координаты залов станций, их глубины заложения, а также высоты поверхности земли над уровнем моря. Результат можно вращать и приближать прямо в браузере (быстрее всех Opera, медленнее всех Firefox, в IE 9 без анимации).
Спасибо Илье Кантору - проект стал возможен благодаря чтению этого сайта
|
|
10.04.2013, 15:47
|
|
Профессор
|
|
Регистрация: 17.01.2013
Сообщений: 887
|
|
вращение на стрелки клавиатуры повесить бы, а вобще красиво
|
|
10.04.2013, 16:02
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
Eugene Varf,
Cтрелки поменять на круговые, к примеру: http://s3.uploads.ru/FCn7R.png
Нужен градиентальные 3D - фон - тогда развороты будут более впечетляющими, очевидно(при фоне) к буквам добавить text-shadow со светлой обводкой
|
|
10.04.2013, 16:11
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
Сообщение от Deff
|
к буквам добавить text-shadow со светлой обводкой
|
Ксать на более темном фоне, при просмотре в горизонтальной плоскости и тексты будут выглядеть более отчётливо
|
|
10.04.2013, 18:42
|
Новичок на форуме
|
|
Регистрация: 10.04.2013
Сообщений: 7
|
|
Сообщение от animhotep
|
вращение на стрелки клавиатуры повесить бы, а вобще красиво
|
Спасибо, попробую.
|
|
10.04.2013, 18:45
|
Новичок на форуме
|
|
Регистрация: 10.04.2013
Сообщений: 7
|
|
Сообщение от Deff
|
Ксать на более темном фоне, при просмотре в горизонтальной плоскости и тексты будут выглядеть более отчётливо
|
Спасибо, попробовал светлую обводку названий (вместо полупрозрачного background-color). Неплохо, но не поддерживается IE 9. Решил оставить как было.
Насчет градиента общего фона тоже думал, попробую.
|
|
10.04.2013, 18:53
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
Сообщение от Eugene Varf
|
Спасибо, попробовал светлую обводку названий (вместо полупрозрачного background-color). Неплохо, но не поддерживается IE 9. Решил оставить как было.
|
В принципе, названий не так уж и много, сделать скриншот в Мозиле всех названий в один столбец и спрайтом поставить уже отренденный с text-shadow,
Новое название - добавка еще строки к спрайту
|
|
10.04.2013, 19:21
|
х.з
|
|
Регистрация: 21.11.2010
Сообщений: 4,588
|
|
Сообщение от Eugene Varf
|
Я сделал схему метро в 3D на Javascript + CSS3. Вот что из этого получилось: http://varf.ru/metro3d.
|
Боюсь вы не понимаете цель схем -удобство использования .
Ну а к вашей , нужно курс обучающий 3х часовый выпускать, куда смотреть, как ей пользоваться , и самое главное объяснение на половину курса, для кого сделана такая не юзебилити схема
В целом -ужасно . Кроме отсутствия юзебилити и алгоритм ужасный -схема еле шевелится
|
|
10.04.2013, 21:07
|
|
Быдлокодер;)
|
|
Регистрация: 19.11.2010
Сообщений: 4,338
|
|
Мега тормозит, причём даже не понятно чему там можно тормозить то, но если работа новичка, то ясное дело, что блин комом.
|
|
10.04.2013, 22:41
|
|
junior
|
|
Регистрация: 29.11.2011
Сообщений: 3,924
|
|
а еще если до упора вверх понажимать на стрелку, а затем нажать стрелку влево, будет интересный эффект
__________________
Чебурашка стал символом олимпийских игр. А чего достиг ты?
Тишина - самый громкий звук
|
|
|
|