Tanulok html5 vászonra

Teljesítmény.
Sobsno, itt. Pošamaniv, elérheti 900 + FPS. Találd meg az Opera 11.50 tesztverzióját GPU gyorsítással. Vagyis a teljesítmény jó szinten van, és a technológia fejlődésével nő.

A módszerek és tulajdonságok itt találhatók.

Rajz.
Megjegyzem, hogy a rajz készlete minimális, csak a szükséges alapvető dolgok. A számokból: ív, téglalap, vonalak, görbék. Például egy kör rajzolásához zárt ívet kell rajzolnod.
A rajzolt forma forgatásához forgatni kell az egész vászont (nincs közvetlen módja az alak forgatásához), rajzolni a kívánt alakot, majd forgatni a vászont. A vászon kezdeti koordinátáit is eltolhatja. Vannak módszerek a vászon helyzetének megőrzésére és visszaállítására a mentett állapotba. Támogatás van a szöveg megjelenítéséhez, képek hozzáadásához.
A clearRect () módszer törli a vászon négyszögletes területét.
Meg kell mondanom, hogy az API nem túl kényelmes - a módszer paraméterei 9 darabosak lehetnek:

megérteni a kódot, persze, nem túl szép. IMHO, ahol célszerű lenne egy objektum átvitelére:

Ezt a problémát keretrendszerek oldják meg, nem vizsgálom meg őket, ha szükség van rá, vagy saját magad írni.

Animáció.
Valószínűleg a vászon legnagyobb és érdekes oldala.
Ha animációt készítettél az Adobe Flash programmal, akkor ne feledje, hogy a megfelelő paraméterek módosításával egyszerűen megváltoztathatja az objektum pozícióját a színpadon vagy annak megjelenésén. Itt újra újra kell vinnünk mindent, azaz például a mozgáscsengőkre, törölni kell a régi pozíció minden egyes keretét, és rajzolnunk kell egy újat.
Mivel a natív támogatás a teljes kép rajzolására vagy csak egy bizonyos területére korlátozódik - a sprites animáció egyszerűen és gyorsan megvalósul.
A teljes vászon törlése a clearRect () segítségével egy drága folyamat, és ha tisztítja az egyes keretek teljes vásznat, akkor azonnal bejut a teljesítményhez. Ezért a legfontosabb szabály itt csak az, ami csak megváltozott. A népszerű megoldás több áttetsző vászon egymásra helyezése, statikus elemek rajzolása a háttérképen, és gyakran változik az elülső oldalon. A keretek ugyanakkor jó asszisztensek lehetnek ebben az esetben, de ellenkezőleg, extra vászontakarítást végezhetnek helytelen használat mellett.

3D-ben.
Igen, rajzolhat 3D-ben. Számos példa van a neten. Nem fogom leírni azt a poszton belül.

Ez számomra kiderült.
Ebből és a példákból azt is akartam, hogy "zanimirovat" -ot akarok tenni bármilyen kis részecskékről. Másnap történt valami, de a processzorom 70% -át ettem, és optimalizáltam. Miután megtagadta a két vizsgált keretet, és miután az újév ünnepét töltötte, sikerült valamit elérnem. Igaz, teljesen lefagy az ubuntu alatt, míg más böngészőkben, beleértve az FF Windows verzióját, a terhelés teljesen elfogadható. Erről kiderült, hogy a Mozilla bugtracker-ben van írva.

Ui Ha elolvassa az Internetet, akkor szinte minden cikk a vászon - flares holivar vászon vs. svg, de azt kérem az olvasókat, hogy tegyék ezt a kivételt.