15 (Още) Вдъхновяващи HTML5 експерименти

Освен ако не сте живели под рок, ще сте чули за HTML5. Това е просто навсякъде сега, благодарение на популяризирането на Apple изпълнителен директор бившият главен изпълнителен директор Стив Джобс и някои разработчици, които вярват, че HTML5 може да поеме Flash.

Е, всъщност не виждаме тази ситуация да се случи още, но HTML5 е наистина вълшебно по отношение на неговите видео възможности, илюстрация и анимация на платното, които работят много добре и гладко. Факт е, че е толкова обещаващо, че проектите се появяват навсякъде по местата, които са направени като начин за тестване на границите на HTML5.

Вярвайте в неговата сила или не, ние ще ви покажем 15 просветни експеримента, които най-добре използват HTML5, и познайте какво, можете да изпитате гравитацията, музикалната анимация и визуализацията на същества, които просто работят като същества! Забавлявайте се с тях и тях, но най-добре се обслужват с последната версия на Mozilla Firefox и Google Chrome.

Само в случай, че не сте доволни от тези забавления в HTML5, ние имаме повече за вас!

• HTML5: 48 Потенциални демо-версии на Flash-Killing
• HTML5: 19 Потенциални уеб приложения

Цикъл на платно

Сътрудничество между художника Марк Ферари и кодиращия Джоузеф Хъкаби, това е великолепна колекция от движещи се природни сцени като гори през зимата, морски пейзажи и бурни планини. Те са релаксиращи за гледане и наистина зашеметяващи, със звуци, прикрепени към картините. Ако искате малко време да се отпуснете от работа, можете да преминете през тези снимки и да почувствате, че напрежението просто се стопи.

Гугъл гравитация

Друг от невероятния г-н Doob, този е по-малко интерактивен от първия, но все още готин. Той дава основно копие на главната страница на Google за търсене. Но когато насочите курсора, цялата страница започва да "пада", докато всички се сринат на дъното. Логото на Google работи като активна връзка, която освежава страницата. Една добра игра за тези велики компании, които мразят Google, може да бъде.

Дървета от платно

Изработено от Кенет Йоргенсон, това може да е единственото място, където можете да видите фразата „Опресняване за по-вкусни дървета :)“. Точно това казва: щракнете върху уебсайта и ще ви отведе до бял фон. Черно мастило на дърво ще започне да „расте“, като в същото време разчита на колко клона са в ход. Можете да опресните, за да видите колкото пъти искате.

магнитен

Това е още едно забавно и пристрастяващо, за да се наслаждавате. По принцип започнете с няколко "магнита", които могат да се влачат по екрана. Частици с лека орбита около тях и ако сменяте позициите си, можете да промените формите, които правят. Ако искате повече магнити и частици, просто кликнете два пъти и ги плъзнете до мястото, където искате. Да, всичко е свързано с магнитите и физиката!

График на приходите на знаменитостите

Искате ли да видите визуално представяне на това колко телевизионни знаменитости печелят за епизод? Това е хладна малка графика, която показва купчини цветни ленти, която представя колко специфична знаменитост прави за запис на телевизионно шоу (или правено, в случаи като Чарли Шийн). Той е направен като един от многото проекти и експерименти на Даниел Рап.

Лента с платно

Пол Труонг направи това интересно приложение, което ви позволява да рисувате с помощта на постоянно движеща се многоцветна лента по екрана. Той създава форми и дизайн, а ефектът е доста красив. Всичко, което трябва да направите, е да го плъзнете по екрана, като говорите за простота.

WebGL Вода

Тук идва страхотна демонстрация, използваща революционната WebGL (уеб-базирана графична библиотека), която най-добре се обслужва от Google Chrome. С демонстрацията можете да начертаете водата, за да направите вълни или да плъзнете сферата, за да я преместите и да натиснете някои клавиши на клавиатурата, за да зададете посоката на светлината и да превключите гравитацията, всички за свидетел как взаимодейства живият обект с околната среда. реалистичен.

Chrysaora

Още една зашеметяваща демонстрация с магията на WebGL, която можете да видите в група изключително красиви и най-важни, живи медузи, движещи се във водата, облъчени от лъча на слънчева светлина. Станете свидетели на периода, в който HTML5 и WebGL вдъхва живот на уеб, най-добре гледани с Google Chrome.

Voxel Rain

Voxel rain означава многоцветни 3D кутии, които се спускат, за да образуват въртящ се голям блок. Това е като демонстриране на възможностите на компютъра през 1990-те години, а сега става въпрос за уеб браузър чрез използване на силата на HTML5, най-ярката ера на интернет не е далеч.

HTML5 текстови ефекти

Често ние, уеб дизайнера, се чудим колко много възможности HTML5 може наистина да ни помогне да пробием в уеб типографията, и тази демонстрация ви дава отговора повече от всякога! Можете да изберете да наблюдавате стереоскопичен ефект, неонов ефект или дори движещ се неонов ефект, бъдещето на уеб типографията е в ръцете на HTML5.

Въртене на HTML5 лого

Просто не мога да задържа славата на HTML5, тя се върти, върти се ... това е готино.

Скициране в 3D

Отегчен от HTML5-базирана 2D скица услуга? Виж това. Просто начертайте линия и натиснете Space, след което изтеглете наляво или надясно и ще видите чертежа, който се върти в 3D перспектива. 3D скицирането не е по-сложно с HTML5.

mta.me Диригент

Mta.me Диригентът ви вдъхновява от точки на хвърляне на хайвера, които ще се движат непрекъснато, за да оформят линии и когато линиите “сблъсквам се” един на друг те ще предизвикат някакво взаимодействие. Всичко, за да се докаже, че HTML5 не е само код, а взаимодействие, и това е, което наистина се интересуват от уеб потребителите.

Google Gmail

Интересен шутър тип игра, но героят е Gmail, освободи го от злините! Точно като класическата шутър игра, вие имате живота, резултата и всемогъщия лазерен лъч. Вероятно един от потенциалните демонстрации, които да покажат възможностите на HTML5 като игра. Внимавай, Флаш.

W Пилот

Това е такава пристрастяваща игра, че тя трябва да бъде незаконна. Сериозно, след като влезете в един от техните сървъри, ще искате да играете с часове. По същество летите наоколо да снимате неща, като същевременно избягвате изстрел от други играчи. Това е просто и толкова забавно да се играе, и фактът, че дава възможност за мултиплейър опит е сериозен плюс, който го поставя над Flash игри, които са толкова популярни в момента.