Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 42
Забавно. Вероятно, где-то ограничение на количество одновременно рендерящихся объектов; может быть, даже и не во браузере, а в драйвере видюхи? Другой браузер пробовали?
FF11, Kubuntu x64 — лаги страшные, облака квадратные. Проприетарный видео-драйвер ATI стоит.
Что говорит по адресу «about:support» в конце страницы?
FF10, Mac OS X Lion, Macbook Pro 17" Late 2011 — работает очень быстро.
Chrome 17, полет нормальный.
Демонстрация эта работает во браузерах на основе WebKit (Chrome, Safari) и в Файерфоксе — причём, согласно уведомлению на сайте, Firefox официальной версии тормозит сильнее, чем ночные сборки.
Я попробовал бета-версию Файерфокса — в ней облака и впрямь тормозят.
Я попробовал бета-версию Файерфокса — в ней облака и впрямь тормозят.
После просмотра CSS-кода неожиданно явствует, что та картинка, из копий которой формируется облако, имеет адрес https://habrastorage.org/getpro/habr/comment_images/409/2df/ea6/4092dfea6e478e630954e0bdf4e3b68c.png и выглядит следующим образом:
![[troll.png]](https://habrastorage.org/getpro/habr/comment_images/409/2df/ea6/4092dfea6e478e630954e0bdf4e3b68c.png)
Эта шутка (в отличие от остальных элементов демонстрации) выглядит несколько скудоумно.
Эта шутка (в отличие от остальных элементов демонстрации) выглядит несколько скудоумно.
А если проявить несколько больше внимания, которое несомненно было потраченно на выявление причастия ЕРЖ к данным облакам, то можно сделать вывод о том, что облака генерируются из www.clicktorelease.com/code/css3dclouds/cloud.png
Или всё-таки облако генерируется из этой http://www.clicktorelease.com/code/css3dclouds/cloud.png картинки?
а ещё облака могут стать огненными или вообще превратиться в коробки
«Michael Bay» порадовало :)
напомнило заставку на ro.me
Кстати присутствует и обман зрения — если тянуть мышку вправо — некоторым людям кажется, что облако поворачивается вслед за мышкой, а некоторым — в другую сторону.
Как здесь: в какую сторону крутится баллрина?
Как здесь: в какую сторону крутится баллрина?
это очевидно. если смотреть, с моей стороны — влево, а со своей — вправо
Разве у кругового движения есть характеристики «Лево-право»? Тут наверно грамотнее сказать по часовой или против часовой она двигается
Что, реально есть люди, которые, двигая мышку вправо, видят движение облаков по экватору(не когда крутятся(вид снизу-сверху), а когда отдаляются-приближаются) против часовой стрелки?
И в ту, и в ту, — у меня. Могу «переключать» в мозгу :)
Это не «как из вокселей», а «как из спрайтов», когда на каждую точку в пространстве назначается картинка (текстура) всегда повернутая к зрителю.
и лагает как судный день
И что здесь такого? Ниразу спрайтов не видели? Поиграйте в Duke nukem 3D, там их полно. А если серьезно, то именно так и рисуют облака в авиасимуляторах.
По заголовку кажется что облака реализованы без картинок, а сорс код показывает обратное, облака в картинках, только трёхмерность реализуется с помощью css.
И если я не ошибаюсь постоянную анимацию можно было сделать на keyframes вместо js.
А вообще круто, оригинальный эксперимент!
И если я не ошибаюсь постоянную анимацию можно было сделать на keyframes вместо js.
А вообще круто, оригинальный эксперимент!
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Фотореалистическое изображение облака при помощи JavaScript и трёхмерных CSS-преобразований