Kia ako tatou me pehea te tuhi tohu i roto i te JavaScript i roto i te kaitirotiro.. ehara i te mea uaua, engari mo te hunga e pohehe ana, mo te hunga kaore ano kia rite ki te tuhi tohu i runga ipurangi - he tino whakatutukitanga tenei.
He maha nga huarahi ki te tuhi i tetahi tohu, me titiro tatou
Ma te whakamahi i te Unity/Godot/microStudio ranei tetahi o nga mano o nga kaihanga keemu.. ka hangaia e ratou katoa etahi waehere i tetahi ara, i tetahi atu ranei ka waiho hei JavaScript, Webassembly ranei, ka whakaatu tonu mai i te tohu.Kaore matou e aro ki tenei huarahi.e kore matou e tino marama ki nga mea e tupu ana, ka iti te mana whakahaere o te waehere me te kore e taea te panui i roto i te waehere puna, haunga he nui.
Ko tenei ara o te Jedi e tata ana ki a tatou, na te mea.e kore e nui, e marama ana ta tatou waehere i te awatea, e kore e nui te tangohanga, e kore e tino whakanuia a tatou waehere me nga whare pukapuka.Ka pai hoki te mana o te waehere
Ko te tikanga tenei te huarahi o te Jedi.Ko te waehere he uaua ka taea, ko te mana nui o nga mea, penei, kaore e tika kia whakahaeretia.Ko nga waehere puna he iti rawa me te mohio ki te golimy JavaScript, ka taea e taatau te haere haumaru ki te tiki mahi, na te mea.e hiahia ana matou ki nga tangata penei.
Engari ko ta matou mahi ehara i te kimi mahi, engari ko te tuhi ira ma te ngawari me te ngawari.Ko ta maatau vector he tere me te ngawari.
I whiriwhiria e ahau te whare pukapuka
p5js ki te tuhi ira.Ehara i te mea ko te tikanga, mena ko te mahi ko te tuhi i tetahi tohu me tera, ko te tikanga, me mahi nga mea katoa i roto i te JavaScript kore noa, engari kei te mahi ahau i tenei i runga i te tirohanga, .k.katahi ka mahia e koe me au etahi atu mea ka tino miharo, a mo tenei ka hiahiatia he taputapu pai.Ko tetahi o ratou ko p5js.I roto i te JavaScript golim, me hanga he waaera hei tautuhi i nga mahi arataki me te tuhi ano, i roto i te p5 ka mahia ano tenei, engari he tino poto.
Engari tuatahi..
Tatūnga Taiao Iti mo te Whanaketanga JavaScript
Tikiake
p5.min.js kia mau ki te taha.penei
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);
}
Ko te mutunga, ka tuwhera to kaitirotiro penei
Ae, he maamaa te HTML, engari he aha te momo waehere JavaScript tenei?
Ko te mahi tatūnga ko te arawhiti, ka mahia kotahi, kei roto ka hangaia he koaka, ara.te waahi ka tuhia e matou he tohu.matapihi.innerWidth, window.innerHeight
ko te whanui me te teitei o te mata, i.e.ka tautuhia e matou he koaka mata-katoa, ae, he ahua nui ano te HTML mo tenei
<body style="margin: 0px;">
Karekau e hiahia ki te arawhiti i tetahi atu mea, me tuhi ira noa.Titiro ki te kaupapa i konei .. ka mahia te mahi tuhi, hei tauira, 60 nga wa mo ia hekona, me te 60 nga wa mo ia hekona ka tohia to tatou tohu .. te ahua he poauau tenei, me tuhi noa he tohu koina. te reira, engari i roto i te heke mai ka waiho te reira i te turanga mo te whānui hākoritanga katoa.
Ko te tikanga, he tino ngawari te waehere mo te tuhi tohu:
point(10,10)
me katoa!
Heoi, he paku rahi ake ta tatou waehere
background(0);
stroke('white');
strokeWeight(10);
point(window.innerWidth/2,window.innerHeight/2);
pango papamuri
whetu ma
te matotoru ira 10
a ka tuhia e matou ki waenganui o te poutū me te whakapae.
Ana.. i tuhia e matou he ira ki runga i te koaka, he rite tonu nga mea katoa, engari ka taea ano e matou te tuhi ki te HTML parakore kaore he JavaScript.. He aha te ahua?
He maamaa noa, he maamaa ake, engari he rereke nga maataapono, koinei te tohu whakamutunga mo te tuhi tapawha ki waenganui o te mata
<!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>
He rite tonu te hua
Ae, he tino ngawari ki te tuhi i tetahi mea ki te pokapū i roto i te HTML, engari ki te taapiri i nga pakiwaituhi, me te mea he pai ake te whakawhitiwhiti whakaaro, me whakaaro koe kia rite ki nga tikanga o te CSS.Ahakoa he mahi whakamere.Kotahi noa te mea tuatahi e patu ana i enei mea katoa, karekau he nama matapōkere i roto i te CSS, ka mate i a tatou nganatanga katoa a muri ake nei, na reira ka iti ake taku manako ki tenei huarahi.
Ki te whakaaro ahau e hiahia ana ahau ki te hanga i te rangi wheturangi ki runga CSS kau, ka kore nga mea katoa e pai mo ahau, no te meame puta nga whetu ki nga tuunga matapōkere, me te mea kua hangahia e ratou nga taunga i mua, kaore e tino ataahua, kaore i te ngawari, na te mea ka taea e koe te tuhi i tetahi kaihanga tau matapōkere i roto i te CSS, engari he ahua kino te ahua o taua waehere, kaore e taea te panui me te uaua. mohio!