JavaScript: zoba ichaphaza

Masifunde indlela yokuzoba inqaku kwiJavaScript kwisikhangeli .. akunzima ngokwezobuchwepheshe, kodwa kuphela kulabo abaphosayo, kunye nalabo abangakulungele ukuzoba inqaku kwi-Intanethi - oku ngokuqinisekileyo kuyimpumelelo epheleleyo.

Zininzi iindlela zokuzoba inqaku, masizijonge

Abakhi bemidlalo



Ukusebenzisa i-Unity / Godot / microStudio okanye nawaphi na amawaka abakhi bemidlalo .. bonke baya kudala ikhowudi ethile ngendlela enye okanye enye eya kuba yiJavaScript okanye i-Webassembly, kwaye isasibonisa inqaku.Asinamdla kule ndlela.asiyi kuqonda ngokwenene okwenzekayo, ulawulo lwekhowudi luya kuba luncinci kwaye lungafundeki kwikhowudi yomthombo, ngaphandle kokuba lukhulu.

JavaScript Frameworks

Le ndlela yeJedi isondele ngokusemandleni kuthi, kuba.ikhowudi yethu ayiyi kuba nkulu kwaye icace njengemini, asiyi kukhupha kakhulu, asiyi kwandisa kakhulu ikhowudi yethu ngamathala eencwadi.Ulawulo lwekhowudi luya kuba lukhulu kakhulu

IJavaScript ecocekileyo

Ngokuqinisekileyo le yindlela yeJedi.Ikhowudi inzima ngokusemandleni, ulawulo oluphezulu lwezinto, njengokuba kunjalo, aludingi kulawulwa.Iikhowudi zomthombo zezona zincinci kwaye ngolwazi lwe-golimy JavaScript, sinokuhamba ngokukhuselekileyo ukufumana umsebenzi, kuba.siyabafuna abantu abanjalo.

Kodwa umsebenzi wethu asikokufumana umsebenzi, kodwa kukuzoba ichaphaza ngendlela elula nelula.I-vector yethu isantya kunye nokuguquguquka.

Ndakhetha ithala leencwadi

p5js ukuzoba ichaphaza.Akunjalo nje, ngokuqinisekileyo, ukuba umsebenzi wawukuzoba inqaku kwaye yiloo nto, ngokuqinisekileyo, yonke into iya kufuneka yenziwe kwiJavaScript engenanto, kodwa ndenza oku ngokubonakalayo, .k.ke mna nawe siya kwenza ezinye izinto eziza kubonakala zimangalisa, kwaye ngenxa yoko sifuna isixhobo esihle.Enye yazo yip5js.

Kwi-JavaScript ye-golim, kufuneka senze i-canvas ukuchaza ukuqaliswa kunye nokusebenza ngokutsha, kwi-p5 oku kuyenziwa nako, kodwa ngokufutshane kakhulu.

Kodwa kuqala..

Ubuncinane bokuSeta iNdawo kuPhuhliso lweJavaScript

Khuphela

p5.min.js kwaye uyigcine ecaleni.

Ndiyayithanda lento

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

Ngenxa yoko, isikhangeli sakho siya kuvula ngolu hlobo

Ewe, i-HTML iyaqondakala, kodwa luhlobo luni lwekhowudi yeJavaScript le?

umsebenzi wokucwangcisa ukuqaliswa, kwenziwa kanye, kuyo sakha i-canvas, okt.indawo apho siza kutsala inqaku.window.innerWidth, window.innerHeight

bububanzi kunye nokuphakama kwesikrini, okt.sichaza ikhanvasi yesikrini esigcweleyo kwaye ewe, iHTML inesitayile esibaluleke kakhulu sale nto

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

Akukho mfuneko yokuba siqalise enye into, kufuneka sizobe ichaphaza.Jonga umgaqo apha .. umsebenzi wokuzoba uyenziwa, umzekelo, amaxesha angama-60 ngomzuzwana, kwaye amaxesha angama-60 ngomzuzwana siya kutsala inqaku lethu .. kubonakala ngathi oku kubudenge, sifuna nje ukuzoba inqaku kwaye oko yona, kodwa kwixesha elizayo iya kuba sisiseko sazo zonke oopopayi ngokubanzi.

Ngokubanzi, ikhowudi yokuzoba inqaku ilula kakhulu:

point(10,10)

kwaye zonke!

Nangona kunjalo, ikhowudi yethu inkulu kancinane

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

imvelaphi emnyama

inkwenkwezi emhlophe

Ubukhulu bechaphaza 10

kwaye siyizoba embindini othe nkqo kunye othe tye.

Ewe .. sidwebe ichaphaza kwi-canvas, yonke into ifanele ukuba, kodwa sinokuyidweba kwi-HTML ecocekileyo ngaphandle kweJavaScript.

Iyenza ibe sisiseko kwaye ibelula, kodwa imigaqo yahluke ngokupheleleyo, nantsi ikhowudi yokugqibela yokuzoba isikwere kumbindi wesikrini.

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

Isiphumo siphantse sifane

Ewe, kulula kakhulu ukuzoba into esembindini kwi-HTML, kodwa ukuze ungeze oopopayi, kwaye ngakumbi ukunxibelelana okunengqondo, kuya kufuneka ucinge ngokwemigaqo yeCSS.Nangona ingumsebenzi onomdla kakhulu.Inye kuphela into esisiseko ebulala yonke le nto, akukho manani angaqhelekanga kwi-CSS, oku kuya kubulala zonke iinzame zethu kwixesha elizayo, yiyo loo nto ndiza kunika ukhetho oluncinci kolu lwalathiso.

Ukuba ndicinga ukuba ndifuna ukwenza isibhakabhaka esineenkwenkwezi kwi-CSS engenanto, ngoko yonke into ayiyi kundisebenzela, kubaIinkwenkwezi kufuneka zivele kwizikhundla ezingaqhelekanga, kwaye ukuba zilungelelaniswe kwangaphambili, aziyi kuba zihle kwaye zingabi lula, kuba ungabhala i-generator yenombolo kwi-CSS, kodwa ikhowudi enjalo iya kubonakala imbi ngokupheleleyo, ingafundeki kwaye inzima qonda!



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