JavaScript: jambulani kadontho

Tiyeni tiphunzire momwe tingajambule mfundo mu JavaScript mu msakatuli .. sizovuta mwaukadaulo, koma kwa iwo omwe amafota, komanso kwa iwo omwe sanakonzekere kujambula mfundo pa intaneti - izi ndizopambana.

Pali njira zambiri zojambulira mfundo, tiyeni tiwone

Opanga masewera



Pogwiritsa ntchito Unity / Godot / microStudio kapena aliyense mwa zikwizikwi za omanga masewera .. onse adzapanga code ina mwa njira imodzi yomwe idzakhala JavaScript kapena Webassembly, ndipo amatiwonetsabe mfundoyi.Sitikuchita chidwi ndi njira iyi.sitidzamvetsetsa zomwe zikuchitika, kuwongolera kachidindo kudzakhala kochepa komanso kosawerengeka mu code source, pambali pake ndi yaikulu.

JavaScript Frameworks

Njira iyi ya Jedi ili pafupi kwambiri ndi ife, chifukwa.code yathu sidzakhala yaikulu ndi zomveka ngati tsiku, sitidzangonena zambiri, sitidzawonjezera kwambiri code yathu ndi malaibulale.Kuwongolera ma code kungakhalenso kwabwino

JavaScript yoyera

Iyi ndi njira ya Jedi.Khodiyo ndi yovuta momwe mungathere, kulamulira kwakukulu kwa zinthu zomwe, monga momwe zilili, siziyenera kulamulidwa.Zizindikiro zoyambira ndizochepa kwambiri komanso ndi chidziwitso cha golimy JavaScript, titha kupita kuti tikapeze ntchito, chifukwa.timafuna anthu otere.

Koma ntchito yathu si kupeza ntchito, koma kujambula kadontho m'njira yosavuta komanso yosavuta.Vector yathu ndi liwiro komanso kusinthasintha.

Ndinasankha laibulale

p5js kujambula kadontho.Sikuti, ndithudi, ngati ntchitoyo inali kujambula mfundo ndipo ndizomwezo, ndithudi, chirichonse chiyenera kuchitidwa mu JavaScript yopanda kanthu, koma ndikuchita izi mowona, .k.ndiye inu ndi ine tidzachita zinthu zina zomwe zidzawoneka zodabwitsa, ndipo chifukwa cha ichi tikusowa chida chabwino.Chimodzi mwa izo ndi p5js.

Mu golim JavaScript, tifunika kupanga chinsalu kuti titanthauze zoyambitsa ndi kujambulanso ntchito, mu p5 izi zimachitikanso, koma mwachidule.

Koma poyamba..

Kukhazikitsa Kochepa Kwachilengedwe kwa JavaScript Development

Tsitsani

p5.min.js ndi kusunga mbali ndi mbali.

ngati chonchi

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);
    }

Zotsatira zake, msakatuli wanu adzatsegula motere

Chabwino, HTML ndiyomveka, koma ndi mtundu wanji wa JavaScript code?

ntchito yokhazikitsa ndikuyambitsa, imachitidwa kamodzi, momwemo timapanga chinsalu, i.e.m'dera lomwe tidzajambula mfundo.zenera.innerWidth, zenera.innerHeight

ndi m'lifupi ndi kutalika kwa chinsalu, i.e.timatanthauzira chinsalu chazithunzi zonse ndipo inde, HTML ilinso ndi mawonekedwe ofunikira kwambiri pa izi

<body style="margin: 0px;">

Sitifunika kuyambitsa china chilichonse, timangofunika kujambula kadontho.Tayang'anani pa mfundo apa .. ntchito yojambula ikuchitika, mwachitsanzo, nthawi 60 pamphindikati, ndi nthawi 60 pamphindikati tidzajambula mfundo yathu .. zingawoneke kuti izi ndi zopusa, timangofunika kujambula mfundo ndipo ndizo. izo, koma m'tsogolo zidzakhala maziko a zonse makanema ojambula.

Nthawi zambiri, code yojambulira mfundo ndiyosavuta kwambiri:

point(10,10)

ndi zonse!

Komabe, code yathu ndi yokulirapo pang'ono

  background(0);
  stroke('white');
  strokeWeight(10);
  point(window.innerWidth/2,window.innerHeight/2);

maziko akuda

nyenyezi yoyera

makulidwe a dothi 10

ndipo timachijambula chapakati cha ofukula ndi chopingasa.

Chabwino .. tinajambula kadontho pa chinsalu, chirichonse chiri momwe chiyenera kukhalira, koma tikhoza kuchijambula pa HTML yoyera popanda JavaScript.. Zingawoneke bwanji?

Zimapangitsa kuti zikhale zoyambira komanso zosavuta, koma mfundo ndizosiyana kwambiri, nayi nambala yomaliza yojambulira lalikulu pakati pa chinsalu.

<!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>

Zotsatira zake zimakhala zofanana

Inde, ndikosavuta kujambula china chake pakati pa HTML, koma kuti muwonjezere makanema ojambula, komanso mopitilira muyeso, muyenera kuganiza molingana ndi mfundo za CSS.Ngakhale ndi ntchito yosangalatsa.Chinthu chimodzi chokha chomwe chimapha zonsezi, palibe ziwerengero zachisawawa mu CSS, izi zidzapha zoyesayesa zathu zonse m'tsogolomu, ndichifukwa chake sindipereka mwayi wocheperako.

Ngati ndikuganiza kuti ndikufuna kupanga thambo la nyenyezi pa CSS yopanda kanthu, ndiye kuti zonse sizingandiyendere, chifukwanyenyezi ziyenera kuwoneka mwachisawawa, ndipo ngati zidapangidwira kale, sizikhala zokongola komanso zophweka, chifukwa mukhoza kulemba jenereta ya nambala yachisawawa mu CSS, koma code yotereyi idzawoneka yonyansa, yosawerengeka komanso yovuta. kumvetsa!



bg bs ca ceb co cs cy da de el en eo es et fa fi fr fy ga gd gl gu ha haw hi hmn hr ht hu id ig is it iw ja jw ka kk km kn ko ku ky la lb lo lt lv mg mi mk ml mn mr ms mt my ne nl no ny or pa pl ps pt ro ru rw sd si sk sl sm sn so sr st su sv sw ta te tg th tk tl tr tt ug uk ur uz vi xh yi yo zh zu
Text to speech
QR-Code generator
Parsedown cheatsheet. Markdown
Filter data by column with regular expressions
Engines for creating games on LUA ?
JavaScript: draw a point
JavaScript: Speaking text in Chinese