BusteR27 12 окт 2011 в 18:50

Наиболее впечатляющие приложения HTML5 для демонстрации WebGL

1 мин

21K

HTML *

+74

Комментарии 59

barmaley_exe 12 окт 2011 в 18:57

Меня больше впечатлило это.

RockmanLeto 12 окт 2011 в 19:17

Да, впечатляет!

ajev 12 окт 2011 в 19:43

Машинки — рулят!

WikiLeaks 12 окт 2011 в 21:14

Если машинки, то вот это:
helloracer.com/webgl/

asci 13 окт 2011 в 08:52

Вы сделали меня застывшим в легком трепете на минуту где-то…

RussianNeuroMancer 13 окт 2011 в 09:04

А я так надеялся их столкнуть…

fedclud 15 ноя 2011 в 23:35

Интересно…
а почему так медленно? Фпс совсем не впечатляет. У меня всего 12 FPS?

Я тут смотрел демки альтернативы
www.alternativaplatform.com/ru/demos/crash/
www.alternativaplatform.com/ru/demos/maxracer/

тут с фпс все в порядке, если отключить сглаживание. 30-33.
Да и картинка у альтернативы получше…

Это как то обусловленно платформой и технологией? Или демки не достаточно оптимизированны?

barmaley_exe 16 ноя 2011 в 07:34

Когда я игрался с этой демкой, у меня всё было быстро и плавно. Сейчас почему-то мне говорят, что моя видеокарта не поддерживает WebGL.
И это на ноутбуке двухгодичной давности с начинкой в GF 103M, Intel Pentium Dual Core T3400 2.16GHz, 3Gb RAM.

denyerokhin 12 окт 2011 в 19:08

А мне с водой и шариком в бассейне очень понравилось, выглядит крайне реалистично. Спасибо автору!

Finom 14 окт 2011 в 03:06

Единственное, что у меня не заработало :(

ArtemSmirnov 12 окт 2011 в 19:09

А какое отношение WebGL имеет к HTML5? И WebGL это уж точно не библиотека, это одобреный WHATWG контекст для элемента Canvas.

KillBill 12 окт 2011 в 19:37

Включил шарик в воде, браузер FF7 долго-долго думал, пару раз предложил остановить сценарий, потом черный экран, ошибка драйверов видеокарты, опять черный экран. В итоге синий экран смерти и ребут :(

«41 Kernel-Power — Критический — 12.10.2011 23:32:05»

7workers 12 окт 2011 в 19:47

Убить Билла за это!

BusteR27 12 окт 2011 в 19:49

Может не Билла, а видеокарту, ИМХО

KillBill 12 окт 2011 в 19:51

У меня не видеокарта, а «набор микросхем» Intel GMA 965 :(

nighthawk 13 окт 2011 в 08:52

Opera 12 тоже отказывается запускать, «This demo requires the OES_texture_float extension»… И голова обезьянки то ли не грузится, то ли не рендерится.
А так, все остальное — шикарно! Наконец-то операфилы могут воспользоваться всеми благами современного интернета.

ainu 13 окт 2011 в 09:40

Но только с сегодняшнего дня.

mefcorvi 13 окт 2011 в 16:18

Думаю, что это связано с видеокартой и драйвером. Или в других браузерах у вас всё ок?

nighthawk 13 окт 2011 в 19:01

В Firefoxe все нормально отображается. При этом opera:gpu показывает, что необходимые м-м… компоненты присутствуют.

Aquahawk 12 окт 2011 в 19:43

Я просто оставлю это здесь: temp.roxik.com/datas/perform/index.html
flash. 2007 год.

AndyRoss 12 окт 2011 в 19:54

Я бы на вашем месте оставил здесь это:
Unreal Engine 3 на FP11
Движок Alternativa3D

Не холивара ради, а так, для сравнения.

Aquahawk 12 окт 2011 в 19:56

Да я хотел написать что-то типа то Roxik — 2007 а Alternativa3D — сегодня, Unreal Engine 3 — завтра. Там ещё крайтек обещает что-то. Но решил что и этого достаточно.

Shchvova 13 окт 2011 в 01:29

Кстате, а можно ссылку на какую-то штуку, в которую можно поиграться в 3Д из браузера при помощи моего установненного флеш плеера 11?
А то для Unreal Engine я только видео видел. Альтернатива — вообще не стоит рядом даже с Unity. Да и вообще, современным движком ее называть грех.

Shchvova 13 окт 2011 в 01:31

я не тролю и без сарказма. Можно какую-то живую ссылку на что-то годное сделанное на одном из этих движков?

sevon 13 окт 2011 в 03:31

А что непонятного было? Вот конкретная ссылка на конкретную демку.
alternativaplatform.com/ru/demos/crash/
У меня 40-60 FPS выдает без проблем.

andoriyu 13 окт 2011 в 04:57

На маке плагин сожрат 100% и умер. В то время как игры на Unit3d спокойно играются и игрались год назад. Flash не нужен. Альтернатива3d это очень редкая форма копрофилии.

sevon 13 окт 2011 в 05:21

Дело во Flash Player, он пока не очень стабильно работает на отличных от Windows платформах и Molehill не все видеокарты поддерживает, но это временно.

MazeFAQa 13 окт 2011 в 06:01

Оно временно уже столько же времени, сколько флэш существует.

RussianNeuroMancer 13 окт 2011 в 09:09

Ну почему же, вот даже стабильную поддержку x86_64 выкатили! В октябре 2011 года, лол. Через несколько лет может и Alternativa заработает.

Shchvova 13 окт 2011 в 01:26

лол. А уверени что и зачем здесь эта штука на спрайтах? Там от 3Д только ощущение

bioskiller 13 окт 2011 в 02:44

Так это не 3d, сферы — картинки

Aquahawk 13 окт 2011 в 04:20

Присмотритесь внимательнее, у сфер внутри пузырёк воздуха, и он крутится.Да это не совсем то 3D, но его тоже не получится повторить сейчас без флеша.

GearHead 13 окт 2011 в 07:06

есть один маленький недостаток ;)

jov 12 окт 2011 в 19:43

Смотрел демки и параллельно на индикатор загрузки цп, впечатляет!)

НЛО прилетело и опубликовало эту надпись здесь

Isigosor 12 окт 2011 в 21:11

Пока больше всего впечатлений от ro.me.

ananazzz 12 окт 2011 в 22:48

круто!

PaperCut 13 окт 2011 в 18:25

Это очень здорово!
Я верю, что когда-нибудь такой интерактив придет и в обычные фильмы.

Lungo 12 окт 2011 в 21:32

Гуляющие волны я бы скринсейвером поставил. Знать бы способ

WikiLeaks 12 окт 2011 в 22:15

Делал когда то подборку для статьи, но запостить не было возможности.
Поэтому вот часть действительно интересных демок.

Движки:
glge.org/demos/
www.ambiera.com/copperlicht/ — Flash и WebGL

Рендер уровней iOS RAGE:
www.youtube.com/watch?v=d0S2dsuSxHw
Team Fortress 2:
www.youtube.com/watch?v=DQrC5YLKFUY

Рендер minecraft карт:
www.youtube.com/watch?v=2Moe24BzPdU

Игры:
www.playtankworld.com/
www.tubagames.net/
cycleblob.com/
RPG:
nicolas-bonnel.github.com/WARPG/index.html

Платформа удаленного рендеринга:
cloudmach.com/
cloudmach.com/vizerra/demo/

И просто красивая демка:
plopbyte.net/webgl-particles-demo/

zhmenia 12 окт 2011 в 22:24

Нет слов. Я живу в прекрасное время)

