JavaScript: fa aami kan

Jẹ ki ká ko bi lati fa a ojuami ni JavaScript ni a kiri ayelujara .. o ni ko tekinikali soro, sugbon nikan fun awon ti o fumble, ati fun awon ti o ko ba wa ni pese sile lati fa a ojuami lori ayelujara - yi jẹ ti awọn dajudaju kan gbogbo aseyori.

Awọn ọna pupọ lo wa lati fa aaye kan, jẹ ki a wo wọn

Ere constructors



Lilo isokan / Godot / microStudio tabi eyikeyi ninu awọn ẹgbẹẹgbẹrun ti awọn akọle ere .. gbogbo wọn yoo ṣẹda koodu kan ni ọna kan tabi omiiran ti yoo jẹ JavaScript tabi Webassembly, ati tun ṣafihan aaye naa.A ko nifẹ si ọna yii.a ko ni loye gaan ohun ti n ṣẹlẹ, iṣakoso lori koodu yoo jẹ iwonba ati ai ka ni koodu orisun, ni afikun si o tobi.

JavaScript Frameworks

Ọna ti Jedi yii sunmọ wa bi o ti ṣee ṣe, nitori.koodu wa kii yoo tobi ati di mimọ bi ọjọ, a kii yoo ṣe arosọ pupọ, a kii yoo mu koodu wa pọ si pẹlu awọn ile-ikawe.Iṣakoso koodu yoo jẹ nla paapaa

JavaScript mimọ

Eyi jẹ dajudaju ọna ti Jedi.Awọn koodu ti wa ni idiju bi o ti ṣee, awọn ti o pọju Iṣakoso ti ohun ti, bi o ti wà, ko nilo lati wa ni dari.Awọn koodu orisun jẹ o kere julọ ati pẹlu imọ ti golimy JavaScript, a le kan lọ lailewu lati gba iṣẹ kan, nitori.a nilo iru eniyan.

Ṣugbọn iṣẹ-ṣiṣe wa kii ṣe lati wa iṣẹ kan, ṣugbọn lati fa aami kan ni ọna ti o rọrun ati rọrun.Fekito wa ni iyara ati irọrun.

Mo ti yan awọn ìkàwé

p5js lati fa aami kan.Kii ṣe iyẹn nikan, dajudaju, ti iṣẹ-ṣiṣe ba jẹ lati fa aaye kan ati pe iyẹn ni, dajudaju, ohun gbogbo yoo ni lati ṣee ni JavaScript igboro, ṣugbọn Mo n ṣe eyi ni irisi, .k.lẹhinna iwọ ati Emi yoo ṣe awọn ohun miiran ti yoo dabi iyalẹnu, ati fun eyi a nilo ohun elo to dara.Ọkan ninu wọn ni p5js.

Ni golim JavaScript, a nilo lati ṣẹda kanfasi kan lati ṣalaye ibẹrẹ ati awọn iṣẹ atunṣe, ni p5 eyi tun ṣe, ṣugbọn ni ṣoki pupọ.

Sugbon akọkọ..

Eto Ayika ti o kere julọ fun Idagbasoke JavaScript

Gba lati ayelujara

p5.min.js kí o sì pa á mọ́ lẹ́gbẹ̀ẹ́.

bi eleyi

atọka.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);
    }

Bi abajade, ẹrọ aṣawakiri rẹ yoo ṣii bii eyi

O dara, HTML jẹ oye, ṣugbọn iru koodu JavaScript wo ni eyi?

iṣẹ iṣeto ni ibẹrẹ, o ti ṣiṣẹ ni ẹẹkan, ninu rẹ a ṣẹda kanfasi, i.e.agbegbe ti a yoo fa aaye kan.window.innerWidth, window.innerHeight

ni awọn iwọn ati ki o iga ti awọn iboju, i.e.a ṣalaye kanfasi iboju kikun ati bẹẹni, HTML ni ara pataki pupọ fun eyi paapaa

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

A ko nilo lati pilẹ ohunkohun miiran, a kan nilo lati fa aami kan.Wo ilana naa nibi .. iṣẹ iyaworan ti wa ni ṣiṣe, fun apẹẹrẹ, awọn akoko 60 fun iṣẹju kan, ati awọn akoko 60 fun iṣẹju keji a yoo fa aaye wa .. yoo dabi pe eyi jẹ aṣiwere, a kan nilo lati fa aaye kan ati pe iyẹn ni. o, sugbon ni ojo iwaju o yoo jẹ awọn igba fun gbogbo awọn iwara.

Ni gbogbogbo, koodu fun iyaworan aaye kan rọrun pupọ:

point(10,10)

ati gbogbo!

Sibẹsibẹ, koodu wa tobi diẹ diẹ

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

dudu lẹhin

funfun star

sisanra aami 10

a si fa a ni aarin ti inaro ati petele.

O dara .. a fa aami kan lori kanfasi, ohun gbogbo jẹ bi o ti yẹ, ṣugbọn a le paapaa fa lori HTML mimọ laisi JavaScript eyikeyi .. Kini yoo dabi?

O jẹ ki o jẹ alakọbẹrẹ ati paapaa rọrun, ṣugbọn awọn ipilẹ yatọ patapata, eyi ni koodu ikẹhin fun iyaworan square kan ni aarin iboju naa.

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

Abajade jẹ fere kanna

Bẹẹni, o rọrun pupọ lati fa ohunkan ni aarin ni HTML, ṣugbọn lati le ṣafikun awọn ohun idanilaraya, ati paapaa ibaraenisọrọ mimọ, iwọ yoo ni lati ronu ni ibamu si awọn ipilẹ ti CSS.Botilẹjẹpe o jẹ iṣẹ ti o nifẹ pupọ.Nikan ohun alakọbẹrẹ kan pa gbogbo eyi, ko si awọn nọmba laileto ni CSS, eyi yoo pa gbogbo awọn igbiyanju wa ni ọjọ iwaju, eyiti o jẹ idi ti Emi yoo fun ààyò diẹ si itọsọna yii.

Ti Mo ba ro pe Mo fẹ ṣe ọrun ti o ni irawọ lori CSS, lẹhinna ohun gbogbo kii yoo ṣiṣẹ fun mi, nitoriawọn irawọ yẹ ki o han ni awọn ipo laileto, ati pe ti wọn ba ni awọn ipoidojuko ti a ti ṣẹda tẹlẹ, kii yoo lẹwa ati kii ṣe rọrun, nitori pe o le kọ olupilẹṣẹ nọmba nọmba ni CSS, ṣugbọn iru koodu yoo dabi ẹgbin patapata, ti ko le ka ati lile lati oye!





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