OK.
Ben tornato.
Così come ho detto in questo video inizieremo a lavorare su un clone di attacco domestico qui.
Quindi la prima cosa che vogliamo fare è capire come aggiungere un cerchio che abbiamo già
visto, ma vogliamo fare alcune cose in un cerchio quando l'utente preme qualsiasi tasto, in realtà nel mio caso lo sto solo
facendo per i suoi figli.
Funziona allo stesso modo per qualsiasi altra chiave.
Quindi, quando un utente colpisce la chiave in una circonferenza e quindi dobbiamo anche capire l'animazione di quel cerchio.
E infine vogliamo aggiungere quel cerchio a una coordinata casuale.
Quindi, per iniziare, basta premere un tasto e aggiungere un cerchio al centro dello schermo.
Quindi andiamo al documento japes paper e diamo un'occhiata all'interazione e guardiamo all'interazione con la tastiera.
E so che sembra che non sapessi dove guardare qui, ma la prima volta che sono venuto qui mi ci è voluto molto
più tempo per scoprire che ho passato la maggior parte di questi e ho cercato fondamentalmente la tastiera cercando di dire che molto probabilmente se
lo stavo facendo di nuovo da solo e non mi fossi preparato per questo video mi ci sarebbe voluto molto più tempo
per scoprire che avrei potuto fare una ricerca in ogni caso, quindi è sufficiente scorrere verso il basso
e guardare solo alcuni degli esempi.
Questo primo veloce qui per mettere a fuoco e quindi premere alcuni tasti e ti dice quale tasto è stato premuto
e quando è stato rilasciato.
Quindi adesso sto premendo K e poi lo rilascio.
E se guardi il codice è davvero facile, basta abbassare la chiave e Anchia.
Quindi non c'è nessun documento sull'ascoltatore di eventi non ci sono Jay queery ascoltatori di eventi dietro
le quinte ci sono documentati agli ascoltatori di eventi che accadono.
Ma per la sceneggiatura cartacea dobbiamo solo scrivere questa linea super semplice, così possiamo prendere
che in realtà basta copiare questo tasto per la nostra app.
Vogliamo che il suono suoni immediatamente.
Quindi quando premo il tasto non quando sono rilasciato, pensando che è un po 'più lento, è un po' come un pianoforte che
quando si suona un pianoforte o il rumore il suono che viene generato viene generato proprio quando si preme
il tasto o subito dopo non quando tu rilasci.
Così farà la chiave giù.
L'ho copiato e inizieremo creando una nuova cerchia, quindi abbiamo bisogno di questo codice.
Ma ne vogliamo solo uno, quindi non abbiamo più bisogno degli anelli.
Sbarazzati di questo e noi faremo quel nuovo cerchio sul tasto in basso.
Quindi questo processo è piuttosto realistico in cui stai prendendo pezzi diversi e ti stai
solo adattando.
Così ho trovato questo nel documento sulla chiave giù.
Puoi sbarazzartene.
E ho trovato questo anche nei documenti e abbiamo bisogno di cambiare questo X e Y non sono definiti.
Quindi facciamolo a 100 virgola 100 e facciamo diventare Phil color arancione.
Quindi, esegui questo codice.
E ancora è molto diverso da quello che abbiamo visto o abbiamo documentato un ascoltatore di eventi.
E poi dovremmo aggiungere qualche elemento.
Quindi dovremmo fare come il selettore di interrogazione dei punti del documento, un elemento come un punto div, aggiungere il listener di eventi e quindi dovremmo dirlo
cliccando o premendo il tasto o il tasto su.
È molto più codice.
Questo è fatto per noi con Paperchase davvero semplice.
Quindi, in basso, vediamo cosa succede.
Vado a premere il tasto e finiamo con un cerchio e ogni volta che premo 1 ottengo un'altra cerchia.
Non puoi vederlo.
Quindi ora lavoriamo su questo in modo che stiamo aggiungendo un cerchio a un posto casuale sullo schermo.
E il modo in cui lo facciamo in realtà mi ha messo un po 'di lavoro per
scoprire che potremmo farcela da soli, dove generiamo due numeri praticamente da zero fino alla larghezza massima del nostro schermo e poi l'altro
numero da zero in su fino all'altezza massima del nostro schermo.
E non è troppo lavoro, ma dobbiamo capire la larghezza e l'altezza
e le dimensioni che se vai in Paperchase e se guardiamo a dove fai riferimento.
E poi quando questo è aperto in vista.
E di nuovo ho appena trovato questo qualche giorno fa ho preso un po '.
Ma se guardiamo te e guardiamo i limiti e forse è la dimensione delle dimensioni dell'area visibile e delle
coordinate del progetto.
Quindi, se facessimo qualcosa come console che registra la dimensione della vista che ho trovato qui di nuovo e aggiorna la
pagina e vediamo cosa otteniamo otteniamo altezza e larghezza in modo che possiamo prendere quell'altezza e la larghezza.
Quindi non hai altezza del punto e quindi cancelli il registro con le dimensioni iniziali e
potremmo usare quell'aggiornamento e io prosequi.
Attualmente la vista che la dimensione è di seicentonovantadue per settecento.
Ma se lo ridimensiono vedrai che cambierà la prossima volta.
Persecutee.
Quindi possiamo usarlo per generare quei due punti di cui abbiamo bisogno.
Ma l'altra cosa che possiamo fare è che c'è in realtà un metodo integrato
che ho trovato che ci renderà punti casuali, quindi ti mostrerò anche questo.
Quindi piuttosto che dover fare matematica a caso ci dà qualcosa tra 1 0 e 1 non inclusivo e quindi dobbiamo moltiplicarlo
e spostarlo verso l'alto o verso il basso.
È una specie di dolore.
Quindi quello che faremo invece è usare questo bel documento J S way che ho trovato assomiglia a questo.
Quindi creerò un punto massimo in modo che il punto massimo in cui possiamo aggiungere un cerchio sarà la nuova dimensione
punto punto vista punto.
E poi vogliamo con virgola quella dimensione punto altezza.
Quindi xey sono massimi X o massimi.
In questo modo creeremo i nostri punti massimi e ti mostrerò se
eseguiamo
un registro alt costante. Punto massimo ci andiamo e aggiungiamo effettivamente il nostro cerchio al punto massimo.
Quindi, invece di fare un nuovo punto qui a 100 Kamo 100, gli daremo solo il punto massimo.
OK.
Quindi proviamolo ora e sbarazzati di quelli per aggiornare la pagina.
Ho premuto un tasto.
Vedi, ne prendiamo uno proprio qui nell'angolo in basso a destra.
E se lo ridimensiono e lo faccio di nuovo e premo un tasto, ora otteniamo il punto massimo qui.
su questa tela cambia le nostre modifiche al punto massimo in modo da non generare sempre un numero casuale tra le dimensioni
dello schermo o anche le dimensioni della finestra perché non appena l'area visibile non è nemmeno
l'intera finestra, ma solo l'area visibile sulla tela cambia le nostre modifiche al punto massimo.
Quindi questo è bello perché come quella finestra cambia come l'area visibile
OK, quindi abbiamo quello.
Ora quello che vogliamo fare è prendere quel punto massimo e genereremo un punto casuale.
Quindi chiameremo solo un punto casuale e c'è un punto punto del metodo casuale che ci darà un punto
casuale tra 0 e 1 non inclusivo, proprio come Rande della mascotte tranne che con una linea.
Otteniamo un oggetto punto.
Quindi è fondamentalmente facendo questo.
variabile che chiameremo solo punto ed è uguale a punti max volte punto casuale proprio così.
Nuovi punti matematico punto casuale virgola math punto casuale e poi vogliamo prendere quella marca un'altra
Quindi stiamo moltiplicando questi due punti insieme.
È un po 'strano di matematica, ma fondamentalmente stiamo generando un punto tra 0 0 e 1 1, ma tecnicamente sarebbe
il punto 9 9 9 9 e così via.
Quindi diciamo che generiamo un punto come punto cinque virgola cinque, quindi la prossima cosa che facciamo è che abbiamo il
nostro punto massimo che sarà sempre il massimo che potremmo fare.
Quindi qualcosa come 12 80 per 720 o qualunque sia la dimensione della nostra finestra è 600 per 300 e poi li
moltiplichiamo e finiamo con un nuovo punto che è in questo caso 300 virgola 150.
Quindi è così che possiamo generare un punto massimo o casuale che esiste nell'area visibile.
Sono attualmente area visibile della tela.
OK, quindi ora cambiamo questo in modo che vada in punti.
Diamo un'occhiata ora aggiorna.
Colpisci qualsiasi tasto e finiamo con cerchi casuali.
Ogni volta che premi un tasto.
Ops.
E se ridimensiono la finestra, facciamolo a metà strada.
Ogni volta che preme il tasto lo vediamo ancora.
Quindi non sta generando più punti qui che è bello.
In modo che se la finestra si verifica per ridimensionare l'utente non deve aggiornare per ottenere una nuova nuova area visibile
per ottenere tipi di numeri calcolati.
Ok, bene.
Ecco come generiamo un cerchio che vedi già, ma è come generiamo un cerchio quando
l'utente tocca un tasto qualsiasi tasto.
E abbiamo parlato di come fare un punto a caso nel prossimo video.
Vedremo come possiamo fare alcune semplici animazioni cambiando prima i colori di questi punti e facendoli
sfumare a colori diversi di tonalità differenti.
E poi anche restringendoli.
Quindi vedremo che il prossimo video e poi torneremo e aggiungeremo il suono.
Nell'ultimo video