Fő tartalom
Tantárgy/kurzus: Programozás > 4. témakör
8. lecke: Haladóbb fejlesztői eszközökProcessingJS használata a Khan Academyn kívül
Elég jó szerkesztői környezetünk van itt a Khan Academyn – valós időben frissül, hasznos hibaüzeneteket ad, van benne számcsúszka és színválasztó. A környezetünk új programozók számára készült, akik nap-mint-nap ezrével érkeznek. Szeretnénk egyszerűvé tenni számukra a JavaScript tanulását!
Amint a JavaScripttel megismerkedsz, és egyre hosszabb és komplexebb programokat kezdesz fejleszteni, valószínűleg más funkciókat szeretnél majd a kódoló környezetedbe. Lehet, hogy nem lesz szükséged valós idejű frissítésre, vagy lehet, hogy különböző fájlokban szeretnéd a kódodat tárolni, netán szeretnéd azt integrálni egy verziókezelő rendszerben. Az is lehet, hogy csak szeretnéd a ProcessingJS programodat a weboldalad kódjába integrálni.
Ebben az esetben a Khan Academyn kívül szeretnél majd ProcessingJS-ben programozni. A programkódod viszont nem fog működni, ha kimásolod egy fájlba az asztali szerkesztődben. Miért nem?
A ProcessingJS egy olyan függvénykönyvtár, amely különféle webtechnológiákra épül. Amikor itt a Khan Academyn programozol, mi valójában egy weboldalt készítünk a színfalak mögött (egy HTML fájlt) egy
<canvas> taggel, betöltjük a ProcessingJS JavaScript függvénykönyvtárt, majd lefuttatjuk a kódodat. Ezt azt jelenti, hogy ha a Khan Academyn kívül szeretnél a programoddal dolgozni, akkor szükséged lesz egy HTML fájlra, ami megcsinálja azt, amit mi.
Íme egy példa, amiből kiindulhatsz:
Ezt a példát a webfejlesztő környezetünkben készítettük. Ezt már ki is másolhatod egy HTML fájlba bármilyen kódszerkesztő környezetet használva.
Ha beilleszted a kódodat ebbe a sablonba, akkor lehetséges, hogy minden tökéletesen fog működni. Ilyenkor ugrálhatsz örömödben! (Vagy ugrálhatsz faágakért, ha hód vagy).
Ha nem igazán működik, akkor lehetséges, hogy a sablon nem ugyanazt a verziójú ProcessingJS-t használja, mint mi a Khan Academyn. A mi verziónk kifejezetten KA-n belüli használatra lett tervezve, ezért azt javasoljuk, hogy használd a hivatalos ProcessingJS függvénykönvtárt, amikor a KA-n kívül fejlesztesz.
Néhány jelentős különbség a mi ProcessingJS-ünk és a hivatalos között:
- A KA
mousePressedhelyett amouseIsPressed-et használja globális logikai értékként. Hasonlóan, a KA akeyPressedhelyett akeyIsPressed-et használja. Ez azt jelenti, hogy amouseIsPressed-et és akeyIsPressed-et le kell cserélned, ha bemásolod a kódodat a sablonba. - A KA alapértelmezetten fokot használ minden szögparaméternél radián helyett. Ha szögeket használsz a programodban, akkor alakítsd át őket radiánná a
radians()függvénnyel. - A KA a
getImage()ésgetSound()függvényeket használja képekhez és hangokhoz, ezek nem léteznek a hivatalos változatban. Használhatod aPImage-et képekhez, és<audio>taget kell majd létrehoznod a hangok lejátszásához.
A hivatalos változatnak emellett szélesebb körű funkcionalitása van, például képmanipulálási, és egyéb 3D lehetőségekkel is rendelkezik. Ezeket mind megtalálod a dokumentációban.
Természetesen nagyon szeretnénk látni a Khan Academyn kívül készített programjaidat is, ezért reméljük, ha elkészülsz velük, akkor vagy visszaalakítod őket a mi ProcessingJS változatunkra, vagy megosztod őket a weboldal környezetünkben!
A következőkben szó lesz az asztali szerkesztőkről és hibakereső eszközökről.
Szeretnél részt venni a beszélgetésben?
Még nincs hozzászólás.