A re ke re ithute ho hula ntlha ho JavaScript ho sebatli.. ha ho thata ka botekgeniki, empa ke feela ho ba fumble, le bakeng sa ba sa itokisetsang ho hula ntlha ho Internet - ehlile sena ke katleho e felletseng.
Ho na le mekhoa e mengata ea ho hula ntlha, ha re e shebeng
Ho sebelisa Unity / Godot / microStudio kapa leha e le efe ea likete tsa baetsi ba lipapali .. kaofela ba tla etsa khoutu e itseng ka tsela e 'ngoe e tla ba JavaScript kapa Webassembly,' me ba ntse ba re bontša ntlha.Ha re thahaselle tsela ena.re ke ke ra utloisisa hantle se etsahalang, taolo holim'a khoutu e tla ba e fokolang le e ke keng ea baloa mohloling oa mohloli, ntle le hore e kholo.
Tsela ena ea Jedi e haufi ka hohle kamoo ho ka khonehang ho rona, hobane.khoutu ea rona e ke ke ea e-ba kholo le e hlakileng joaloka letsatsi, re ke ke ra nahana ka lintho tse ngata, re ke ke ra eketsa khoutu ea rona ka lilaebrari.Taolo ea khoutu le eona e ka ba ntle
Ha e le hantle, ena ke tsela ea Jedi.Khoutu e rarahane ka hohle kamoo ho ka khonehang, taolo e phahameng ka ho fetisisa ea lintho tseo, joalokaha ho le joalo, ha li hloke ho laoloa.Likhoutu tsa mohloli ke tse fokolang haholo 'me ka tsebo ea JavaScript ea golimy, re ka ea ka mokhoa o sireletsehileng ho fumana mosebetsi, hobane.re hloka batho ba joalo.
Empa mosebetsi oa rona ha se ho fumana mosebetsi, empa ke ho taka letheba ka tsela e bonolo le e bonolo.Vector ea rona ke lebelo le bonolo.
Ke khethile laebrari
p5js ho taka letheba.Hase feela hore, ha e le hantle, haeba mosebetsi e ne e le ho hula ntlha 'me ke eona, ha e le hantle, ntho e' ngoe le e 'ngoe e ne e tla tlameha ho etsoa ka JavaScript e se nang letho, empa ke etsa sena ka pono, .k.joale 'na le uena re tla etsa lintho tse ling tse tla shebahala li makatsa,' me bakeng sa sena re hloka sesebelisoa se setle.E 'ngoe ea tsona ke p5js.Ho JavaScript ea golim, re hloka ho theha seile ho hlalosa ts'ebetso ea ho qala le ho e taka bocha, ho p5 sena se etsoa le hona, empa ka bokhutšoanyane haholo.
Empa pele..
Bonyane ba Tikoloho ea Seta bakeng sa Ntlafatso ea JavaScript
Khoasolla
p5.min.js mme o le boloke le bapile.rata sena
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);
}
Ka lebaka leo, sebatli sa hau se tla buleha tjena
Ho joalo, HTML ea utloahala, empa ke mofuta ofe oa khoutu ee ea JavaScript?
mosebetsi oa ho seta ke ho qala, o etsoa hang, ho oona re theha seile, ke hore.sebakeng seo re tla hula ntlha.fesetere.InnerWidth, fensetere.innerHeight
ke bophara le bophahamo ba skrine, ke hore.re hlalosa canvas e tletseng skrineng mme e, HTML e na le setaele sa bohlokoa haholo bakeng sa sena
<body style="margin: 0px;">
Ha re hloke ho qala letho, re hloka feela ho taka letheba.Sheba molao-motheo mona .. ts'ebetso ea ho hula e etsoa, ka mohlala, makhetlo a 60 ka motsotsoana, le makhetlo a 60 ka motsotsoana re tla hula ntlha ea rona .. ho ka bonahala eka sena ke booatla, re hloka feela ho hula ntlha 'me ho joalo. eona, empa nakong e tlang e tla ba motheo oa lipopae ka kakaretso.
Ka kakaretso, khoutu ea ho taka ntlha e bonolo haholo:
point(10,10)
le tsohle!
Leha ho le joalo, khoutu ea rona e kholoanyane hanyane
background(0);
stroke('white');
strokeWeight(10);
point(window.innerWidth/2,window.innerHeight/2);
bokamorao bo botsho
naledi e tshweu
botenya ba matheba 10
'me re e taka bohareng ba e otlolohileng le e rapameng.
Hantle .. re ile ra hula letheba holim'a seile, ntho e 'ngoe le e' ngoe e le kamoo e lokelang ho ba kateng, empa re ka ba ra e taka ka HTML e hloekileng ntle le JavaScript efe kapa efe. E ne e tla shebahala joang?
E etsa hore e be ea mantlha ebile e bonolo le ho feta, empa melao-motheo e fapane ka ho felletseng, mona ke khoutu ea ho qetela ea ho taka lisekoere bohareng ba skrini.
<!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>
Phello e batla e tšoana
E, ho bonolo haholo ho hula ntho e bohareng ka HTML, empa e le ho eketsa litšoantšo, 'me le ho feta ho sebelisana hantle, u tla tlameha ho nahana ho latela melao-motheo ea CSS.Le hoja e le mosebetsi o monate haholo.Ke ntho e le 'ngoe feela ea mantlha e bolaeang tsena tsohle, ha ho na linomoro tse sa reroang ho CSS, sena se tla bolaea liteko tsohle tsa rona nakong e tlang, ke ka lebaka leo ke sa rateng tataiso ena.
Haeba ke nahana hore ke batla ho etsa leholimo le nang le linaleli ka CSS e se nang letho, ntho e 'ngoe le e' ngoe e ke ke ea nthusa, hobanelinaleli li lokela ho hlaha ka maemo a sa tloaelehang, 'me haeba li na le li-coordinates tse entsoeng esale pele, li ke ke tsa e-ba ntle haholo ebile li se bonolo, hobane u ka ngola jenereithara ea linomoro ka CSS, empa khoutu e joalo e tla shebahala e le mpe ka ho feletseng, e sa balehe ebile e thata ho e etsa. utloisisa!