Pagina principala » Codificare » 15 (Mai mult) Inspirarea experimentelor HTML5

    15 (Mai mult) Inspirarea experimentelor HTML5

    Dacă nu ați trăit sub o stâncă, ați auzit despre HTML5. Este doar peste tot acum, datorită promovării Apple CEO fostul CEO Steve Jobs și anumiți dezvoltatori care cred că HTML5 poate prelua Flash.

    De fapt, nu vedem că această situație sa întâmplat încă, dar HTML5 este cu adevărat magic în ceea ce privește capabilitățile sale video, ilustrația de pânză și animația care funcționează cu adevărat bine și fără probleme. Faptul este că este atât de promițătoare că proiectele se extind pe toate locurile care au fost făcute ca o modalitate de a testa limitele HTML5.

    Credeți-vă puterea sau nu, vă vom arăta 15 experimente luminoase care fac cea mai bună utilizare a HTML5 și ghici ce, puteți experimenta gravitatea, animația bazată pe muzică și redarea unor creaturi care funcționează doar ca niște creaturi! Savurați-vă un timp distractiv cu ei și oops, acestea sunt cel mai bine servite cu cea mai recentă versiune de Mozilla Firefox și Google Chrome.

    În cazul în care nu sunteți mulțumit de distracția HTML5, avem mai multe pentru dvs.!

    • HTML5: 48 Demonstrații potențiale privind uciderea cu bliț
    • HTML5: 19 Aplicații Web potențiale

    Ciclul de pânză

    Un efort de colaborare între artistul Mark Ferrari și coderul Joseph Huckaby, este o colecție minunată de scene de natură în mișcare, cum ar fi pădurile în timpul iernii, peisajele marilor și munții furtunoși. Ei sunt relaxați să se uite și într-adevăr uimitoare, cu sunete atașat la imagini. Dacă vrei puțin timp să te relaxezi de la muncă, poți să treci prin aceste imagini și să simți că tensiunea ta se topește.

    Google Gravity

    Un altul de uimitorul domn Doob, acesta este mai puțin interactiv decât primul, dar încă rece. Acesta oferă o copie de bază a paginii principale de căutare a Google. Dar, când îndreptați cursorul, întreaga pagină începe să "cadă" până când toate se prăbușesc în partea de jos. Logo-ul Google funcționează ca o legătură activă care actualizează pagina. Un joc bun pentru acele companii mari care urăște Google, poate fi.

    Canvas Copaci

    Făcut de Kenneth Jorgenson, acesta ar putea fi singurul loc în care puteți vedea expresia "Refresh for more trees delicious :)". Este exact ceea ce se spune: faceți clic pe site și vă duce la un fundal alb. Un desen cu cerneală neagră a unui copac va începe să "crească", contorizând în același timp câte ramuri sunt în desfășurare. Puteți reîmprospăta pentru a vedea de câte ori doriți.

    Magnetic

    Aceasta este o altă distracție și dependență pentru a vă bucura. În principiu, începeți cu câțiva "magneți" care pot fi trași în jurul ecranului. Particulele de orbită de lumină în jurul lor și dacă schimbi pozițiile poți schimba formele pe care le fac. Dacă doriți mai mulți magneți și particule, faceți doar dublu clic și trageți-le spre locul unde le doriți. Da, este vorba despre magneți și fizică!

    Câștiguri de câștiguri pentru celebrități

    Doriți să vedeți o reprezentare vizuală a numărului de celebrități de televiziune pe episod? Acesta este un grafic răcoros, care prezintă stive de bare de culoare care reprezintă cât de mult se face o celebritate specifică pe înregistrarea unui spectacol de televiziune (sau în cazul lui Charlie Sheen). A fost făcută ca unul dintre numeroasele proiecte și experimente ale lui Daniel Rapp.

    Panza panglică

    Paul Truong a făcut această aplicație interesantă care vă permite să pictați folosind o bandă în mișcare, în mod constant, pe ecran. Ea face forme și desene și efectul este destul de frumos. Tot ce trebuie să faceți este să-l trageți pe ecran, vorbind despre simplitate.

    WebGL Water

    Aici vine un demo cool folosind WebGL revoluționând (Web-based Graphics Library), care este cel mai bine servit cu Google Chrome. Cu demo-ul, puteți trage de apă pentru a face valuri sau trageți sfera pentru ao deplasa și apăsați unele taste de tastatură pentru a seta direcția luminii și pentru a comuta gravitatea, toate pentru a vedea cum obiectele mutate interacționează cu mediul înconjurător realist.

    Chrysaora

    Încă un demo uimitor, aplicând magia WebGL, pe care o puteți vedea un grup de meduze extrem de frumoase și cel mai important, pline de viață, care se mișcă în apă, iradiate de razele solare. Înțelegeți perioada în care HTML5 și WebGL redau web la viață, cel mai bine văzute cu Google Chrome.

    Voxel Rain

    Voxel ploaie înseamnă multi-color 3D cutii coboară pentru a forma un bloc mare rotativ. Este ca și cum ar fi prezentarea posibilităților de calculator în anii 1990, iar acum vine vorba de browserul web folosind puterea HTML5, cea mai strălucitoare epocă a internetului nu este mai departe.

    Efecte text HTML5

    Deseori, web designer, ne întrebăm cât de multe posibilități HTML5 ne poate ajuta într-adevăr să descoperim în tipografia web, iar acest demo vă oferă răspunsul mai mult decât oricând! Puteți alege să observați efectul stereoscopic, efectul neon sau chiar efectul de neon în mișcare, viitorul tipografiei web este în mâna HTML5.

    Spinning Logo HTML5

    Pur și simplu nu pot ține gloria HTML5, se rotește, se rotește ... e grozav.

    Schițarea în 3D

    Plictisit de serviciul de schiță 2D bazat pe HTML5? Verifică asta. Pur și simplu trageți o linie și apăsați Space apoi glisați la stânga sau la dreapta și veți vedea desenul dvs. rotindu-se în perspectivă 3D. Schițarea 3D nu este mai complicată cu HTML5.

    mta.me Conductor

    Conductorul Mta.me vă inspiră prin punctele de reproducere care se vor mișca continuu pentru a forma linii și când liniile vor fi prezente “se ciocni” unii altora vor declanșa o anumită interacțiune. Totul pentru a dovedi că HTML5 nu este vorba doar de cod, ci de interacțiune, și de aceea îngrijesc cu adevărat utilizatorii web.

    Google Gmail

    Un joc de tip shooter interesant, dar eroul este Gmail, eliberați-l de rele! La fel ca și jocul clasic de împușcături, aveți viața, scorul și fasciculul laser atotputernic. Probabil unul dintre demo-urile potențiale pentru a prezenta capabilitățile jocului HTML5. Ferește-te, Flash.

    W Pilot

    Acesta este un joc de dependență care ar trebui să fie ilegal. Serios, odată ce vă conectați la unul dintre serverele dvs., veți dori să jucați ore întregi. În mod esențial, zbori în jurul împușcării lucrurilor, evitând împușcarea altor jucători. Este simplu si atat de distractiv sa joci, si faptul ca permite o experienta multiplayer este un plus major care il pune deasupra jocurilor Flash care sunt atat de populare acum.