JavaScript: tarraing dot

Nach ionnsaich sinn mar a tharraingeas tu puing ann an JavaScript ann am brobhsair .. chan eil e duilich gu teicneòlach, ach dìreach dhaibhsan a tha a’ fumble, agus dhaibhsan nach eil deònach puing a tharraing air an eadar-lìn - gu dearbh tha seo na choileanadh iomlan.

Tha iomadh dòigh ann airson puing a tharraing, leig dhuinn sùil a thoirt orra

Geamannan constructor



A’ cleachdadh Unity/Godot/microStudio no gin de na mìltean de luchd-togail geama .. cruthaichidh iad uile còd air choireigin ann an aon dòigh no dòigh eile a bhios mar JavaScript no Webassembly, agus a sheallas dhuinn a’ phuing fhathast.Chan eil ùidh againn san t-slighe seo.chan eil sinn a 'tuigsinn dè a tha a' tachairt, bidh smachd air a 'chòd glè bheag agus nach gabh a leughadh anns a' chòd stòr, a bharrachd air a bhith fìor mhòr.

Frèamaichean JavaScript

Tha an t-slighe seo den Jedi cho faisg ‘s as urrainn dhuinn, oir.cha bhi an còd againn mòr agus soilleir mar latha, cha toir sinn mòran dheth, cha bhith sinn ag àrdachadh ar còd le leabharlannan gu mòr.Bhiodh smachd còd math cuideachd

JavaScript glan

Is e seo gu dearbh dòigh an Jedi.Tha an còd cho iom-fhillte 'sa ghabhas, an smachd as motha air rudan a tha, mar a bha e, chan eil feum air smachd a chumail.Is e na còdan stòr an fheadhainn as lugha agus le eòlas air golimy JavaScript, is urrainn dhuinn a dhol gu sàbhailte airson obair fhaighinn, oir.tha feum againn air daoine mar sin.

Ach chan e an obair againn obair a lorg, ach dot a tharraing ann an dòigh shìmplidh agus furasta.Is e an vectar againn astar agus sùbailteachd.

Thagh mi an leabharlann

p5js airson dot a tharraing.Chan e sin a-mhàin, gu dearbh, nam b’ e an obair puing a tharraing agus sin e, gu dearbh, dh’ fheumadh a h-uile càil a dhèanamh ann an JavaScript lom, ach tha mi a ’dèanamh seo ann an sealladh, .k.an uairsin nì thu fhèin agus mise rudan eile a choimheadas iongantach, agus airson seo feumaidh sinn inneal math.Is e aon dhiubh p5js.

Ann an golim JavaScript, feumaidh sinn canabhas a chruthachadh gus na gnìomhan tòiseachaidh agus ath-tharraing a mhìneachadh, ann am p5 tha seo air a dhèanamh cuideachd, ach gu math pongail.

Ach an toiseach ..

Suidheachadh àrainneachd as ìsle airson leasachadh JavaScript

Luchdaich sìos

p5.min.js agus cùm e taobh ri taobh.

mar seo

clàr-amais.html

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

sgeidse.js

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

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

Fosglaidh seo suas sa bhrobhsair agad mar seo:

Uill, tha HTML furasta a thuigsinn, ach dè an seòrsa còd JavaScript a tha seo?

tha an gnìomh rèiteachaidh air a thòiseachadh, tha e air a chuir gu bàs aon uair, ann an sin bidh sinn a’ cruthachadh canabhas, i.e.sgìre far an tarraing sinn puing.uinneag.innerWidth, uinneag.innerHeight

is e leud agus àirde an sgrion, i.e.bidh sinn a’ mìneachadh canabhas làn-sgrìn agus tha, tha stoidhle glè chudromach aig an HTML airson seo cuideachd

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

Chan fheum sinn dad sam bith eile a thòiseachadh, feumaidh sinn dìreach dot a tharraing.Thoir sùil air a’ phrionnsapal an seo .. tha an gnìomh tarraing air a chuir gu bàs, mar eisimpleir, 60 tursan san diog, agus 60 uair san diog tarraingidh sinn ar puing .. bhiodh e coltach gu bheil seo gòrach, feumaidh sinn dìreach puing a tharraing agus sin agad e, ach san àm ri teachd bidh e na bhunait airson a h-uile beòthalachd coitcheann.

San fharsaingeachd, tha an còd airson puing a tharraing gu math sìmplidh:

point(10,10)

agus sin e!

Ach, tha an còd againn beagan nas motha

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

cùl-dubh

rionnag bhàn

dot tiugh 10

agus bidh sinn ga tharraing ann am meadhan an inghearach is còmhnard.

Uill.. tharraing sinn dot air a’ chanabhas, tha a h-uile rud mar a bu chòir, ach b’ urrainn dhuinn eadhon a tharraing air HTML fìor-ghlan às aonais JavaScript sam bith.. Cò ris a bhiodh e coltach?

Tha e ga dhèanamh bunasach agus eadhon nas fhasa, ach tha na prionnsapalan gu tur eadar-dhealaichte, seo an còd mu dheireadh airson ceàrnag a tharraing ann am meadhan an sgrion

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

Tha an toradh cha mhòr an aon rud

Tha, tha e gu math furasta rudeigin a tharraing sa mheadhan ann an HTML, ach gus beòthachaidhean a chuir ris, agus eadhon nas motha na sin eadar-ghnìomhach sane, feumaidh tu smaoineachadh a rèir prionnsapalan CSS.Ged is e obair gu math inntinneach a th’ ann.Is e dìreach aon rud bunaiteach a bhios a’ marbhadh seo uile, chan eil àireamhan air thuaiream ann an CSS, marbhaidh seo na h-oidhirpean againn san àm ri teachd, agus is e sin as coireach gun toir mi nas lugha de roghainn don taobh seo.

Ma smaoinicheas mi gu bheil mi airson speur rionnagach a dhèanamh air CSS lom, chan obraich a h-uile dad a-mach dhomh, oirbu chòir dha rionnagan nochdadh ann an suidheachadh air thuaiream, agus ma tha co-chomharran ro-chruthaichte aca, cha bhith e cho breagha agus chan eil e cho sìmplidh, oir is urrainn dhut gineadair àireamh air thuaiream a sgrìobhadh ann an CSS, ach bidh an còd sin a’ coimhead gu tur grànda, neo-leughaidh agus duilich tuigsinn!



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