i dag vil jeg forklare p5.js. Jeg er også p5.JS begynder så lad os prøve at være bekendt med p5.js sammen!

p5.js er skrevet i JavaScript, men oprindeligt behandler den (https://processing.org/). Behandling er et visuelt kodningsværktøj til billedkunst. Det interessante er, at forarbejdning ikke kun er for udviklere, men også kunstnere, designere, forskere og dem, der ønsker at nyde at lave kunst. p5.js bruges i JavaScript, så vi kan bruge det med DOM.

følgende er p5.JS officielle side.
https://p5js.org/

Sådan bruges p5.js

lad os lave en simpel ting i dag. Vores mål er at kende små tip og lave en animation.

Trin 1: Lav en HTML-fil og opret et link til p5.JS og din egen JavaScript-fil.

den nemme måde at få et link på er at gå til officiel side og finde CDN. Kopier noget … / p5.min.JS og indsæt det i din HTML.

Trin 2: Lav en cirkel

kreativlærred(bredde af lærredet, lærredets højde) funktion indstiller lærredets størrelse.

baggrund() funktion indstiller en farve på lærredet, vi laver. * Jeg bruger farveparameter, men du kan bruge andre parametre. Der henvises til den officielle hjemmeside (https://p5js.org/ reference/#/p5/baggrund).

noStroke() funktion betyder ingen omrids af ellipsen.ellipsens placering, ellipsens placering, ellipsens bredde, ellipsens højde) .funktion trækker ellipsen.

glem ikke at åbne din HTML i din bro. ser!

Step3: lad os gøre din ellipse flytte!

tegn() funktionsløjfer for evigt. Således er det eneste, du skal gøre, at lave y-placeringssæt 0 og derefter øge det. Derefter får du en animation, som din ellipse bevæger sig fra toppen til bunden af dit lærred.

Step4: lav mange prikker og flyt dem uendeligt

lad os gøre det sidste trin her.

tilfældig () funktion gør en tilfældig flydende tal. I min kode indstiller jeg “tilfældig(bredde)”. Dette betyder, at de ville returnere 0 op til 500, der er lærredets maksimale bredde. Hvis det bare er tilfældigt (), vil det sætte fra 0 op til 1. Så kan du allerede bemærke…hvis det er tilfældigt (6, 10), ville det returnere 6 op til 10. Det er ret let at forstå, er det ikke?

det er det i dag! Jeg håber, at du kan få et tip fra mit indlæg. Jeg vil forsøge at gøre mere komplicerede ting og dele min erfaring her igen senere.