Mängige, õppige ja kogege uusi veebitehnoloogiaid Chrome'i katsetega

Reklaam

The Chrome'i katsed veebisait on esitlemiseks kõige uue ja põneva kohta, mis puudutab veebitehnoloogiaid ja brauseri täiustusi, keskendudes sellele JavaScript. HTML5 10 veebisaiti, et näha, mida HTML5 endast kujutab Loe rohkem , lõuend, SVG ja 3D WebGL-i mootor on kõik silmapaistvalt väikesed loovuse sädemed, mis sillutavad teed ilusama ja interaktiivsema Interneti poole.

Üks parimaid asju Chrome'i katsete juures on see, et sait julgustab õppima 4 kohustuslikku TED-kõnet loovuse, inspiratsiooni ja kirega teemalLoovus. Inspiratsioon. Kirg. Need on kõik mõisted, millest oleme väga teadlikud, kuid mitte paljud meist ei suuda nende allikat täpselt kindlaks teha. Kust loovus tuleb? Mis on see, mis põhjustab... Loe rohkem kõrvuti avastamisega, nii et kui olete projektiga mänginud, on teil hea võimalus õppida selle kohta, kuidas seda tehakse – ja mõnel juhul ka ise proovida.

Chrome Experimentsi veebisaidil on sadade mänguasjadega mängimiseks ja alustamiseks on siin mõned parimad mänguasjad.

Brauseri nõuded

Kuna tegemist on Google'i hallatava Chrome'ile keskendunud veebisaidiga, on kõik katsed mõeldud töötama nende Chrome'i brauseris. See tähendab, et allalaadimisel või versioonile värskendamisel ei tohiks teil olla probleeme nende käivitamisega Chrome'i uusim stabiilne versioon, kuigi ka teised kaasaegsed brauserid peaksid töötama.

Lihtsalt ärge proovige seda teha IE6 Kui kasutate endiselt IE6-d, olete probleem [arvamus]IE6 oli Microsofti tarkvaratehasest värskelt välja pressitud parimatest parim. Tänu sellele suutis ta saavutada rekordilise 95% -lise brauseri turuosa aasta kõrgusel... Loe rohkem , okei?

Need pilved pole autorina tõelised 3D-pildid Jaume Sanchez juhib tähelepanu – aga kujutage ette, kui teie veebisait või isegi töölaua taust tekitaks ilusaid 3D-laadseid pilvi, kasutades ainult CSS-i ja natukene JavaScripti. Ilmselt pole me sellest etapist kaugel, nagu see demo näitab.

Jaume'i sait on täis muid huvitavaid HTML5-ga seotud eksperimente, aga ka hulgaliselt õpetusi, mis aitavad teil ise luua. Kui soovite teada, kuidas ta need pilved tegi, saate sellest kõike lugeda siin.

See WebGL-i jõul töötav treipink on lõbusam kui funktsionaalne Einar Öberg kasutab tühikuklahvi ja hiirekursorit puidu, metalli ja kivi käsitsi treimise kunsti taasloomiseks. Einar ehitas demo, nii et näidake lihtsat protseduurilist varjundit, kuid lisas autentsuse huvides ka mõned helid.

Kuigi see pole täielik õpetus, saate selle tegemise kohta veidi rohkem teada autori blogi.

Osakeste efekte ja WebGL-i mootorit hõlmav katse Edouard Coulon on loonud midagi tõeliselt ilusat, mida saate hiire ja tühikuklahviga manipuleerida. Klõpsake osakeste meelitamiseks ekraani keskele, seejärel vajutage tühikuklahvi, et vaadata, kuidas need uuesti väljapoole tulistavad!

Kahjuks pole selle jaoks õpetust, kuigi soovitaksin proovida miljoni osakese režiimi, kui teie arvuti sellega hakkama saab. Lõputu lõbu jaoks lisage projektor ja pime tuba!

Valmistatud Muudetud Qualia kes on ka vinge autor ro.me interaktiivne film (mida on näidatud ka Chrome'i katsetes), WebGL-autod on 3D-mänguasi, mis võimaldab teil juhtida Bugatti Veyroni ja Lamborghini Gallardot mitme kaameranurga alt.

Üks asi, mis selle juures eriti lahe, on liikumise hägususe, teravussügavuse ja erinevate valgustingimuste demonstreerimine. Ok, ja lapsele minus meeldib mänguautodega mängida – mida ma võin öelda?

See on üks neist reaktsioonimängudest, mille eesmärk on liigutada sihtmärki hiirega (või antud juhul ka klaviatuuriga), et vältida vastutulevad takistused – välja arvatud see, et see on parem kui ülejäänud, sest see hõlmab X-Wingi ja seda, mis näeb välja nagu Starist jooksev kraav Sõjad.

Autoril, kes kannab nime OutsideOfSociety, on käimas palju rohkem WebGL-i katseid veebisait.

Täielikult funktsionaalne e-kaubanduse kasutajaliides My Robot Nation kasutab WebGL-i jõudu, et võimaldada teil kujundage, värvige ja kohandage oma mängurobotit, enne kui see teile komplekti saadetakse hind.

Ok, nii et te ei pea robotit ostma, et sellest välja saada – aga kui kulutate sama kaua kui mina, et teha midagi, mis ähmaselt meenutab Roboaju. Välja kukkuma Äratage oma huvi nende vikidega neljas väljamõeldud postapokalüptilises maailmasKas olete kunagi hüpanud oma lemmiksaate või -raamatusarja vikisse ja sattunud siis sisust küllastunud ajavõrresse? Teate, millest ma räägin – midagi sellist nagu see klassikaline TVTropesi must auk... Loe rohkem seeriat, siis sooviksid seda. Ärge unustage vaadata ka kõigi teiste loomingut!

Veel üks "väldi hiirega takistusi" tüüpi mäng, välja arvatud see, et see on originaali järg FastKat kõrval Omiod, üsna populaarne HTML5 mäng, mida olete võib-olla juba mänginud. Järg on kiirem, raskem ja väga sõltuvust tekitav.

Lihtsalt ärge hakake seda mängima, kui teil on tööd teha…

Viimane siin esitatud katse (sadadest, vaid 8 valimine oli raske) on üsna eriline, kuna see võimaldab käsitseda WebGL-i objekte, kasutades koodi lennu ajal. Lisaks demode komplektile, mida vaadata ja mängida, on ka mitmeid õpetusi, mis aitavad teil WebGL-i õppida.

Ma ei ole kodeerija (mul on kohutav sõnad meelde jätta, funktsioonidest rääkimata), kuid isegi minu arvates oli see köitev ja annab veidi volitused WebGL-iga manipuleerimiseks ja sellega askeldamiseks koos suurepärase õpetusega käsi. Kui olete huvitatud sellisest asjast, kuid teil pole aimugi, kuidas seda teha, on see suurepärane koht alustamiseks.

Järeldus

Chrome Experimentsi veebisait on vaid platvorm kunstnikele ja kodeerijatele, kuhu oma loomingut esitada, kuid see on nii teenib suurepärast eesmärki – tõsta esile talente ja aidata õpetada teistele uute veebitehnoloogiate võimalusi. On isegi Chrome'i katseid, mis töötavad teie mobiiltelefonis!