Комментарии 71
Впечатляет. Голь на выдумки хитра.
+14
Вот только не забудьте отметить, что это перевод (на хабре есть отдельный тип топика для этого). Помимо этого, там не только HTML и CSS, но и много JS, я бы об этом тоже не забыл упомянуть в начале статьи, а то сбивает с толку.
+33
У меня безбожно глючит демка, все текстуры мигают, а управлениее вообще слабо поддается контролю, один раз W нажал, и он так и будет пару минут вперед бежать. Mac OS, Chrome 24
+47
НЛО прилетело и опубликовало эту надпись здесь
Теже самые проблемы на том же самом железе, софте. Даже поворот мышки заставляет все мигать. В первой демке что была в кубической комнате с Маком (старой версии) такого не было. А так очень интересно, надо будет на досуге попробовать.
+2
Все мигает, но при этом управление персонажем и движение идеально плавное.
Chrome 24.0.1312.57, Windows.
Chrome 24.0.1312.57, Windows.
+3
Windows:
Chrome: анимация плавная, но текстуры периодически пропадают
Firefox: безбожно тормозит и глючит, постоянные пересечения и дырки в стенах
Safari: анимация плавная, текстуры не пропадают, но при движении мыши картинка не обновляется (если постоянно ходить, не так заметно)
Opera: ничего
IE: ничего
P.S. Приехали. Теперь Опера в списке рядом с IE… Причём с IE неоднозначно, потому что CSS 3D transforms он теоретически поддерживает, а вот демка использует только webkit префиксы (Chrome, Safari, Opera) и безпрефиксную запись (Firefox).
Chrome: анимация плавная, но текстуры периодически пропадают
Firefox: безбожно тормозит и глючит, постоянные пересечения и дырки в стенах
Safari: анимация плавная, текстуры не пропадают, но при движении мыши картинка не обновляется (если постоянно ходить, не так заметно)
Opera: ничего
IE: ничего
P.S. Приехали. Теперь Опера в списке рядом с IE… Причём с IE неоднозначно, потому что CSS 3D transforms он теоретически поддерживает, а вот демка использует только webkit префиксы (Chrome, Safari, Opera) и безпрефиксную запись (Firefox).
+2
А у меня все гладко и быстро работает под 8й вендой на хроме, но тоже все моргает во время движения, насколько я понял это глюк буфера глубины, каждый раз отдельные полигоны оказываются то ближе других, то дальше… И еще мышь при переключении вкладок продолжает отлавливаться, не знаю баг это или фича…
Но в целом я впечатлен!
Но в целом я впечатлен!
0
Win7х64+последний Chrome, мигание и невозможность перемещаться кроме как вперед, машина зависла в адских мучениях, даже курсор мыши ощутил на себе частичный паралич и сублимацию.
А так, я впечатлен полетом мысли. Полагаю, это движок JS+CSS+HTML5 пока еще не вырос.
А так, я впечатлен полетом мысли. Полагаю, это движок JS+CSS+HTML5 пока еще не вырос.
0
так-же. Но мне показалось что это от железа зависит. Проц интел, видяха встроенная. Win 7 chrome
0
Жуткие тормоза и глюки. Стены просвечивают, текстуры теряются. А потом вообще комп повис.
До игры тут очень далеко.
До игры тут очень далеко.
+6
Очень сильно. Мой рабочий комп это всё дело не тянет, но моё впечатление не передать словами ))
0
Как же круто осознавать как всё повторяется и повторяется. Сначала был 2d в дос потом появился глючный 3d. Потом тоже самое с directX. Потом в вебе на флеше. Сейчас в вебе на css3. Причём это всё с кучей восторженных и проклинающих комментариев и постов. Сначала в фидо теперь на хабре. Это если очень кратко. Причём тенденция сохраняется, как только это всё «прокачается» на предыдущем уровне, появляется новый, где опять глючат коллизии, видны стыки и прочее прочее…
=)
=)
+20
Ubuntu 13.04
Opera Next — не работает
Chrome Unstable — аналогично
Firefox — дикие глюки и тормоза
Очень хотел посмотреть, но не получилось. И да, комп достаточно мощный.
Opera Next — не работает
Chrome Unstable — аналогично
Firefox — дикие глюки и тормоза
Очень хотел посмотреть, но не получилось. И да, комп достаточно мощный.
+1
Автор утверждает что лучше всего смотреть в Safari
0
Чего же это у вас такое нестабильное ПО?
При чем начиная с ОС
При чем начиная с ОС
+12
+15
В Chrome все отлично, FF глюки. Судя по всему оптимизировано под webkit
+4
Ждем CSS-фреймворк по типу бутстрапа для 3d-моделинга =)
+1
Старенький Мак, Хром 24.0.1312.57 — все плавно и гладко.
Восхищен.
Восхищен.
0
Мигает в хроме, как новогодняя ёлка.
+10
Даешь CS 1.6 для браузера!
+3
Даешь Steam для браузера!
0
Первая ссылка просто шедевральна!
Я в восторге =)
Я в восторге =)
0
НЛО прилетело и опубликовало эту надпись здесь
Ещё более круто — BananaBread
В него реально уже можно. Я поганял ботов с удовольствием)
В него реально уже можно. Я поганял ботов с удовольствием)
+3
Вот это вещь. Получается, уже вовсю можно создавать браузерки на WebGL и пересаживать геймеров с осла на правильные браузеры) Главное иметь прямые руки, потому что, как я понял, кода в BananaBread много, и вообще он преобразован из C++ в JS, т.е. с оптимизацией будет куда как быстрее.
Из всех перечисленных в посте демок эта является самой перспективной.
Из всех перечисленных в посте демок эта является самой перспективной.
0
Вот WebGL это другое дело.
0
Не, даешь CS:S на CSS.
+6
Кто-нибудь уже нашёл патроны? Видимо пистолет разряжен…
+3
Троллейбус_из_буханки_хлеба.jpg
-3
+3
Что мешало запечь лайтмапу в стороннем редакторе и не мучать голову математикой света?
0
Не буду врать, перевод почти сломал меня.
0
НЛО прилетело и опубликовало эту надпись здесь
как стрелять то?))
0
По div'у на каждый квад? Seriously?
Демка крута, но… это как писать что-то сложнее хелло ворлда на брейнфаке. Вроде как и круто, но совершенно непонятно, зачем нужно было ТАК извращаться с неподходящими для этого инструментами :). Ну кроме фана, конечно.
Демка крута, но… это как писать что-то сложнее хелло ворлда на брейнфаке. Вроде как и круто, но совершенно непонятно, зачем нужно было ТАК извращаться с неподходящими для этого инструментами :). Ну кроме фана, конечно.
+2
Ну, если не «каждый див руками», а был написан какой-то конвертер моделей в дивы — почему бы и нет. Задача хоть и сомнительной применимости, но совершенным извращением не пахнет.
0
Это не то чтобы пахнет, это и есть извращение. Проводя аналогию, если сделать транслятор, скажем, JS->Brainfuck — разве в итоге не будет бред? Тут-то модели были примитивнейшие (с виду не более 100 полигонов). А что, когда в модели будет 1000 полигонов? 10000? А когда таких объектов будет много?..
Для 3D, более серьезного чем трансформация пары элементов на веб-странице, существует WebGL, который хоть и тоже не идеален, но лишен большинства проблем. А эта демка никакого практического интереса не представляет. Хоть и весьма занятна как демонстрация возможностей CSS3
Для 3D, более серьезного чем трансформация пары элементов на веб-странице, существует WebGL, который хоть и тоже не идеален, но лишен большинства проблем. А эта демка никакого практического интереса не представляет. Хоть и весьма занятна как демонстрация возможностей CSS3
0
Мегакруто!
0
26.0.1403.0 dev-m на Win 7 x64 (ICi5-2410M, 4Gb, NV GF555) полёт шустрый, но текстуры мигают иногда.
0
HTML5 Game Development от Google
Достаточно интересный, судя по всему, курс по разработке игр на HTML5
Достаточно интересный, судя по всему, курс по разработке игр на HTML5
+1
Я нажал пробел и ме-е-едленно взлетел. Вспомнил школу, самопальную сигарету за углом…
+1
Вам везёт.
Вот лучшее, что мне выдал Chrome 24.0.1312.57 m в первом демо:
То есть, двухмерный фон вращается при движении мыши.
В последней версии Opera (12.14) просто статичная картинка, где ничего нельзя сделать:
.
В Firefox — лаконичный loading и никакой реакции.
Вот лучшее, что мне выдал Chrome 24.0.1312.57 m в первом демо:
То есть, двухмерный фон вращается при движении мыши.
В последней версии Opera (12.14) просто статичная картинка, где ничего нельзя сделать:
.
В Firefox — лаконичный loading и никакой реакции.
0
Прыгают (мигают) текстуры на ящиках.
Движение чувака как под водой — очень медленное, при это повороты сверх-быстрые.
Также мыша работает как тач-пад — при достижении края экрана поворот прекращается.
Движение чувака как под водой — очень медленное, при это повороты сверх-быстрые.
Также мыша работает как тач-пад — при достижении края экрана поворот прекращается.
0
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
HTML и CSS безумие [перевод]