15 (Више) Инспиративни ХТМЛ5 експерименти

Осим ако не живите под каменом, чули сте за ХТМЛ5. Сада је свуда, захваљујући промоцији Аппле-а Директор бивши ЦЕО Стеве Јобс и одређени програмери који вјерују да ХТМЛ5 може преузети Фласх.

Па, у ствари, не видимо да се та ситуација десила, али ХТМЛ5 је заиста магичан у односу на његове видео могућности, илустрацију на платну и анимацију која делује веома добро и глатко. Чињеница је да је толико обећавајуће да се пројекти појављују на свим местима која су направљена као начин тестирања граница ХТМЛ5.

Верујте својој моћи или не, ми ћемо вам представити 15 просветљујућих експеримената који најбоље користе ХТМЛ5, и погодите шта, можете искусити гравитацију, анимацију засновану на музици и приказивање бића која само раде као створења! Забавите се са њима и њима, они се најбоље послужују са најновијом верзијом Мозилла Фирефок и Гоогле Цхроме.

У случају да нисте задовољни са овом ХТМЛ5 забавом, имамо више за вас!

• ХТМЛ5: 48 Потенцијални демо за убијање Фласх-а
• ХТМЛ5: 19 потенцијалне веб апликације

Цанвас Цицле

Заједнички напор између умјетника Марка Феррарија и кодера Јосепха Хуцкабија, то је прекрасна збирка покретних сцена природе као што су шуме зими, морски пејзажи и олујне планине. Они се опуштају гледајући и заиста запањујуће, са звуцима везаним за слике. Ако желите мало времена да се опустите од посла, можете проћи кроз те слике и осјетити да се напетост једноставно отапа.

Гоогле гравитација

Још један од невероватног г. Дооба, овај је мање интерактиван него први, али и даље кул. Даје основну копију Гооглеове главне странице за претрагу. Али када усмерите курсор, цела страница почиње да "пада" док се сви не сруше на дну. Гоогле лого функционише као активна веза која освежава страницу. Добра игра за оне велике компаније које мрзе Гоогле, може бити.

Цанвас Треес

Направио га је Кеннетх Јоргенсон, ово је можда једино мјесто гдје можете видјети израз 'Освјежи укуснија стабла :)'. То је управо оно што пише: кликнете на веб страницу и она вас води на бијелу позадину. Цртеж црног тинте на дрвету ће почети да расте док се рачуна колико је грана у току. Можете да се освежите да бисте видели колико пута желите.

Магнетиц

Ово је још једна забавна и заразна. У суштини почињете са неколико "магнета" који се могу повући по екрану. Честице светлосне орбите око њих и ако померате позиције можете променити облике које праве. Ако желите више магнета и честица, само двапут кликните и повуците их тамо где их желите. Да, све је у питању магнети и физика!

Грапхиц Целебрити Еарнингс

Желите да видите визуелну представу колико телевизијске славне особе зарађују по епизоди? Ово је кул мали графикон који показује хрпе трака у боји које представљају колико специфична славна особа прави по снимању телевизијске емисије (или направљена, у случајевима као што је Цхарлие Схеен). Направљен је као један од многих пројеката и експеримената Даниел Рапп-а.

Цанвас Риббон

Паул Труонг је направио ову занимљиву апликацију која вам омогућава да сликате користећи стално помичну, разнобојну врпцу преко екрана. Прави облике и дизајн, а ефекат је прилично леп. Све што треба да урадите је да га превучете преко екрана, говорећи о једноставности.

ВебГЛ Ватер

Ево кул демо-а који користи револуционарни ВебГЛ (Веб-басед Грапхицс Либрари), који је најбоље послужен уз Гоогле Цхроме. Уз демо, можете цртати по води да бисте направили рипплес, или повуците сферу да бисте је померили и притиснули неке тастере на тастатури да бисте подесили правац светлости и пребацили гравитацију, све за сведочење како је покретни објекат живо у интеракцији са окружењем, реалистичан.

Цхрисаора

Још један задивљујући демо који користи магију ВебГЛ-а, на којој можете видјети групу изузетно лијепих и најважнијих живахних медуза које се крећу у води, озрачене зраком сунчевог свјетла. Будите свједоци периода у којем ХТМЛ5 и ВебГЛ оживљавају веб, а који се најбоље види са Гоогле Цхроме-ом.

Вокел Раин

Вокел киша значи да се вишебојне 3Д кутије спуштају да формирају велики ротирајући блок. То је као приказивање могућности рачунара 1990-их, а сада се ради о веб претраживачу користећи снагу ХТМЛ5, најсјајнија ера интернета није далеко.

ХТМЛ5 текстуални ефекти

Често се веб дизајнера питамо колико нам ХТМЛ5 може заиста помоћи да пробијемо у веб типографији, а овај демо вам даје одговор, више него икад! Можете изабрати да будете сведоци стереоскопског ефекта, неонског ефекта или чак покретног неонског ефекта, будућност веб типографије је у руци ХТМЛ5.

Спиннинг ХТМЛ5 Лого

Једноставно не могу да задржим славу ХТМЛ5, она се окреће, ротира ... то је цоол.

Скицирање у 3Д

Да ли вам је досадна 2Д скицирање засновано на ХТМЛ5? Види ово. Једноставно нацртајте линију и притисните размакницу и повуците лево или десно и видећете да се ваш цртеж ротира у 3Д перспективи. 3Д скицирање није компликованије са ХТМЛ5.

мта.ме Цондуцтор

Мта.ме Цондуцтор вас инспирише мријешћењем точака које ће се непрестано помицати да формирају линије, а када линије “цоллиде” међусобно ће изазвати неку интеракцију. Све да би се доказало да ХТМЛ5 није само код, већ и интеракција, и то је оно што веб корисници заиста занимају.

Доогле Гмаил

Занимљива игра типа шутера, али јунак је Гмаил, ослободите га зла! Баш као класична стријелацка игра, добили сте живот, резултат и свемогући ласерски зрак. Вероватно један од потенцијалних демо-а који ће приказати могућности ХТМЛ5-а као игре. Пази, Фласх.

В Пилот

Ово је тако заразна игра да би требала бити незаконита. Озбиљно, када се пријавите на један од њихових сервера, пожелети ћете играти сатима. У основи летите око снимања ствари док избегавате да вас други играчи упуцају. Једноставно је и забавно за играње, а чињеница да омогућава мултиплаиер искуство је озбиљан плус који га ставља изнад Фласх игара које су толико популарне управо сада.