mgarin 12 окт 2011 в 23:08

Примеры действительно потрясающие, но до сих пор, даже на новом железе и сильном видео WebGL подтупливает через каждые несколько секунд (хоть все примеры и показывают постоянные 60fps). В сравнении с любыми даже самыми навороченными 3D приложениями на том же Flash — производительность у него не ахти, что весьма странно…

WikiLeaks 13 окт 2011 в 00:40

Это сильно разниться в зависимости от браузера, ОС, производителя железа и версии драйверов.
Molehill же работает поверх API (на Windows это Direct3D), поэтому этот API всегда будет работать чуть более гладко.

mgarin 13 окт 2011 в 01:11

ОС/ПО:
Windows 7 x64 SP1, Chrome

Железо (ноутбук):
Intel Core i7 2630QM, DDR3 1333 MHz SDRAM, NVIDIA GeForce GTX 460QM (3GB GDDR5 VRAM)

Версии драйверов последние (всегда стараюсь держать их в актуальном состоянии).

Весьма странно что ни с Flash, ни с одним 3D приложением или даже самой современной игрой никаких проблем не возникает даже на высоких настройках, а банальный (даже самый простой) WebGL canvas подтормаживает (по идее он и без Hardware-ускорения должен летать на этом железе).

Хотя это даже не тормоза, а скорее какой-то внутренний процесс, происходящий каждые 2-3 секунды и успешно подвешивающий канвас на долю секунды. Происходит это во всех примерах с использованием WebGL, так что вряд ли это косяки отдельных реализаций. В общем что-то странное. Но так как для меня подобные возможности браузеров некритичны (да и толком они нигде на данный момент не применяются) — особо не парился с поиском корня проблемы. Вероятно через год-два когда технологию доведут до ума…

P.S. В хроме…
Canvas: Hardware accelerated
3D CSS: Hardware accelerated
Compositing: Hardware accelerated
WebGL: Hardware accelerated
WebGL multisampling: Hardware accelerated

WikiLeaks 13 окт 2011 в 01:19

Ну значит это проблема сочетания софта/железа x64 лично у вас.
У меня на куда более старом железе никаких лагов нет, ни в одном браузере.

mgarin 13 окт 2011 в 01:58

Завтра попробую на абсолютно другом железе/ОС — посмотрю как там будет.

kikaha 13 окт 2011 в 03:09

в примере №4 с змейкой музыка очень атмосферная, слушаю уже 3-й круг, благо она зациклена

Merser 13 окт 2011 в 05:08

Еще некоторые примеры описаны здесь
webrowser.ru/rasshireniya/14-prekrasnyx-primerov-ispolzovaniya-webgl.html

П.С. Возможно, сегодня выйдет сборка Opera Next с поддержкой ускорения и WebGL 3D. Все эти примеры можно будет попробовать в ней.

Lof 13 окт 2011 в 08:52

Мое мнение — WebGL мертвая технология, тк JavaScript слишком тормозной для написания чего-нибудь ресурсоемкого. Будущее за такими технологиями как Unity3d ( например www.facebook.com/apps/application.php?id=207689995920190 ), NativeClient и тд

adminimus 13 окт 2011 в 15:06

>WebGL мертвая технология, тк JavaScript слишком тормозной для написания чего-нибудь ресурсоемкого

«Ваш порш — говно, на нем тонну картошки не увезешь»

Lof 14 окт 2011 в 07:47

Если действие происходит в селе, где у автомобиля основная функция возить картошку и тп, то да, порш — говно :)

adminimus 14 окт 2011 в 11:55

действие происходит в интернете, а интернет — не только для игр. WebGL — отличный инструмент для своего круга задач, писать crysis в браузере никто пока не предлагает