JavaScript: dhirowa dot

Ngatidzidzei kutora pfungwa muJavaScript mubrowser .. hazvisi zvakaoma, asi kune avo vanokanganisa, uye kune avo vasina kugadzirira kutora pfungwa paInternet - izvi ndezvechokwadi kubudirira.

Pane nzira dzakawanda dzekudhirowa pfungwa, ngatitarisei kwavari

Vagadziri vemitambo



Kushandisa Unity/Godot/microStudio kana chimwe chezviuru zvevaki vemitamboIsu hatifariri nzira iyi.isu hatizonyatso nzwisisa zviri kuitika, kutonga pamusoro pekodhi kuchave kushoma uye kusingaverengeki mune kodhi kodhi, kunze kweiyo yakakura.

JavaScript Frameworks

Iyi nzira yeJedi iri pedyo sezvinobvira kwatiri, nokuti.kodhi yedu haizove yakakura uye yakajeka sezuva, isu hatisi kuzobvisa zvakawanda, isu hatizo wedzera zvakanyanya kodhi yedu nemaraibhurari.Kudzora kwekodhi kungave kwakanaka zvakare

Yakachena JavaScript

Iyi ndiyo nzira yeJedi.Iyo code yakaoma sezvinobvira, iyo yakanyanya kutonga yezvinhu izvo, sezvazvaive, hazvidi kudzorwa.Iwo macode macode ndiwo mashoma uye neruzivo rwe golimy JavaScript, tinogona kungoenda zvakachengeteka kuti tiwane basa, nekuti.tinoda vanhu vakadai.

Asi basa redu harisi rekutsvaga basa, asi kudhirowa doti nenzira iri nyore uye iri nyore.Vector yedu ndeyekumhanya uye kuchinjika.

Ndakasarudza raibhurari

p5js kudhirowa dot.Hazvisi izvo chete, hongu, kana basa raive rekudhirowa pfungwa uye ndizvozvo, hongu, zvese zvaizofanira kuitwa muJavaScript isina chinhu, asi ndiri kuita izvi mukuona, .k.ipapo iwe neni tichaita zvimwe zvinhu zvinotaridzika zvinoshamisa, uye nekuda kweizvi tinoda chishandiso chakanaka.Imwe yacho p5js.

Mune golim JavaScript, isu tinofanirwa kugadzira canvas kutsanangura yekutanga uye kudhirowa mabasa, mup5 izvi zvinoitwa zvakare, asi muchidimbu.

Asi kutanga..

Minimum Environment Setup yeJavaScript Development

Download

p5.min.js uye uichengete parutivi.

sezvizvi

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

Nekuda kweizvozvo, browser yako inovhura sezvizvi

Zvakanaka, HTML inonzwisisika, asi rudzii rweJavaScript code iyi?

iyo yekugadzirisa basa ndeyekutanga, inoitwa kamwe chete, mairi tinogadzira canvas, i.e.nzvimbo yatichatora pfungwa.window.innerWidth, window.innerHeight

hupamhi uye kureba kwechidzitiro, i.e.isu tinotsanangura yakazara-screen canvas uye hongu, iyo HTML ine yakakosha maitiro kune iyi zvakare

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

Hatifanire kutanga chero chimwe chinhu, tinongoda kudhirowa kadoti.Tarisa musimboti apa. iyo, asi mune ramangwana ichava hwaro hwezvizhinji zvese animation.

Kazhinji, kodhi yekudhirowa poindi iri nyore kwazvo:

point(10,10)

uye zvose!

Nekudaro, kodhi yedu yakakura zvishoma

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

background black

nyeredzi chena

dot ukobvu 10

uye tinoidhirowa pakati peiyo yakatwasuka uye yakachinjika.

Zvakanaka .. takadhirowa dot pamucheka, zvinhu zvose sezvazvinofanira kuva, asi isu tinogona kunyange kuitora pa HTML yakachena pasina chero JavaScript.

Inoita kuti ive yekutanga uye kunyange nyore, asi misimboti yakasiyana zvachose, heino kodhi yekupedzisira yekudhirowa sikweya pakati pechidzitiro.

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

Mhedzisiro inenge yakafanana

Hongu, zviri nyore kudhirowa chimwe chinhu pakati peHTML, asi kuti uwedzere mifananidzo, uye zvakanyanya kupindirana, iwe unofanirwa kufunga maererano nemisimboti yeCSS.Kunyangwe iri basa rinonakidza.Chinhu chimwe chete chekutanga chinouraya zvese izvi, hapana manhamba asina kurongeka muCSS, izvi zvinouraya zvese zvatinoedza mune ramangwana, ndosaka ini ndichizopa kushoma kudivi iri.

Kana ndikafungidzira kuti ndinoda kugadzira denga rine nyeredzi paCSS isina chinhu, saka zvese hazvizondibudiriri, nekuti.nyeredzi dzinofanira kuoneka munzvimbo dzisina kujairika, uye kana dzakagara dzakasikirwa makongisheni, hazvizove zvakanakisa uye zvisiri nyore, nekuti unogona kunyora zvisina kujairika nhamba jenareta muCSS, asi kodhi yakadaro inotaridzika yakashata zvachose, isingaverengeki uye yakaoma nzwisisa!



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