Jẹ ki ká ko bi lati fa a ojuami ni JavaScript ni a kiri ayelujara .. o ni ko tekinikali soro, sugbon nikan fun awon ti o fumble, ati fun awon ti o ko ba wa ni pese sile lati fa a ojuami lori ayelujara - yi jẹ ti awọn dajudaju kan gbogbo aseyori.
Awọn ọna pupọ lo wa lati fa aaye kan, jẹ ki a wo wọn
Lilo isokan / Godot / microStudio tabi eyikeyi ninu awọn ẹgbẹẹgbẹrun ti awọn akọle ere .. gbogbo wọn yoo ṣẹda koodu kan ni ọna kan tabi omiiran ti yoo jẹ JavaScript tabi Webassembly, ati tun ṣafihan aaye naa.A ko nifẹ si ọna yii.a ko ni loye gaan ohun ti n ṣẹlẹ, iṣakoso lori koodu yoo jẹ iwonba ati ai ka ni koodu orisun, ni afikun si o tobi.
Ọna ti Jedi yii sunmọ wa bi o ti ṣee ṣe, nitori.koodu wa kii yoo tobi ati di mimọ bi ọjọ, a kii yoo ṣe arosọ pupọ, a kii yoo mu koodu wa pọ si pẹlu awọn ile-ikawe.Iṣakoso koodu yoo jẹ nla paapaa
Eyi jẹ dajudaju ọna ti Jedi.Awọn koodu ti wa ni idiju bi o ti ṣee, awọn ti o pọju Iṣakoso ti ohun ti, bi o ti wà, ko nilo lati wa ni dari.Awọn koodu orisun jẹ o kere julọ ati pẹlu imọ ti golimy JavaScript, a le kan lọ lailewu lati gba iṣẹ kan, nitori.a nilo iru eniyan.
Ṣugbọn iṣẹ-ṣiṣe wa kii ṣe lati wa iṣẹ kan, ṣugbọn lati fa aami kan ni ọna ti o rọrun ati rọrun.Fekito wa ni iyara ati irọrun.
Mo ti yan awọn ìkàwé
p5js lati fa aami kan.Kii ṣe iyẹn nikan, dajudaju, ti iṣẹ-ṣiṣe ba jẹ lati fa aaye kan ati pe iyẹn ni, dajudaju, ohun gbogbo yoo ni lati ṣee ni JavaScript igboro, ṣugbọn Mo n ṣe eyi ni irisi, .k.lẹhinna iwọ ati Emi yoo ṣe awọn ohun miiran ti yoo dabi iyalẹnu, ati fun eyi a nilo ohun elo to dara.Ọkan ninu wọn ni p5js.Ni golim JavaScript, a nilo lati ṣẹda kanfasi kan lati ṣalaye ibẹrẹ ati awọn iṣẹ atunṣe, ni p5 eyi tun ṣe, ṣugbọn ni ṣoki pupọ.
Sugbon akọkọ..
Eto Ayika ti o kere julọ fun Idagbasoke JavaScript
Gba lati ayelujara
p5.min.js kí o sì pa á mọ́ lẹ́gbẹ̀ẹ́.bi eleyi
atọka.html
<html>
<head>
<script src="p5.min.js"></script>
<script src="sketch.js"></script>
</head>
<body style="margin: 0px;">
<main>
</main>
</body>
</html>
sketch.js
function setup() {
createCanvas(window.innerWidth, window.innerHeight);
}
function draw() {
background(0);
stroke('white');
strokeWeight(10);
point(window.innerWidth/2,window.innerHeight/2);
}
Bi abajade, ẹrọ aṣawakiri rẹ yoo ṣii bii eyi
O dara, HTML jẹ oye, ṣugbọn iru koodu JavaScript wo ni eyi?
iṣẹ iṣeto ni ibẹrẹ, o ti ṣiṣẹ ni ẹẹkan, ninu rẹ a ṣẹda kanfasi, i.e.agbegbe ti a yoo fa aaye kan.window.innerWidth, window.innerHeight
ni awọn iwọn ati ki o iga ti awọn iboju, i.e.a ṣalaye kanfasi iboju kikun ati bẹẹni, HTML ni ara pataki pupọ fun eyi paapaa
<body style="margin: 0px;">
A ko nilo lati pilẹ ohunkohun miiran, a kan nilo lati fa aami kan.Wo ilana naa nibi .. iṣẹ iyaworan ti wa ni ṣiṣe, fun apẹẹrẹ, awọn akoko 60 fun iṣẹju kan, ati awọn akoko 60 fun iṣẹju keji a yoo fa aaye wa .. yoo dabi pe eyi jẹ aṣiwere, a kan nilo lati fa aaye kan ati pe iyẹn ni. o, sugbon ni ojo iwaju o yoo jẹ awọn igba fun gbogbo awọn iwara.
Ni gbogbogbo, koodu fun iyaworan aaye kan rọrun pupọ:
point(10,10)
ati gbogbo!
Sibẹsibẹ, koodu wa tobi diẹ diẹ
background(0);
stroke('white');
strokeWeight(10);
point(window.innerWidth/2,window.innerHeight/2);
dudu lẹhin
funfun star
sisanra aami 10
a si fa a ni aarin ti inaro ati petele.
O dara .. a fa aami kan lori kanfasi, ohun gbogbo jẹ bi o ti yẹ, ṣugbọn a le paapaa fa lori HTML mimọ laisi JavaScript eyikeyi .. Kini yoo dabi?
O jẹ ki o jẹ alakọbẹrẹ ati paapaa rọrun, ṣugbọn awọn ipilẹ yatọ patapata, eyi ni koodu ikẹhin fun iyaworan square kan ni aarin iboju naa.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="background-color: black;">
<div style="position: fixed; top: 50%; left: 50%; background-color: white; width: 10px; height: 10px;"></div>
</body>
</html>
Abajade jẹ fere kanna
Bẹẹni, o rọrun pupọ lati fa ohunkan ni aarin ni HTML, ṣugbọn lati le ṣafikun awọn ohun idanilaraya, ati paapaa ibaraenisọrọ mimọ, iwọ yoo ni lati ronu ni ibamu si awọn ipilẹ ti CSS.Botilẹjẹpe o jẹ iṣẹ ti o nifẹ pupọ.Nikan ohun alakọbẹrẹ kan pa gbogbo eyi, ko si awọn nọmba laileto ni CSS, eyi yoo pa gbogbo awọn igbiyanju wa ni ọjọ iwaju, eyiti o jẹ idi ti Emi yoo fun ààyò diẹ si itọsọna yii.
Ti Mo ba ro pe Mo fẹ ṣe ọrun ti o ni irawọ lori CSS, lẹhinna ohun gbogbo kii yoo ṣiṣẹ fun mi, nitoriawọn irawọ yẹ ki o han ni awọn ipo laileto, ati pe ti wọn ba ni awọn ipoidojuko ti a ti ṣẹda tẹlẹ, kii yoo lẹwa ati kii ṣe rọrun, nitori pe o le kọ olupilẹṣẹ nọmba nọmba ni CSS, ṣugbọn iru koodu yoo dabi ẹgbin patapata, ti ko le ka ati lile lati oye!