Steve ja Jeff Fultoni ülevaade HTML5 lõuendist


Nii et teil pole Adobe'iR VälkR kuid soovite luua animatsioone, mida saaks mängida veebis ja mobiilseadmetes. Võib-olla soovite luua mobiilirakenduse või mängu. Olete uurinud ja avastanud, et saate teha mõnda lahedat animatsiooni, mida nimetatakse HTML5 lõuendiks.

See Steve Fultoni ja Jeff Fultoni raamat pealkirjaga HTML5 lõuend õpetab teile lõuendi elementi ning rakenduste ja mängude animatsiooni loomist. See algab lõuendi ja veebiprogrammeerimise sissejuhatusega ning seejärel arutatakse lõuendile joonistamiseks üksikuid lõuendi API-sid, kasutaja sisestust ja muid eesmärgi saavutamiseks vajalikke tehnikaid. Mulle meeldis autorite projektipõhine õpetamisviis. Need algavad HTML5-faili põhiseadistusega, millele nad kogu raamatu harjutuste ajal tuginevad. Nad pühendavad ühe peamise lõuendi API-le ühe peatüki.

Autorid alustavad lõuendi joonistamise API-ga, liikudes järk-järgult lihtsate joonte ja kujundite joonistamisest värvide, kallete ja mustriteni. Samuti õpetatakse, kuidas lõuendil joonistatavat ümber kujundada.

Järgmisena saate teada lõuendi teksti API ja õppida uuesti värve, kaldeid, mustreid ja lõuendil teksti käsitsemise erinevaid viise. Ehitate oma esimese näidisrakenduse nimega Teksti korraldaja, mis võimaldab kasutajal lõuendil ühe tekstireaga manipuleerida.

Nendele lihtsatele põhimõtetele tuginedes liiguvad autorid Canvas Image API juurde ja lisavad täiustatud tehnikaid, näiteks piltide eellaadimist, pildi teisendamist koodiga, lahtripõhist sprite-animatsiooni ja paanikaarte. Ehitate näidispaani ja suumi rakenduse.

Nüüd, kui põhitõed on kaetud, lisavad autorid keerukamate animatsioonide loomiseks matemaatikat ja füüsikat. Nad õpetavad, kuidas lisada animatsioonidele hõõrdumist, raskust, elastsust ja kergendamist. Samuti arutatakse keerukamat liikumist, näiteks keerulisi kõveraid ja liikumist piki vektorit.

Võib-olla ei mõtle arvutimängude puhul videot, kuid autorid õpetavad teid videot eellaadima, lõuendile lisama ja seda liikumisega juhtima. Selle peatüki näidisrakendus on puzzle mäng.

Audio jaoks puudub Canvas API, kuid autorid demonstreerivad kahte näidisrakendust. Esimene on lihtne helimängija, mis mängib ühte laulu ja teine ​​on Space Raidersi mäng, mis mängib heli dünaamiliselt.

Siinkohal hakkavad autorid kõiki eelnevaid peatükke siduma ja põhjalikumalt mängu põhialustesse üles ehitama minimänguraamistiku, mida saab kasutada mallina mis tahes mängu või rakenduse loomiseks. Nad puudutavad plusse ja miinuseid, kui mängude loomiseks kasutatakse HTML5 Canvas vs Flash. Seejärel ehitate esmalt põhimalli, sealhulgas mängu taimeri ja korduvkasutatavate objektide, põhimängu Geo Blaster. Järgmisena loote mängu Geo Blaster keerukama versiooni, asendades rajad bitmap-piltidega. Lõpuks loote käigupõhise strateegiamängu, mis sarnaneb Daleksiga.

Mobiilirakenduste populaarsuse suurenemisega oli mul hea meel näha, et autorid hõlmasid avatud lähtekoodiga tarkvara PhoneGap, mis tõlgib HTML5 Canvasi rakenduse või mängu omarakenduseks, mida saab mängida iPhone'is ja mida müüakse iTunesi poes. Autorid käsitlevad, kuidas installida Xcode ja PhoneGap ning kuidas testida oma rakendust simulaatoris ja seadmes. Samuti arutatakse, kuidas kiirendusmõõturi iOS-i käitumist kodeerida. Selle peatüki rakendus on BS Bingo mäng. Autorid lõpetasid raamatu lühikese vestlusega Canvas 3D WebGL-ist ja mitme mängijaga rakendustest ElectroServer 5-ga.

Steve ja Jell Fulton on Zynga vanemad mänguinsenerid ja varem töötanud Mattel Toys. Nad on spetsialiseerunud Flashile, Silverlightile ja HTML5 lõuendile. Neid võib leida saidilt 8bitrocket.com.

Lisateavet ja näidiskoodi allalaadimist leiate veebisaidilt O'Reilly.
//oreilly.com/catalog/0636920013327

* O'Reilly esitas mulle tasuta ülevaateeksemplari.

Joe Rogan Experience #1169 - Elon Musk (Aprill 2021)



Silte Artikkel: Steve ja Jeff Fultoni HTML5 lõuendi ülevaade, digitaalne kunst ja disain, HTML5 lõuendi ülevaade Steve ja Jeff Fultoni poolt