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