OK.
Quindi, come ho detto, faremo un rapido esercizio e sarà molto travolgente per quanto
riguarda il prodotto finito, ma è buono solo per fare pratica con la paperchase.
Quindi in realtà davvero semplici 4 righe di codice ish di cui hai bisogno.
Tutto ciò che voglio è una griglia di cerchi e le misure esatte non contano quello che ho qui è
un cerchio che inizia a zero zero e ogni 100 pixel.
Sto disegnando un altro cerchio.
Penso che il raggio sia 10 fino a 1000.
Quindi questo è 1000 1000 proprio qui.
Quindi non importa solo avere 100 cerchi ish sullo schermo, ovviamente senza farlo manualmente uno alla volta,
questo è il punto.
Quindi, come puoi farlo.
Dipende da te.
Avrai bisogno di capire come generare quelle coordinate x e y che stanno aumentando.
E sentiti libero di renderli tutti viola o di qualsiasi colore.
Non è davvero il punto o renderli un'altra forma.
Quindi prova a fare un quadrato o un rettangolo o prova qualcosa di più divertente dove hai i colori su una sfumatura in modo che
man mano che X diventa più grande il colore diventa più rosso.
Ricordo bene, immagino di non ricordare davvero di non averti detto questo, ma quel foglio JSE è
possibile eseguire colori RGV esadecimali.
Quindi puoi generare un colore nel punto in cui stai incrementando il componente rosso o quel componente verde.
Ma come minimo cerco solo una griglia di cerchi di almeno 100.
E se vuoi.
Potresti anche randomizzarli in modo che siano dappertutto.
Voglio solo che tu abbia un sacco di cerchi sulla pagina.
OK.
Quindi prenditi un momento per mettere in pausa un video.
Prova questo da solo.
Ti raccomando di perderti.
I documenti sono un po '
Prova alcune cose.
Guarda gli esempi e poi torna e andremo oltre la soluzione.
Tutto ok.
Grande.
Quindi questo è quello che avevo prima da dove avevo interrotto e ho intenzione di sbarazzarmi di quasi tutto questo codice.
Quindi non vogliamo più quella linea.
Qualsiasi cosa.
Diamo un'occhiata.
Risolviamo quel cerchio gigante di cui non abbiamo veramente bisogno.
Vogliamo mantenere quel codice in modo che sappiamo come fare un cerchio ma non vogliamo uno gigante.
Quindi quello che vogliamo fare qui è usare un ciclo.
Quindi vogliamo usare un ciclo per fare un cerchio qui e quindi un cerchio qui cerchio qui
fondamentalmente aggiungerà 10 o 100 effettivamente alla coordinata x, così possiamo iniziare facendo ciò.
Quindi faremo un ciclo e inizieremo a zero loop per molto lontano.
Uguale a zero.
È meno divertente e può essere qualsiasi cosa.
L'ho fatto come 1000.
E in realtà mi consente di ottenere X in modo che sia più chiaro.
E ogni volta attraverso.
Invece di fare X plus plus che potremmo usare per fare un cerchio ogni singolo pixel farà salti di
100 e quindi tutto ciò che farà è copiare questo codice e fare un cerchio ma lo altereremo un po 'se lo
avessimo lasciato.
Questo ci renderebbe 10 cerchi nello stesso identico punto della stessa gara.
Quindi non quello che vogliamo facciamolo X virgola e y sarà fissato come 0.
Quindi questo dovrebbe farci una linea di cerchi tutti con coordinate y di zero e raggio 10.
refresh puoi vedere qui che otteniamo 10 cerchi che attraversano ogni 100 pixel ne riceviamo uno nuovo.
E se diamo un'occhiata a quel
Quindi quello che vogliamo fare è sostanzialmente ripeterlo di nuovo.
Quindi abbiamo la nostra prima volta.
Abbiamo bisogno di una di queste righe per 10 volte.
E il modo migliore per farlo è usare un altro ciclo.
Quindi vogliamo prendere ciò che abbiamo qui e ripetere tutto questo in modo da poter fare un altro ciclo.
E questa volta lo faremo per la coordinata y.
Quindi, perché dovrebbe salire e dire anche 1000 y plus uguale a 100.
E ti spiegherò esattamente come funziona.
Penso che i cicli annidati possano creare un po 'di
confusione se cambiamo solo 0 per essere y Ora questo è tutto ciò che dobbiamo fare.
Ricapitoliamo, vediamo se otteniamo quella griglia.
Quindi non è la cosa più eccitante ma abbiamo aggiunto molto rapidamente un sacco di cerchi.
Diamo un'occhiata a questo ciclo annidato.
Così ho disegnato un piccolo diagramma la prima volta che X inizia da zero.
Quindi lo farò come questo dove abbiamo x e y.
OK.
Fammelo capitalizzare in modo che X inizi da zero.
E poi mentre X è 0 facciamo questa parola loop Y inizia da zero.
Proprio così.
E poi la prossima volta attraverso questo y loop X è ancora zero.
Ma questa volta perché è 100.
Perché aggiungiamo cento e quindi x è ancora zero e Y è 200.
Quindi X è zero.
Perché è 300 e così via.
Farò un punto punto e dire che X è zero.
Perché in realtà 1000 sono perché abbiamo meno di quello che otterremo solo 900 e poi X cambierà
per essere 100 e poi Y cambierà per tornare a zero.
Quindi fondamentalmente per ogni x generiamo 10 y.
Quindi questo finisce con noi con 100 o 100 iterazioni.
Quindi è un po 'confuso, ma aiuta se passi attraverso questa X inizia da zero y inizia da zero ma poi
X rimane a 0 e y sale a 100 o 200.
E stiamo disegnando un cerchio su ciascuna di quelle informazioni.
Perché poi si reimposta e quindi X va e aumenta.
OK.
Quindi, a mio avviso, è un po 'confuso.
L'ultima cosa che possiamo fare è un piccolo cambiamento.
In realtà non è necessario salvarlo in una variabile ogni volta.
Possiamo semplicemente cambiare questo modo ed è leggermente più efficiente dove non stiamo riassegnando una variabile costantemente perché
non stiamo mai più facendo nulla con quei cerchi.
Li stiamo facendo solo una volta.
Quindi, piuttosto che riscrivere e reinizializzare una variabile ogni volta attraverso il ciclo, facciamo
semplicemente un nuovo cerchio dandogli un colore di riempimento di viola o eseguiamo un aggiornamento di salvataggio giallo.
Eccoci.
OK.
Quindi questo è stato un po 'di diversione qui, ma ancora piuttosto importante.
Di nuovo la motivazione che sta dietro a te.
Spero che tu l'abbia fatto.
Ma la motivazione era che tu facessi pratica combinando i circuiti delle abilità di javascript con la carta sì e vedendo che tutto
ciò che devi fare è chiamarti con una breve riga di codice e farebbe girare un sacco di codice dietro le quinte
per fare effettivamente quella circonferenza OK nel prossimo video andrà davvero in onda con lo show e
inizieremo davvero a lavorare sul nostro clone di attacco da pad.