Javascript: see ntụpọ

Ka anyị na-amụta otú isere a isi ihe na JavaScript na ihe nchọgharị.. ọ bụghị teknụzụ siri ike, ma naanị ndị na-agba ọsọ, na ndị na-adịghị njikere ise a isi ihe na Internet - nke a bụ n'ezie a dum nweta.

Enwere ọtụtụ ụzọ isi see isi okwu, ka anyị leba anya na ha

Ndị na-ewu egwuregwu

Iji Unity / Godot / microStudio ma ọ bụ nke ọ bụla n'ime puku kwuru puku ndị na-ewu egwuregwu .. ha niile ga-emepụta ụfọdụ koodu n'otu ụzọ ma ọ bụ ọzọ nke ga-abụ JavaScript ma ọ bụ Webassembly, ma ka na-egosi anyị isi ihe.Anyị enweghị mmasị na ụzọ a.anyị agaghị aghọta n'ezie ihe na-eme, ịchịkwa koodu ahụ ga-adị ntakịrị na enweghị ike ịgụ na koodu isi mmalite, e wezụga na ọ bụ nnukwu.

Javascript Frameworks

Ụzọ a nke Jedi dị nso dị ka o kwere mee anyị, n'ihi na.koodu anyị agaghị adị ukwuu ma doo anya dị ka ụbọchị, anyị agaghị adị ọtụtụ, anyị agaghị abawanye koodu anyị na ụlọ akwụkwọ.Njikwa koodu ga-adịkwa mma

Javascript dị ọcha

Nke a bụ n'ezie ụzọ Jedi.Koodu ahụ dị mgbagwoju anya dị ka o kwere mee, njikwa kachasị nke ihe, dị ka a pụrụ isi kwuo ya, adịghị mkpa ka a na-achịkwa ya.Koodu isi mmalite bụ nke kacha nta yana na ịmara golimy JavaScript, anyị nwere ike gaa n'enweghị nsogbu iji nweta ọrụ, n'ihi na.anyị chọrọ ndị dị otú ahụ.

Mana ọrụ anyị abụghị ịchọta ọrụ, kama ịdọrọ ntụpọ n'ụzọ dị mfe ma dị mfe.Vector anyị bụ ọsọ na mgbanwe.

M họọrọ ọbá akwụkwọ

p5js ise ntụpọ.Ọ bụghị naanị nke ahụ, n'ezie, ọ bụrụ na ọrụ ahụ bụ ịdọrọ isi ihe na nke ahụ bụ ya, n'ezie, a ga-eme ihe niile na Javascript efu, mana m na-eme nke a n'echiche, .k.mgbe ahụ, mụ na gị ga-eme ihe ndị ọzọ ga-adị ịtụnanya, maka nke a anyị chọrọ ngwá ọrụ dị mma.Otu n'ime ha bụ p5js.

Na golim Javascript, anyị kwesịrị ịmepụta kanvas iji kọwaa mmalite na ọrụ mwegharị, na p5 a na-eme nke a, mana nkenke.

Mana mbụ..

Nhazi gburugburu kacha nta maka mmepe Javascript

index.html
sket.js

Budata

p5.min.js ma debe ya n'akụkụ n'akụkụ.

dị ka nke a

index.html

    <html>
    <head>
        <script src="p5.min.js"></script>
        <script src="sketch.js"></script>
    </head>
    <body style="margin: 0px;">
        <main>
        </main>
    </body>
    </html>

sket.js

    function setup() {
    createCanvas(window.innerWidth, window.innerHeight);
    }

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

Nke a ga-emeghe na ihe nchọgharị gị dị ka nke a:

Ọfọn, HTML bụ ihe kwere nghọta, mana kedu ụdị koodu Javascript bụ nke a?

Ọrụ ntọlite bụ mmalite, a na-eme ya otu ugboro, n'ime ya anyị na-emepụta kwaaji, ya bụ.ebe anyị ga-esetịpụ isi.window.innerWidth, window.innerHeight

bụ obosara na ịdị elu nke ihuenyo, i.e.anyị na-akọwa kwaaji ihuenyo zuru oke na ee, HTML nwekwara ụdị dị oke mkpa maka nke a kwa

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

Anyị achọghị ibido ihe ọ bụla ọzọ, naanị anyị kwesịrị ise ntụpọ.Lee ụkpụrụ ebe a .. eserese ọrụ na-gburu, n'ihi na ihe atụ, 60 ugboro kwa sekọnd, na 60 ugboro kwa sekọnd anyị ga-ese anyị ihe .. ọ ga-adị ka nke a bụ nzuzu, anyị dị nnọọ mkpa ise a isi ihe na nke ahụ bụ. ya, ma n'ọdịnihu ọ ga-abụ ihe ndabere maka izugbe niile animation.

N'ozuzu, koodu maka ịbịaru isi ihe dị nnọọ mfe:

point(10,10)

na ọ bụ ya!

Agbanyeghị, koodu anyị dị ntakịrị karịa

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

ndabere nwa

kpakpando ọcha

ntụpọ ntụpọ 10

na anyị na-adọta ya na etiti nke vetikal na kehoraizin.

Ọfọn .. anyị dọtara ntụpọ na kwaaji, ihe niile dị ka ọ kwesịrị ịdị, ma anyị nwere ike ịdọrọ ya na HTML dị ọcha na-enweghị Javascript ọ bụla .. Kedu ka ọ ga-adị?

Ọ na-eme ka ọ bụrụ elementrị na ọbụna dị mfe, ma ụkpụrụ dị iche iche kpamkpam, ebe a bụ koodu ikpeazụ maka ịbịaru square n'etiti etiti ihuenyo ahụ.

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

Ihe si na ya pụta fọrọ nke nta ka ọ bụrụ otu

Ee, ọ dị nnọọ mfe ise ihe na etiti na HTML, ma iji tinye animations, na ọbụna otú a ezi mmekọrịta mmekọrịta, ị ga-eche echiche dị ka ụkpụrụ nke CSS.Ọ bụ ezie na ọ bụ nnọọ ọrụ na-adọrọ mmasị.Naanị otu ihe elementrị na-egbu ihe a niile, enweghị ọnụọgụ ọnụọgụ na CSS, nke a ga-egbu mgbalị anyị niile n'ọdịnihu, ya mere m ga-enye obere mmasị na ntụziaka a.

Ọ bụrụ na m chere na achọrọ m ime mbara igwe kpakpando na CSS, mgbe ahụ ihe niile agaghị aga m, n'ihi nakpakpando kwesịrị ịpụta na random ọnọdụ, na ọ bụrụ na ha nwere tupu kere nhazi, ọ gaghị adị mma na ọ bụghị otú ahụ dị mfe, n'ihi na ị nwere ike dee a random nọmba generator na CSS, ma ndị dị otú ahụ koodu ga-ele anya kpamkpam jọrọ njọ, enweghị ike ịgụ na ike. ghọta!

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