Эксперименты на HTML5

    image

    Очередная порция экспериментов на HTML5. Автор просит не использовать их в спорах HTML5vsFlash :)
    Share post
    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More
    Ads

    Comments 60

      +8
      Keylight больше всего понравилась. Интересно )
        +3
        keylight кстати для звука flash использует из-за плохой поддержки html5 audio браузерами
          +1
          А у меня, в Chromium'е не звучит совсем, ни вариант по-умолчанию (со флешем), ни вариант с чистым html5.
            0
            Хах, оказалось флеш Flash Block блокировал. А Chromium воспроизведение аудио с HTML5 разве не поддерживает? Почему-то думал, что Chrome/Chromium с HTML5 фаворит.
              0
              chrome довольно неплохо поддерживает html5 audio, единственый известный мне недостаток — нет возможности узнать сколько данных уже загрузилось(индикатор загрузки не сделаешь). По этому поводу тикет у них был, может уже и сделали.
                0
                У меня в Chrome в обоих вариантах звук есть. В HTML5 к сожалению первые несколько звуков идут с ощутимой задержкой из-за подгрузки.
            0
            Keylight игрался минут 40, пойду ещё по сочиняю))
              0
              у меня даже примитивная калинка-малинка получилась.
                0
                у меня это приложение на большой скорости (6 из 6) и рандоме подвесило ноутбук сестры (звуковуху конкретно) )) через минут 5 отвисло и закрытием вкладки))

                FF и hp pav dv6000 + vista
              –1
              Красота то какая!
                +5
                А вы не сохранили короткую ссылочку на то, как «звучал» Хабр?
                • UFO just landed and posted this here
                    –1
                    Я и лепру набирал, и БД, все уныло звучат :)
                      0
                      видимо уже не торт.
                        0
                        И даже не пироженка :)
                          –1
                          та даже до печеньки далеко :)
                  0
                  Здорово. Убедил он меня.
                    –1
                    В чем?
                      0
                      В том, что нужно переходить на HTML5.
                        +2
                        Если вы юзер, то какая вам разница что внутри сайта. если вы разработчик — то нахуй делать сайт, на технологии, которая не является стандартом и не поддерживается достаточно большой вчастью пользователей?
                          +2
                          Время покажет.
                            +1
                            2-3 года назад ваше замечание имело смысл. Но сейчас уже очевидно, что следующим стандартом (к сожалению) будет HTML5.
                            +1
                            html5 не является стандартом и ни кем не поддерживается? мухаха))
                              +1
                              Я понимаю, что вы не в состоянии прочитать спецификацию на языке оригинала, поэтому вам остается верить только на слово. Фраза «This specification is Editor's Draft» означает — «Это ни разу не стандарт, а хуйня всякая»
                                0
                                скучно, даже отвечать не хочется
                      +3
                      Автор просит не использовать их в спорах HTML5vsFlash
                      Мечтать не вредно...)
                        +2
                        Эх, что же проц-то оно так грузит — у меня на core 2 quad и 4 гигах оперативки 50%-60% кушают эти демки.
                          +1
                          Мне кажется, дело в отсутствии лимита на fps, вот и кушают они, «сколько найдут». К примеру, с моим атомом n270 (два виртуальных ядра) потребление ресурсов примерно такое же, но нет ни намека на тормоз.
                            +7
                            Вспомнилась шутка с комикса:
                            — Билл, а сколько места занимает твоя Vista на винте?
                            — Сколько найдёт, столько и занимает
                          +2
                          Фанат FMA делал видимо
                            +2
                            Ага, Гомункул прикольный )
                            0
                            ЭТО так быстро работает… Просто круто.
                              –2
                                0
                                очень эффектно действительно, Keylight хорошая задумка
                                  0
                                  Впечатляет :)
                                    +1
                                    Красиво, но CPU кушает нещадно.
                                      –11
                                      используйте браузеры с GPU-ускорением
                                        +8
                                        Для Linux таких пока не наблюдается.
                                          0
                                          а если не секрет, что это за браузеры?
                                            –7
                                            Firefox 4.0 и IE9
                                              0
                                              насколько помню, файрфокс еще находится в стадии бета-теста. Или нет?
                                                +3
                                                они оба в бете
                                          +4
                                          Это да, кушает хорошо, поэтому и пишет автор, чтобы не сравнивали. Больше флэша кушать на маке — это надо талант иметь.

                                            0
                                            Странно, но у меня ни один эксперимент не кушает больше 15 %. Я бы не назвал это «нещадно» :)
                                              0
                                              Ubuntu 10.04, FF 3.6.8. Полностью одно ядро съедает.
                                          • UFO just landed and posted this here
                                              +1
                                              такая лапа =)
                                              +1
                                              Красиво. Поразило, как мало кода требуется на такую красоту.

                                              Больше всего trail fader понравился. Вопрос к тем, кто код читал и кто в теме (в отличие от меня): там затухание хвостов этих штуковин осуществляется путем зарисовки холста полу-прозрачным черным прямоугольником на каждой итерации или я что-то не так понял?
                                                +1
                                                Затухание можно сделать градиентом альфы в CSS3 (в вебките точно). Демке, если я правильно помню, просто заливка с rgba.

                                                А насчёт мало кода — ну как сказать… 1000 строк на какой то блоб… Да и fader тоже не вырывается в перёд в сравнении с flash. Я думаю пока не будет нормальных инструментов для разработки — красоты не будет, слишком много времени отнимает писанина.

                                                Опять таки от HTML5 в этих демках только название. Почему канвас (это единственный тэг из пятого) и тонны JS скрипта принято называть «крутизной HTML5» — для меня загадка. Собственно половину из подобных демок можно сделать и без канваса, но видимо, тогда это плохой маркетинговый ход будет…
                                                +1
                                                В Keylight, если взять любой шарик и начать двигать по кругу, то палочка (или ниточка) не будет за ним успевать.
                                                  0
                                                  Trail напомнил детство, когда было очень круто скриптом к курсору цеплять какую-то фигню вроде часов или еще чего-то :)
                                                    +1
                                                    Keylight. «Аудионаркотик. Сделай сам.»
                                                      +1
                                                      Исходники этой красоты в удобном виде — jsdo.it/hakim/codes
                                                        0
                                                        кейлайт классный) поделитесь ссылками на свои композиции) если кто делал
                                                          0
                                                          Кейлайт волшебный. Особенно понравились «рандомайзовые» мелодии) весьма интересные попадаются, как будто специально сделаны, хотя чистый рандом) забавно.
                                                            0
                                                            Спасибо, помедитировал.
                                                              0
                                                              Magnetic 02 — впечатлил! Напомнило поведение комических объектов под воздействием гравитации звезд…
                                                                  –7
                                                                  Исходник keylight доставляет.

                                                                  swfobject.embedSWF(«swf/sound.swf», «sound», «1», «1», «9.0.0», "", flashvars, params, attributes, embedFlashStatusHandler );

                                                                  Вот с этого момента и надо начинать споры про flash vs html5 :)
                                                                    0
                                                                    мне больше всего понравились Magnetic Trail

                                                                    в Chrome идеально работают, спасибо автору поста

                                                                    Only users with full accounts can post comments. Log in, please.