JavaScript: taka letheba

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

Baetsi ba lipapali



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.

JavaScript Frameworks

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

JavaScript e hloekileng

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!



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