HTML5 хорошие примеры [Архив]

Zebestov

23.05.2010, 15:29

Введение:

Прошу воздержаться от всякого рода провокаций/холиваров.
Прошу не отписываться здесь (или делать это максимально сдержанно) фанатам Flash как такового. Тема адресована не вам. Тема для людей увлеченных производством RIA в целом... хотя, справедливо заметить, что в львиной доле случаев это и означает Flash :quiet:

Ну понеслась. Примеры, беседы, мнения =)

Я пока нарыл парочку:

http://mugtug.com/sketchpad/
http://alteredqualia.com/cubeout/
http://mrdoob.com/projects/harmony/

не то чтобы из ряда вон =) просто прикольно

relevance4

23.05.2010, 15:52

последняя ссылка очень понравилась!

capecoder

23.05.2010, 15:59

и мне , оторваться не могу, я зомбирован 0_0

zurkis

23.05.2010, 15:59

все конечно очень сыровато, но прогресс на лицо

Zebestov

23.05.2010, 16:05

последняя всех покоряет =) шутка ли сесть и за пару секунд нарисовать бумажный самолетик как заправский иллюстратор! ххех)

capecoder

23.05.2010, 16:08

http://savepic.ru/1181723.jpg
Йа ПиКаССо

Zebestov

23.05.2010, 16:11

$mival

23.05.2010, 16:54

если честно не увидел в них ничего хорошего
а где сайты в полноэкранном 3д например?

Zebestov

23.05.2010, 17:03

если честно не увидел в них ничего хорошего
а где сайты в полноэкранном 3д например?
не увидел — бывает :quiet:
полноэкранное 3д на HTML5 найдешь — выкладывай! задачка не самая популярная не то чтобы в сайтостроении в целом, даже в RIA в частности.

Повторяю просьбу :rtfm: без холиваров и фанатизма (в обоих направлениях)

ms..!

23.05.2010, 21:24

depth of field шарики серьезно подгрузили систему. А вот harmony - круто, мне понравилось, флеш рисовалки курят в сторонке.

http://lh3.ggpht.com/_pWwRldie3MA/S_lUkZVkf4I/AAAAAAAAALQ/KEccn-e-ZQc/canvas.jpg

Zebestov

23.05.2010, 21:28

http://clublime.com/lab/html5/sphere/
http://url3.tk/canvas/
http://jabtunes.com/notation/panning_navigator.html
http://kennethjorgensen.com/canvas/tree.html

Добавлено через 1 минуту
шарики да. неоптимально видать забацано как-то. я не валом ощущаю, но тормозно на фоне остальных анимаций.

