Category Archives: Canvas

Adobe Edge: HTML5 Canvas alapú multimédiafejlesztő-alkalmazás

Az Adobe ma jelentette be az Edge nevű termékét, mellyel Canvas alapon lehet rajzolni, animálni. Letöltöttem az előzetes verziót és kipróbáltam. Az Edge kezelőfelülete mindenki számára ismerős lesz aki használt már Flash szerkesztőt, ugyanaz a felület, csak egyelőre még egyszerűbb, … Continue reading

Posted in Adobe Edge, Canvas, HTML5 | Leave a comment

a Processing.js rövid bemutatása

Amennyiben HTML5 Canvas-ra szeretnénk rajzolni, akkor a Processing.js egy jó megoldás lehet, már hosszú ideje nyomon követem a fejlődését, ebben a blogban is volt erről szó, de csak néhány mondat erejéig, most egy kicsit részletesebb leírást készítettem. A Processing sokrétű, … Continue reading

Posted in Canvas, HTML5, Processing.js, rotate | Leave a comment

HTML5 Canvas Graphs – HTML5 Canvas alapú grafikonok

A HTML5 Canvas lehetővé teszi (végre), hogy Flash, vagy szerver oldali nyelv (pl. PHP GD Lib) nélkül készítsünk grafikonokat. Aki készített már olyan alkalmazást, melyben komolyabb statisztikai számítások és grafikonok is voltak: tudja, hogy a látszólagos nagy kínálat mellett egyáltalán … Continue reading

Posted in Canvas, grafikon, Graphs, HTML5, JavaScript | 4 Comments

HTML5: canvas frameworks – Canvas-ra épülő, grafikai keretrendszerek

Tegnap délután elkezdtem egy Canvas alapú animációt készíteni, már nekifogtam írni a függvényeket és tervezgetni; mit hogyan kellene megoldanom, egy demó szerű szkriptet akartam összehozni, kizárólag a saját örömömre. Közben csak úgy keresgéltem (lustaság?) olyan keretrendszerek után, melyek a legegyszerűbb … Continue reading

Posted in Canvas, frameworks, HTML, keretrendszerek | 3 Comments

HTML5: canvas alapok III. – rajzolás, egér eseményeinek a kezelése

Múlt héten írtam egy rövid blogbejegyzést a Canvason belüli egérmozgás figyeléséről, de az egér koordinátáinak lekérdezésének bemutatása akkor, időhiány miatt elmaradt, ezt szeretném most pótolni. 🙂 A példa, amit készítettem a Canvas felett lévő egérmutató koordinátái alapján rajzol vonalat és … Continue reading

Posted in Canvas, HTML5, Rajzolás | 1 Comment

HTML5: canvas – alapok II. rész – egérmozgás

Ahogy ígértem, a canvasról szóló blogbejegyzésem II. részében, az egér figyeléséról írtam, példaként rajzoltam egy kört, benne két kisebb kört és egy kitöltött ívszerű bigyót, melyet akár szájnak is nézhetne valaki, pedig nem az. 🙂 Az egyszerű kirajzolás így néz … Continue reading

Posted in Canvas, egér, eseménykezelés, HTML5, mouse | Leave a comment

HTML5: canvas alapok, I. rész

A HTML5 “canvas”-ról, illetve ennek JavaScriptes programozásáról picit a régmúlt idők Turbo Pascal-os időszaka jutott eszembe – nem tudom pontosan, hogy miért, semmi közük egymáshoz, csak valahogy mégis…:) A számítógépes grafikai programozás már elég hosszú múltra tekint vissza, egészen a … Continue reading

Posted in alapok, Canvas, HTML5 | Leave a comment