15 (Mer) Inspirerande HTML5-experiment
Om du inte har bott under en sten har du hört talas om HTML5. Det är bara överallt nu tack vare främjandet av Apple vd ex-vd Steve Jobs och vissa utvecklare som tror att HTML5 kan ta över Flash.
Nåväl, vi ser faktiskt inte att denna situation har hänt än, men HTML5 är verkligen magisk med hänvisning till dess videofunktioner, kanfasillustration och animering som fungerar riktigt bra och smidigt. Faktum är att det är så lovande att projekt poppar upp över de platser som har gjorts för att testa gränserna för HTML5.
Tro på sin makt eller inte, vi kommer att visa 15 upplysande experiment som gör det bästa av HTML5, och gissa vad du kan uppleva gravitation, musikbaserad animering och återgivning av varelser som bara fungerar som varelser! Ha en rolig tid med dem och oj, de fungerar bäst med den senaste versionen av Mozilla Firefox och Google Chrome.
Bara om du inte är nöjd med dessa HTML5-roliga, har vi mer för dig!
- HTML5: 48 Potentiella Flash-Killing Demos
- HTML5: 19 Potentiella webbapplikationer
Canvascykel
En samverkan mellan konstnären Mark Ferrari och kodaren Joseph Huckaby, det här är en underbar samling rörliga naturbilder som skogar på vintern, havslandskap och stormiga berg. De är avkopplande att titta på och verkligen fantastiska, med ljud som bifogas bilderna. Om du vill ha lite tid att koppla av från jobbet kan du gå igenom dessa bilder och känna din spänning smälta bara bort.
Google Gravity
En annan av den fantastiska herrn Doob, den här är mindre interaktiv än den första men fortfarande cool. Den ger en grundläggande kopia av Googles huvudsökande sida. Men när du pekar på markören börjar hela sidan "falla" tills alla kraschar längst ner. Google-logotypen fungerar som en aktiv länk som uppdaterar sidan. Ett bra spel för de stora företagen som hatar Google kan vara.
Canvas Träd
Tillverkad av Kenneth Jorgenson, detta kan vara det enda stället du kan se uttrycket "Uppdatera för mer utsökta träd :)". Det är exakt vad det står: du klickar på webbplatsen och det tar dig till en vit bakgrund. En svart bläckteckning av ett träd kommer att börja "växa" medan man räknar med hur många grenar som pågår. Du kan uppdatera så många gånger du vill.
Magnetisk
Detta är en annan rolig och beroendeframkallande för dig att njuta av. Du börjar i princip med ett par "magneter" som kan släpas runt skärmen. Partiklar av ljus omlopp runt dem och om du byter positioner kan du ändra formerna de gör. Om du vill ha mer magneter och partiklar, dubbelklickar du bara och drar dem till var du vill ha dem. Ja, det handlar om magneter och fysik!
Kändisinkomstgrafik
Vill du se en visuell representation av hur mycket TV-kändisar tjänar per episod? Detta är en cool liten graf som visar staplar av färgstänger vilket representerar hur mycket en viss kändis gör per tapning av en tv-show (eller gjord i fall som Charlie Sheen). Den gjordes som en av många projekt och experiment av Daniel Rapp.
Canvas Ribbon
Paul Truong gjorde denna intressanta applikation som låter dig måla med ett konstant rörande, flerfärgat band över skärmen. Det gör former och mönster, och effekten är ganska vacker. Allt du behöver göra är att dra den över skärmen och prata om enkelhet eh.
WebGL Water
Här kommer en cool demo med hjälp av det revolutionerande WebGL-biblioteket (Web-based Graphics Library), som bäst serveras med Google Chrome. Med demoen kan du rita på vattnet för att göra krusningar eller dra sfären för att flytta den och trycka på några tangentbordstangenter för att ställa in ljusriktningen och växla tyngdkraften, allt för att vara medveten om hur det rörda objektet interagerar livligt med miljön, scarily realistisk.
Chrysaora
Ännu en fantastisk demonstration som applicerar WebGLs magi, som du kan se en grupp av extremt vackra och viktigast av allt, livliga vandrar som rör sig i vattnet, bestrålade av strålen av drömlikt solljus. Vittna om den period som HTML5 och WebGL ger livet till liv, som bäst ses med Google Chrome.
Voxel Rain
Voxel regn betyder att flerfärgade 3D-lådor faller ner för att bilda ett roterande stort block. Det är som att visa datorens möjligheter under 1990-talet, och nu kommer det till webbläsare genom att använda kraften i HTML5, den ljusaste epoken på internet är inte längre långt.
HTML5 Text Effects
Ofta undrar vi webbdesigner hur mycket möjligheter HTML5 verkligen hjälper oss att genombringa i webtypografi, och den här demo ger dig svaret, mer än någonsin! Du kan välja att bevittna stereoskopisk effekt, neon effekt, eller ens flytta neon effekt, framtiden för webb typografi finns i händerna på HTML5.
Spinning HTML5 Logo
Jag kan bara inte hålla HTML5s ära, det snurrar, det roterar ... det är coolt.
Skissa i 3D
Bored av HTML5-baserad 2D sketching service? Kolla in det här. Rita bara en rad och tryck på Space och dra sedan åt vänster eller höger, och du kommer att se din ritning rotera i 3D-perspektiv. 3D-skisser är inte mer komplicerade med HTML5.
mta.me Dirigent
Mta.me Dirigent inspirerar dig med gybspunkter som kommer att flytta kontinuerligt för att bilda linjer, och när linjerna “kollidera” till varandra kommer de att utlösa någon interaktion. Allt för att bevisa att HTML5 handlar inte bara om kod men interaktion, och det är vad webanvändare verkligen bryr sig om.
Doogle Gmail
Ett intressant skjutspel, men hjälten är Gmail, befria det från onda! Precis som det klassiska shooterspelet, har du liv, poäng och den allsmäktiga laserstrålen. Förmodligen en av de potentiella demoerna för att visa egenskaperna hos HTML5 som ett spel. Se upp, Flash.
W Pilot
Detta är ett sådant beroendeframkallande spel att det borde vara olagligt. Allvarligt, när du loggar in på en av sina servrar vill du spela i timmar. Du flyger i grunden runt att skjuta saker och samtidigt undvika att bli sköt av andra spelare. Det är enkelt och så kul att spela, och det faktum att det möjliggör en multiplayer-upplevelse är ett allvarligt plus som lägger det över Flash-spel som är så populära just nu.