Добавлено через 6 минут
а вот уже фанаты (http://9elements.com/io/projects/html5/canvas/) =)

Добавлено через 29 минут
3d как 3d (http://deanm.github.com/pre3d/monster.html)
прикол (http://experiments.instrum3nt.com/markmahoney/ball/) =) (UPD: там кнопочка есть чтобы пару-тройку окошек наплодить)
своеобразная такая рисовалка (http://bomomo.com/)
тож прикольно (http://www2.nihilogic.dk/labs/canvas_music_visualization/)
тетрис (http://www.benjoffe.com/code/games/torus/) уже вроде был

Alex Lexcuk

23.05.2010, 22:43

Ни фига себе 3d как 3d, куб еще нормально 50% cpu, но когда из него начали расти щупальца, 100 % съело, это при том что на нем нет текстуры.

deman455

23.05.2010, 22:56

у меня этот пример (http://www.craftymind.com/factory/html5video/CanvasVideo.html) первый раз как-то не работал — видео тормозило тормозило, пока не остановилось. а сейчас все норм! ну он такой. тупо заценить техническую сторону.

Добавлено через 7 минут
перепевка (http://mrdoob.com/projects/chromeexperiments/depth_of_field/) старой работы на flash
просто фишечка (http://spielzeugz.de/html5/liquid-particles.html)

Бомба

Мой цветок за 3 секунды :)

http://s43.***********/i102/1005/3e/8288949fa01d.jpg

А вообще просто супер. Жаль я ничего не могу нарисоват :D

Добавлено через 6 минут
прикол (http://experiments.instrum3nt.com/markmahoney/ball/) =)
своеобразная такая рисовалка (http://bomomo.com/)
тож прикольно (http://www2.nihilogic.dk/labs/canvas_music_visualization/)
тетрис (http://www.benjoffe.com/code/games/torus/) уже вроде был[/QUOTE]

Мдяя, вигушки такое на флеш сделаеш...

zurkis

23.05.2010, 23:09

здесь http://experiments.instrum3nt.com/markmahoney/ball/ с мячиком понравилось, можно в дочерние окошки его перетаскивать, здоровски

Psycho Tiger

23.05.2010, 23:30

Да, DOF фиговый. Остальное - впечатляет. Похоже, это и правда конкурент флешу.

wvxvw

24.05.2010, 00:05

Ничего, что тормоза :) Наоборот, будет стимулировать простых пользователей покупать компы по-лучше. Ну а раз новое железо - под него и программы надо новые писать :)

deman455

24.05.2010, 01:06

здесь http://experiments.instrum3nt.com/markmahoney/ball/ с мячиком понравилось, можно в дочерние окошки его перетаскивать, здоровски
Да да, вот это класс просто. Наврено только в html 5 и можно такое сделать

Zebestov

24.05.2010, 01:17

Ни фига себе 3d как 3d, куб еще нормально 50% cpu, но когда из него начали расти щупальца, 100 % съело, это при том что на нем нет текстуры.

куб даже не "всплывал", а "на полном ходу" дотянулось до 27-30% и все. видать у меня и вправду "стремное" железо — не могу ощутить нагрузку на обывателя (хотя железо у меня не козырное прямо скажу)

Да, DOF фиговый. Остальное - впечатляет. Похоже, это и правда конкурент флешу.

Ну не думаю что прямо конкурент. Но действительно впечатляет. Уж по крайней мере "сайтострой" может таки вернуться назад в чистый HTML.
По моему личному мнению затея строить сайты на Flash не перестала быть "натянутой". И все это было лишь ради выходящей за обыденные рамки эффектности, которую долгое время в доступной форме предоставлял только Flash. Сейчас сложились хорошие условия для построения не менее эффектных/юзабельных сайтов на правильной платформе, разработанной именно для этого. А Flash теперь будет в своей довольно просторной нише — RIA. Разумеется будут и сайты на Flash, и RIA на HTML5. Но в качестве забавных исключений.

Во понаписал :quiet: ну тип того...

wvxvw

24.05.2010, 04:10

А монитор какого размера? Тормоза изза этого восновном.

Zebestov

24.05.2010, 04:45

если это вопрос ко мне, то 1680х1050. разительных тормозов не наблюдаю. только там вроде фрейм фиксированного размера, так что не должно влиять.

derhab

24.05.2010, 16:44

флеш рисовалки курят в сторонке.

Ну токо не надо преувеличивать... никто в сторонке не курит
может вы не видели..например http://www.pixlr.com/editor/

Добавлено через 8 минут
Да да, вот это класс просто. Наврено только в html 5 и можно такое сделать

у меня не получилось такое сделать)
мячик глючит.. при попытке перетащить в другое окно не перетаскивается..застревает. После этого в своем окне начинает хаотически метаться и уже не управляется..
FF 3.6.3, в других не проверял

Добавлено через 15 минут
есть, все-таки перетащил!))
но сыро конечно еще..

Zebestov

24.05.2010, 17:12

Ну токо не надо преувеличивать... никто в сторонке не курит
может вы не видели..например http://www.pixlr.com/editor/

ага, безусловно хорошая штука!

deman455

25.05.2010, 03:04

Ну токо не надо преувеличивать... никто в сторонке не курит
может вы не видели..например http://www.pixlr.com/editor/
у меня не получилось такое сделать)
мячик глючит.. при попытке перетащить в другое окно не перетаскивается..застревает. После этого в своем окне начинает хаотически метаться и уже не управляется..
FF 3.6.3, в других не проверял

Я пользуюсь Оперой 10-й, просто все очень классно прыгает. Запускаю мачик в первом окошке, по инерции он залитает в 2-е , отбивается от окошка (от стенки) и летит в 3-е окошко.

А флеш рисовалка, это конечно... Очень тяжелая рисовалка. Не представляю сколько на неё сил было потрачено. Там да же "волшебная палочка" есть, выделят область определенного цвета, слов нету.

Furinax

25.05.2010, 10:18

Интересно когда уже кто-нибудь сделать что-нибудь с использованием HTML5 + Flash. Очень любопытно что из этого может получиться.
Рисовалка кстати и вправду супер, хоть флэш рисовалка и крута, но для простого обывателя по части рисования типа меня она очень сложна (не умею я всеми этими штампами и волшебными палочками пользоваться). А вот простой набор из необычных кистей для меня в самый раз, во флэше я подобных рисовалок не виддел, только всякие заумные типа приведенной выше.

derhab

26.05.2010, 02:34

А вот простой набор из необычных кистей для меня в самый раз, во флэше я подобных рисовалок не виддел, только всякие заумные типа приведенной выше.

А что в ней заумного?:) Вы фотошопом пользуетесь?
Что касается необычных кистей...в вышеприведенной рисовалке выберите инструмент "кисть", на верхней панели щелкните "Brush" -> кнопка "MORE..."(brush browser)

Furinax

26.05.2010, 10:35

А что в ней заумного?:) Вы фотошопом пользуетесь?
Что касается необычных кистей...в вышеприведенной рисовалке выберите инструмент "кисть", на верхней панели щелкните "Brush" -> кнопка "MORE..."(brush browser)

да, покопался в ней подольше, есть реально крутые кисти, хотя именно таких как в HTML5 рисовалке я не нашел. Но все равно в HTML5 рисовалке есть что-то такое, что сразу же заставляет порисовать в ней просто ради фана.

Psycho Tiger

26.05.2010, 16:03

да, покопался в ней подольше, есть реально крутые кисти, хотя именно таких как в HTML5 рисовалке я не нашел. Но все равно в HTML5 рисовалке есть что-то такое, что сразу же заставляет порисовать в ней просто ради фана.
Это не показатель технологии. Flash как технология существенно выше. Вы заставьте покрутиться HTML4 в браузерах годичной давности.

gldrawworld

26.05.2010, 18:12

мое мнение, что выиграет тот кто сможет
1 осуществить поддержку хардварного ускорения ( желательно шейдинг и т/д/ )
2 нативность ( чтобы не нада было что то доставлять …*)
3 стабильность и распространненость

а вот кто сможет и сделает это, будет видно только со временем, сейчас говорить, что выиграет flash, который не имеет хардварной поддержки, не нативен и на многих устройствах имеет либо обрезанный функционал, либо вобще отсутствует или же html5, который только частично поддерживается, не имеет полной спецификации и т/д/ реально глупо и фанатично ∆

по делу, примеры впечатляют !

Zebestov

26.05.2010, 18:40

Flash как технология существенно выше
Ну в том то и дело. Речь не идет о превосходстве. Просто примеры из разряда "фишечек", что и сталкивает некоторых в сторону "конфликта технологий".
Как по мне — нет никакого конфликта. Есть две технологии из, в какой-то мере, отдельных ветвей развития www.
Одна должна строить сайты простым, быстрым, дешевым способом — HTML.
Вторая наполняет интернет интерактивными приложениями на любой вкус.

А с другой стороны, если бы я был американским клиентом, который делает небольшую онлайн-игрулю, то я бы не был таким болваном, чтобы упустить аудиторию пользователей гаджетов от Apple. А когда понял бы, что программистов на JavaScript ой как нимало. А когда посчитал бы, что посадить такого у себя в офисе мне обойдется только в комп и "блокнот", вместо траты на CS5 — ооо! =)
ну вот, пожалуй, единственное место, где все сталкивают лбами эту технологию со старым добрым Flash-ом.

;)

Furinax

26.05.2010, 18:53

А вообще год назад я даже не мог себе представить, что такое можно будет делать с помощью HTML, и это меня больше всего удивляет.

Psycho Tiger

26.05.2010, 20:29

А я 2 года назад не мог представить себе что буду бухать как скотина.

Котяра

26.05.2010, 21:27

Кодеры на javascript - мазохисты.
Другое дело, что есть GWT - который генерит код из Java в javaScript, если он будет работать с HTML5 и canvas и WebGL.. на этом мысль закончилась..

capecoder

30.05.2010, 00:52

А я 2 года назад не мог представить себе что буду бухать как скотина.

:drinks: - в мемориз!

easy.proger

05.06.2010, 16:19

http://www.apple.com/html5/ ))

Zebestov

05.06.2010, 19:24

неплохие примеры. а какой соус! =)

KiL33

07.06.2010, 19:10

на FF все примеры безбожно тормозят, возможно эта затравка для использования ИЕ9:quiet:.
А я 2 года назад не мог представить себе что буду бухать как скотина.
Плохое влияние?

Zebestov

07.06.2010, 19:29

на FF все примеры безбожно тормозят, возможно эта затравка для использования ИЕ9

что у тебя с компьютером? у меня на FF очевидно тормозил только DOF. все остальное бегает норм. и не надо пиарить IE9 :cool: я вот например нормально обхожусь хромом, в котором даже DOF норм.

Psycho Tiger

07.06.2010, 19:39

Плохое влияние?
Если я не буду пить, мне не нужно будет много денег.
Если мне не нужно будет много денег - мне не нужно будет много работать.
Если мне не нужно будет много работать - я не буду получать опыт работы.
Если я не буду получать опыт работы по выходу из универа я буду таким же, как и остальные 90% людей, потерявшие там время.
Если я буду таким, я не стану богатым.
Если я не стану богатым - я проживу жизнь зря.

В итоге я вынужден пить :(

KiL33

07.06.2010, 21:16

что у тебя с компьютером?
компьютер, что надо..а это, непонятно что, тормозит.
ИЕ9 них кто не пиарит..так к слову, припомнились воздыхания реал пиарщиков по поводу аппаратной поддержки производительности.

В итоге я вынужден пить
Само внушение сильная штука..тут уж ничего не поделаешь:)

Psycho Tiger

07.06.2010, 21:18

Само внушение сильная штука..тут уж ничего не поделаешь
Это шутка была :)

Zebestov

07.06.2010, 21:26

компьютер, что надо..а это, непонятно что, тормозит.
разберешься в чем была причина — расскажешь :quiet:

KiL33

08.06.2010, 11:26

Извините, я вчера не с той ноги встал или меня муха укусила, но скорее всего я с цепи сорвался.:)

Сегодня ещё раз посмотрел некоторые примеры. Действительно, чисто визуально побыстрее работает чем то, что было вчера. Не знаю, по какой причине вчера так тормозило. Те примеры, что посложнее, загружают процессор оочень сильно..пример тридешный вообще самый настоящий черный пиар HTML5.

Это шутка была

Жаль, я думал единомышленника нашел, ну то есть собутыльника, эх..пойду, напьюсь с горя..