Ngatidzidzei kutora pfungwa muJavaScript mubrowser .. hazvisi zvakaoma, asi kune avo vanokanganisa, uye kune avo vasina kugadzirira kutora pfungwa paInternet - izvi ndezvechokwadi kubudirira.
Pane nzira dzakawanda dzekudhirowa pfungwa, ngatitarisei kwavari
Kushandisa Unity/Godot/microStudio kana chimwe chezviuru zvevaki vemitamboIsu hatifariri nzira iyi.isu hatizonyatso nzwisisa zviri kuitika, kutonga pamusoro pekodhi kuchave kushoma uye kusingaverengeki mune kodhi kodhi, kunze kweiyo yakakura.
Iyi nzira yeJedi iri pedyo sezvinobvira kwatiri, nokuti.kodhi yedu haizove yakakura uye yakajeka sezuva, isu hatisi kuzobvisa zvakawanda, isu hatizo wedzera zvakanyanya kodhi yedu nemaraibhurari.Kudzora kwekodhi kungave kwakanaka zvakare
Iyi ndiyo nzira yeJedi.Iyo code yakaoma sezvinobvira, iyo yakanyanya kutonga yezvinhu izvo, sezvazvaive, hazvidi kudzorwa.Iwo macode macode ndiwo mashoma uye neruzivo rwe golimy JavaScript, tinogona kungoenda zvakachengeteka kuti tiwane basa, nekuti.tinoda vanhu vakadai.
Asi basa redu harisi rekutsvaga basa, asi kudhirowa doti nenzira iri nyore uye iri nyore.Vector yedu ndeyekumhanya uye kuchinjika.
Ndakasarudza raibhurari
p5js kudhirowa dot.Hazvisi izvo chete, hongu, kana basa raive rekudhirowa pfungwa uye ndizvozvo, hongu, zvese zvaizofanira kuitwa muJavaScript isina chinhu, asi ndiri kuita izvi mukuona, .k.ipapo iwe neni tichaita zvimwe zvinhu zvinotaridzika zvinoshamisa, uye nekuda kweizvi tinoda chishandiso chakanaka.Imwe yacho p5js.Mune golim JavaScript, isu tinofanirwa kugadzira canvas kutsanangura yekutanga uye kudhirowa mabasa, mup5 izvi zvinoitwa zvakare, asi muchidimbu.
Asi kutanga..
Minimum Environment Setup yeJavaScript Development
Download
p5.min.js uye uichengete parutivi.sezvizvi
index.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);
}
Nekuda kweizvozvo, browser yako inovhura sezvizvi
Zvakanaka, HTML inonzwisisika, asi rudzii rweJavaScript code iyi?
iyo yekugadzirisa basa ndeyekutanga, inoitwa kamwe chete, mairi tinogadzira canvas, i.e.nzvimbo yatichatora pfungwa.window.innerWidth, window.innerHeight
hupamhi uye kureba kwechidzitiro, i.e.isu tinotsanangura yakazara-screen canvas uye hongu, iyo HTML ine yakakosha maitiro kune iyi zvakare
<body style="margin: 0px;">
Hatifanire kutanga chero chimwe chinhu, tinongoda kudhirowa kadoti.Tarisa musimboti apa. iyo, asi mune ramangwana ichava hwaro hwezvizhinji zvese animation.
Kazhinji, kodhi yekudhirowa poindi iri nyore kwazvo:
point(10,10)
uye zvose!
Nekudaro, kodhi yedu yakakura zvishoma
background(0);
stroke('white');
strokeWeight(10);
point(window.innerWidth/2,window.innerHeight/2);
background black
nyeredzi chena
dot ukobvu 10
uye tinoidhirowa pakati peiyo yakatwasuka uye yakachinjika.
Zvakanaka .. takadhirowa dot pamucheka, zvinhu zvose sezvazvinofanira kuva, asi isu tinogona kunyange kuitora pa HTML yakachena pasina chero JavaScript.
Inoita kuti ive yekutanga uye kunyange nyore, asi misimboti yakasiyana zvachose, heino kodhi yekupedzisira yekudhirowa sikweya pakati pechidzitiro.
<!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>
Mhedzisiro inenge yakafanana
Hongu, zviri nyore kudhirowa chimwe chinhu pakati peHTML, asi kuti uwedzere mifananidzo, uye zvakanyanya kupindirana, iwe unofanirwa kufunga maererano nemisimboti yeCSS.Kunyangwe iri basa rinonakidza.Chinhu chimwe chete chekutanga chinouraya zvese izvi, hapana manhamba asina kurongeka muCSS, izvi zvinouraya zvese zvatinoedza mune ramangwana, ndosaka ini ndichizopa kushoma kudivi iri.
Kana ndikafungidzira kuti ndinoda kugadzira denga rine nyeredzi paCSS isina chinhu, saka zvese hazvizondibudiriri, nekuti.nyeredzi dzinofanira kuoneka munzvimbo dzisina kujairika, uye kana dzakagara dzakasikirwa makongisheni, hazvizove zvakanakisa uye zvisiri nyore, nekuti unogona kunyora zvisina kujairika nhamba jenareta muCSS, asi kodhi yakadaro inotaridzika yakashata zvachose, isingaverengeki uye yakaoma nzwisisa!