Sei o tatou aʻoaʻo pe faʻapefea ona tusi se togi i le JavaScript i totonu o se suʻesuʻega.
E tele auala e tusi ai se manatu, se'i o tatou va'ai i ai
Faʻaaogaina o le Unity / Godot / microStudio poʻo soʻo se tasi o le faitau afe o tagata faufale taʻaloga.Matou te le fiafia i lenei ala.o le a tatou le malamalama lelei i le mea o loʻo tupu, o le pulea o le code o le a laʻititi ma e le mafai ona faitau i le source code, e le gata i lea e tele.
O lenei ala o le Jedi e latalata mai ia i tatou, aua.o le a le tele ma manino a tatou code e pei o le ao, o le a le tele ni mea tatou te faʻaaogaina, o le a le faʻateleina a tatou code i faletusi.O le fa'atonutonuina o tulafono laiti e lelei tele fo'i
O le mea moni o le auala lea a le Jedi.O le code e faigata tele, o le maualuga o le puleaina o mea, e pei ona i ai, e le manaʻomia ona pulea.O tulafono faavae e sili ona laʻititi ma faʻatasi ai ma le malamalama o golimy JavaScript, e mafai lava ona matou o atu ma le saogalemu e maua se galuega, aua.tatou te manaomia tagata faapena.
Ae o la tatou galuega e le o le sailia o se galuega, ae ia tusi se togi i se auala faigofie ma faigofie.O la matou vector o le saoasaoa ma le fetuutuunai.
Sa ou filifilia le faletusi
p5js e tusi ai se togi.E le na o lena, ioe, afai o le galuega o le tusiina o se manatu ma o le mea lena, ioe, o mea uma e tatau ona faia i le JavaScript, ae o loʻo ou faia lenei mea i se vaaiga, .k.ona fai lea e oe ma au isi mea e foliga ofoofogia, ma mo lenei mea tatou te manaʻomia ai se meafaigaluega lelei.O se tasi o latou o le p5js.I le golim JavaScript, tatou te manaʻomia le fatuina o se tapoleni e faʻamalamalama ai le amataga ma le toe faʻaleleia o galuega, i le p5 e faia foi lenei mea, ae matua faʻamaonia.
Ae muamua..
Seti Siosiomaga La'iti mo le Atina'eina o le JavaScript
La'u mai
p5.min.js ma tuu faatasi.faapei o lea
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);
}
O le i'uga, o le a tatala lau su'esu'ega fa'apenei
Ia, HTML e malamalama lelei, ae o le a le ituaiga JavaScript code lea?
o le galuega faʻatulagaina o le amataina, e faʻataunuʻu tasi, i totonu tatou te fatuina ai se tapoleni, i.e.vaega o le a tatou tusia ai se togi.faamalama.innerWidth, faamalama.innerHeight
o le lautele ma le maualuga o le lau, i.e.matou te faʻamalamalamaina se tapoleni mata atoa ma ioe, o le HTML o loʻo i ai se faiga taua tele mo lenei foi
<body style="margin: 0px;">
Matou te le manaʻomia le amataina o se isi mea, matou te manaʻomia le tusi o se togi.Vaʻai i le mataupu faavae iinei .. o le galuega tusi e faʻatino, mo se faʻataʻitaʻiga, 60 taimi i le sekone, ma le 60 taimi i le sekone o le a tatou tusia ai lo tatou manatu .. e foliga mai e valea lenei mea, e tatau ona tatou tusi se togi ma o le mea lena. e, ae i le lumana'i o le a avea ma fa'avae mo fa'afiafiaga uma.
I se tulaga lautele, o le code mo le tusiaina o se manatu e matua faigofie lava:
point(10,10)
ma mea uma!
Ae ui i lea, o la matou code e lapopoa teisi
background(0);
stroke('white');
strokeWeight(10);
point(window.innerWidth/2,window.innerHeight/2);
lanu uliuli
fetu papa'e
mafiafia togitogi 10
ma matou tusia i le ogatotonu o le fa'asaga ma fa'alava.
Ia .. matou tusia se togi i luga o le tapoleni, mea uma e pei ona tatau ai, ae e mafai foi ona matou tusia i luga o le HTML mama e aunoa ma se JavaScript .. O le a le foliga?
E fa'afaigofieina ma e sili atu ona faigofie, ae o mataupu faavae e matua'i ese lava, o le tulafono mulimuli lea mo le tusiaina o se sikuea i le ogatotonu o le lau.
<!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>
O le taunuuga e toetoe lava tutusa
Ioe, e matua faigofie lava ona tusi se mea i le ogatotonu i le HTML, ae ina ia mafai ona faʻaopoopo mea faʻafiafia, ma sili atu ona lelei le fegalegaleai, e tatau ona e mafaufau e tusa ai ma mataupu faavae o le CSS.E ui lava o se galuega manaia tele.E na o le tasi le mea faavae e fasiotia uma nei mea, e leai ni numera faʻafuaseʻi i le CSS, o le a faʻaumatia uma a tatou taumafaiga i le lumanaʻi, o le mea lea o le a ou tuʻuina atu ai le faʻaitiitia o le fiafia i lenei itu.
Afai ou te manatu ou te manaʻo e fai se lagi fetu i luga o le CSS, o le a le aoga mea uma mo aʻu, auafetu e tatau ona aliali mai i tulaga faʻafuaseʻi, ma afai latou te faia muamua faʻamaopoopoina, o le a le matagofie tele ma e le faigofie tele, aua e mafai ona e tusia se numera faʻasolosolo i le CSS, ae o ia code o le a foliga matua mataga, le mafai ona faitau ma faigata. malamalama!