lo spettro formulaico spiegherò cosa
questo è presto lo prometto
quando Brian mi ha presentato sono Suze Hinton
il mio nome utente su github e Twitter e a
sacco di altri posti è nuovo gatto si distingue
per nessun gatto alto , quindi un gatto pigro , comunque
ho pensato fosse divertente che io sia un front end
a Kickstarter così che è sorta di quello che ho
faccio durante il giorno ma sto andando a parlare con
tu di più su ciò che non faccio per il mio lavoro
Sono un membro dell’hardware no Deus
gruppo di lavoro quindi aiuto a provare a creare
strumenti migliori per chiunque conosca ASO
Sviluppatori JavaScript e vogliono iniziare
sono anche un membro di
il gruppo di progetto sull’accessibilità di Ember I
credo che i framework front-end possano fare
un lavoro migliore per aiutare le persone
creare app accessibili fin dalla scatola così
Sono molto appassionato che anche così
perché siamo qui ciò che è la cosa principale
Sto per parlarti di è
dati e arte e come possono venire
insieme ma anche per fare casino
e perché è davvero importante farlo
e c’è se hai visto qualcuno dei miei
parla prima che non ho bisogno di mettere questo
avvertimento ma per coloro che non hanno visto
i miei discorsi ci sono sempre molti sentimenti
in esso quindi ci prepareremo per questo così io
voglio raccontarti una storia prima di te
può vedere come è iniziato questo viaggio
per me con alcuni degli esperimenti che
Oggi ti mostrerò che era il 1994
e stavo leggendo questo libro con
piuttosto entusiasmo e questo era il libro
e probabilmente stai pensando che il 1994 sia un
un po ‘tardi per leggere un libro come questo
ma quello era il mio primo computer e quindi io
era un bambino a cui piaceva disegnare e quando
Ho sentito parlare di queste cose
computer la prima cosa che volevo fare
è stato disegnare sul computer come bene e
disegnando su un Commodore 64 coinvolto
leggere questo libro e come spillare
alcuni registri per ottenere cose da mostrare
così mi sono innamorato del computer
programmazione più dall’arte
prospettiva che è forse il meno
percorso tradizionale e così ho fatto
questo questo bambino di nove anni come il più piccolo
artista cercando di trovare la mia strada in
passando dall’utilizzo di pastelli a realtà
creare cose con I guess pixels e
poi sono cresciuto e sono diventato un
programmatore professionista e il mio obiettivo
è passato dal gioco alla sperimentazione
leggibilità della sintassi che funziona con altri
programmatori e mi piace davvero davvero
cose importanti che contano quando tu
lavora come parte di una squadra e lavori a
azienda professionale e mi interessa molto
profondamente su tutte quelle cose così a
lavoro che stavo scrivendo davvero elegante
facile da ricodificare I mentori junior che scrivo
feedback davvero utile e costruttivo
su richieste di pull ecc ecc così è
qualcosa a cui tengo molto ma nella mia
tempo personale cerco di provare a fare le cose
che sono al di fuori di quello e questo è il
messaggio che voglio trasmettere oggi
a volte è importante fare una specie di
uscire da quella roba e così dopo
crescendo ho ancora sorta di fatto questo
roba nel mio tempo libero quindi questo è un
immagine di alcune librerie JavaScript che io
ha scritto il codice Olli DJ sì e quello che Olli DJ
s fa essenzialmente crea e
riassume un autista in modo da poterlo inserire
messaggi lancia testi qualsiasi cosa ti piace
davvero su questo schermo LED qui se tu
averlo collegato ad Arduino ed io
piacciono davvero i gatti nel caso tu non l’abbia
notato già così che sarà un
tema ricorrente attraverso tutto questo discorso
e così mi diverto ancora a provare
per consentire alle persone di creare arte ma anche
solo ricordando a me stesso che strano è dove
le mie radici sono iniziate nella programmazione quindi io
pensa ancora a me stesso come a questo accidentale
programmatore, perché non sono andato attraverso
college e io mi sento come se mi sentissi
Sono questo doppio agente che conduce a
doppia vita quindi sai che non lo so davvero
cura del punto e virgola indipendentemente dal fatto che tu lo usi
loro o non sai se tu
mettere due alla fine o non solo quello
tipo di cose non importa davvero
me al di fuori della mia vita professionale così
darti un’idea del tipo di
immaginario che che ho Vado
raccontare una storia all’interno di una storia, quindi chi è
leggi questo libro qui un paio di voi sì
questo è il contatto di Carl Sagan questo è
Carl Sagan questo è molto adatto
la descrizione di lui se non hai visto
uno qualsiasi dei suoi documentari su qualsiasi
libri lo consiglio vivamente un amico di
un mio amico mi ha dato questo per un po ‘
fa e ha detto che penso che lo farai davvero
come questo libro e aveva ragione il principale
il personaggio nel libro è il dr. Ellie
Arroway e lei lavora per SETI e lei è
alla ricerca di vita extraterrestre e
lei cresce fino a diventare un radioastronomo
e lei ha un po ‘mi ricorda molto
di me quindi questo è un libro che posso posso
davvero riguardano e Ellie Arroway
in realtà trova extraterrestre
segnali che riflettono sulla terra e su di lei
tutta la vita è capovolta come
lei cerca di dare un senso a questa lei
cerca di guidare una squadra per decifrare il
messaggio e prende tutto il suo tessuto
attraverso l’America e si ritrova dentro
New York è presente a tutti questi eventi
incontri importanti e lei non lo era mai stata
a New York prima e quando leggo questo
libro vivevo in Australia e il
come ha descritto a New York davvero
catturato la mia immaginazione e lei ha parlato
di prendere treni per tutti questi
incontri davvero importanti che stava andando
e lei ha rifiutato di avere chauffeurs
e cose del genere e penso che sia così
davvero fantastico e mentre su questi
incontri era il suo cervello era così cablato
per decifrare messaggi e
decifrazione e dati nel reale
mondo che ha iniziato ad ascoltare il
i rumori che il treno stava facendo
la metropolitana e lei ha finito per mancare
incontri perché continuava a cercare di rimanere
sui treni era convinta che
c’erano messaggi segreti ovunque
e così quando sono venuto a New York ho pensato
di lei e tu sai che vivo lì ora e
Mi sono innamorato della metropolitana per
come ragioni molto simili e qualche volta
Sono deluso quando ho raggiunto il mio
stazione perché preferirei stare sul
treno quindi vai all’impegno sociale
che sto andando e così questi sono solo
alcune immagini per coloro che non hanno visto
i treni o come appare la metropolitana
è questo intero mondo sotterraneo
e davvero cattura la mia immaginazione
in un modo molto romantico e Ellie Arroway
è raccontato da numerose persone nel libro
e nella sua vita è anche lei
romantico delle cose quindi mi piace davvero
che su di lei così lei continuava a pensare che
lei poteva sentire questi messaggi ma io
capito che c’è una differenza
tra me o Ellie Arroway quando questo
arriva a decifrare questi messaggi e
quello è quel dott. Arroway non ha avuto
JavaScript quindi ho pensato che lo so
JavaScript e io sono come molti altri
JavaScript sviluppatori Cerco solo e fare
tutto in JavaScript credo sia così
qualcosa di veramente divertente e lo sono davvero
non vedo l’ ora di parlare con Matt
questo pomeriggio che riguarda solo
fare cose in JavaScript perché tu
può davvero tutta la grande classe tutto bene
e così ho pensato bene se lo uso
JavaScript mi piace cosa posso fare questi
sembra che Elliott Aero a stia ascoltando
come posso visualizzarli e come possono
Cerco di inventare qualcosa di simile
non esiste nel suono, ma ma è
significativo ancora così possiamo scoprire via
arte e possiamo effettivamente usare il Web
API audio in modo che possiamo fare tutto questo in
il browser così ho promesso che lo farei
Spiega che cosa è così andremo oltre
questo davvero velocemente il formulato
lo spettro è essenzialmente se immagini
come lavorare con i dati e tu hai questo
una specie di linea simile e hai dati
integrità da un lato e dati
la corruzione dall’altra, così in un
in molte circostanze lo è
davvero importante rimanere sorta di uno
su uno con i dati o per essere molto
accurato e come si rappresentano tali dati
in modo da non indurre in errore le persone a destra
quindi sto pensando a grafici su alcuni di
i famosi grafici sul New York Times
sito web come piace a Bloomberg
mostra i loro dati e poi se non lo fai
attenersi ai dati e si inizia
eliminarlo o corromperlo o semplicemente
scherzando con tutti i numeri che tu
ottenere la corruzione lungo la linea e così è
davvero importante per rimanere fedele a
i dati non sono realmente perché
quando crei arte non è così
importa come quel genere di cose non lo fa
importa quindi ti mostrerò un
esempio di dati e arte uno-a-uno
e poi proprio come completamente sovversivo
dall’altra parte quindi ne abbiamo due
esempi quindi la maggior parte delle cose è
probabilmente sarà intorno a questo
posizione lì quindi ne avremo un po ‘
divertente quindi analizzare i dati PCM che è in realtà
prima giocato con l’ API Web Audio
si, è molto divertente e stavo parlando
con qualcuno di recente su questo è
l’ API più approfondita nel browser I
sento di averlo mai visto così
ha così tante cose ricche che puoi fare
con esso
compresa l’analisi dell’audio dal vivo ma cosa
Volevo fare era un po ‘ come segretamente
registra suoni nella metropolitana e poi
come analizzarli dopo il fatto così questo
non è l’ analisi dal vivo e il modo in cui puoi
fallo nell’API Web Audio di
analizzando i dati PCM di diciamo a
File WAV o o un file non compresso così
PCM è sinonimo di modulazione del codice di impulso
è solo l’audio grezzo non compresso
dati quindi non è come il formato mp3 o
qualcosa del genere in realtà è giusto
solo i dati puri i campioni così ciascuno
valore nel file diverso da quello naturalmente
l’intestazione all’inizio
i campioni vanno da uno negativo a
positivo e quanti campioni nel
il file dipende ovviamente dal campione
tasso e la profondità di bit e così alcuni
formato PCM comune delle estensioni di file in
Wave AFA udl 16mp cm e questo è un
wikipedia SVG che non ha scalato molto
ben si può vedere come fuori quei punti sono
ma questo tipo di ti dà un
rappresentazione di se stai cercando di
prova i dati analogici e poi inseriscili
formato digitale è necessario disporre di questi
algoritmi che determinano come ogni quanto tempo
quei campioni accadono e poi puoi
mappalo in modo tale che siano quelli attuali
campioni che abbiamo a che fare oggi così
ci sono molti suoni sulla metropolitana
che la gente odia e lo so molto
della gente non piace neanche la metropolitana
e l’ho adorato davvero , quindi ci sto provando
creare qualcosa di veramente bello fuori
qualcosa che anche molta gente
antipatia pesantemente o semplicemente venire a ignorare
quindi il file di esempio che lavoreremo
con oggi questo è chiaro
le porte di chiusura per favore
ding-dong al NS così disgustoso ok così
Pensa che ce ne sono alcuni
c’è un discorso all’inizio e
poi c’è un dingdong alla fine lo farò
giocare ancora una volta per levarsi in piedi
chiaro delle porte di chiusura per favore
ok, sicuramente inciso nella gente
ricordi, e se lo prendessimo in considerazione
e abbiamo mappato un pixel i suoi punti dati
in modo da sapere per ogni valore che è stato
uno a uno negativo abbiamo assegnato a
pixel a quello e poi cosa succede se solo
cambia quell’intervallo e mappalo per essere
da zero a 255 invece perché negativo
a uno positivo è una specie di gamma strana
per lavorare con quando si parla di
cose come i colori o qualsiasi tipo di valore
in JavaScript e poi cosa succede se il nuovo
valore quindi il valore da 2 a 0 a 255
effettuato quale sia il valore di tonalità del pixel
era così che possiamo alterare il colore
seconda che il valore di quello di
ogni campione è e c’è molto
campioni in solo quel file wave così
diamo un’occhiata a come viene
insieme quando usiamo la tela per metterne una
pixel per campione ma prima di farlo io
voluto mostrare quanto corto o come come
molto codice che devi fare per ottenere
quello sta andando e penso che 13 linee
ecco come è facile questo
creare arte nel browser e iniziare
usare l’API Web Audio così definitivamente
dai un’occhiata a questo esempio di codice nel mio
scivola dopo il discorso ma il punto principale
devi sapere è creare arte
digitalmente un sacco di volte sei solo
correndo per loop e tu sei solo
manipolare qualcosa e poi lo sei
proprio come chiamare aggiornare sulla pagina a
fai così puoi vedere qui che cosa
stiamo analizzando i nostri dati che stiamo assegnando
una tonalità per questo stiamo manipolando la nostra immagine
oggetto dati nella tela se hai usato
quello prima e poi noi semplicemente solo una volta
abbiamo tutti i nuovi valori di esempio
metti quei pixel sulla tela così
sembra qualcosa del genere e il
il contrasto è lasciare un suono un po ‘sul
schermo ma puoi essenzialmente vederlo
non è solo l’uniforme che ha
in realtà ha analizzato tutti i diversi
byte sonori e se puoi vedere
abbastanza da poter essere effettivamente
in grado di distinguere alcune parti del
suono che potresti ricordare così puoi
vedi in alto che puoi distinguere
le singole parole e le pause in
tra le parole dell’altoparlante quindi tu
può effettivamente vedere stare lontano dal
chiudendo le porte e ogni pausa solo a
un po ‘di più e poi il favore
proprio in fondo qui poi puoi
vedi il rumore bianco di chi lo sa
solo e
rumore mentre stanno facendo una pausa e poi
questo bit arcobaleno davvero super luminoso
ecco il ding-dong e io adoro
quello che è apparso così odiosamente
bene, quindi mi sento come se tu sapessi a
rappresentazione visiva abbastanza accurata di
i dati e per le persone che per le persone
chi ha un sordo come questo è un ottimo modo
di descrivere come in un senso diverso
come il suono viene interpretato quale io
penso sia davvero bello l’unico problema è
quello che hai appena visto era 300 mila
pixel ci sono probabilmente modi migliori per
codice quello che ho messo insieme
perché quando consenti a console.log il
valore di ogni singolo loop lo farai
crash il tuo browser quindi stavo solo provando
per verificare che tu ne abbia qualcuno
pixel ragionevoli messi su e questo è
davvero non è una buona idea, quindi è un
quantità schiacciante di cose da ordinare
di accordo con e ancora è ancora su un
livello di produzione come professionale
impostazione in modo da poter effettivamente iniziare a prendere
queste cose a parte e fare le cose con
loro
quindi ridurlo e andiamo di più
verso la loro corruzione fine del
spettro di formule che cosa succede se abbiamo cercato di
prendi l’audio analizzalo e poi crea
audio completamente nuovo da esso cosa succede se noi
prova a fare una canzone e puoi già
immagina questa è una pessima idea, perché
come lasci che una macchina faccia una canzone e
lo sento ancora così piacevole
una sorta di mia esplorazione di esattamente come
fallo quindi prendi qualcosa di carino
standard abbiamo sedici battiti quindi noi
avere sedici battute che vogliamo affrontare
un blocco di dati per battiti proprio così noi
vogliono sedici blocchi di dati da rappresentare
questa canzone, quindi se ne prendessimo tre
centottantamila campioni e
abbiamo diviso quello per sedici finiamo
con millenovecento duecento e
novantacinque campioni per battito
ancora un problema giusto non l’abbiamo fatto
qualsiasi cosa davvero per ridurlo e allora
siamo stati davvero sfacciati e abbiamo iniziato
corrompendo le cose e abbiamo mediato il
assaggiare i valori di ogni battito, quindi cosa fare se
sommati in ciascuna bloccare 19.000
campioni e poi abbiamo trovato una media
da come uno a uno negativo abbiamo solo
trovato l’insieme di ciò che tipo di
avere cose su cui lavorare, ma è così
ancora anche se è abbattuto molto
ricorda ancora l’ originale
dati con cui stavamo lavorando perché
Puoi vedere il
c’erano dei blocchi di schemi molto grandi
nei dati che abbiamo visto quando abbiamo visualizzato
e poi cosa succederebbe se volessimo
accompagnare la canzone con una sorta di cravatta
torna ai nostri treni e se li prendessimo ciascuno
valore e in base a quale valore era
potremmo assegnare un colore al posto
rappresenta i colori della seduta davvero adorabili
che si trovano in alcuni dei treni in
metropolitana e poi cosa succederebbe se fosse accoppiato
con te sai che abbiamo un battito del tamburo noi
voleva giocare in base a quel valore e
queste sono semplici dichiarazioni if-else se
se il valore è compreso tra x e y, allora possiamo
assegna un determinato valore giusto così è
abbastanza semplice da configurare e poi cosa succede se
abbiamo deciso che forse certi valori
innescare un gatto per sedersi sul sedile
e il gatto suona una certa strimpellata di chitarra
e nota ora non sono sicuro di come sarà
suono perché l’oscillatore a volte
spegne i diffusori quindi vedremo solo ma
se vuoi di nuovo questi sono tutti
incorporato nelle mie diapositive in modo da poter giocare
con questo più tardi se ti piacerebbe ascoltare
ad esso con cuffie adeguate e se tu
mi scuso quindi questo è veloce
dimostrazione ho messo insieme di come
può visualizzare il suono allo stesso tempo
come suonarlo quindi vediamo cosa
facendo la media di tutto questo e assegnando
gli strumenti finirono per essere
va bene così ottieni il punto e
è super divertente e non ne sono sicuro
se potessi chiamare quella musica, ma è così
è uscito un po ‘più piacevole di me
pensato che sarebbe, ma facciamo un
un po ‘più divertente con quello giusto
non è super eccitante quindi ho questo
amico il suo nome è Mark Johnson anche lui
vive a Brooklyn è un ragazzo davvero forte
ed è anche un tipo molto divertente, così ho incontrato
di recente con lui in un bar e io
ha detto che non capita di avere qualsiasi strano
sembra che tu abbia registrato dove sei
fare effetti sonori con la bocca e
non sorprendentemente, se lo conosciamo, lo fareste
si aspetta che la risposta sia sì e lui lui
in fondo dropbox ‘me un sacco di davvero
suoni strani che ha fatto per qualche gioco
che stava disegnando qualche tempo fa e così
Ho pensato cosa fare se sapessi mettere il
oscillatore dentro e cose ma se io
sostituire alcune di queste note musicali
per i suoni sciocchi che fa così andiamo
spero che l’oscillatore non affoghi
i suoi suoni fantastici
okay, è un po ‘ una racchetta, ma io
pensavo che fosse davvero così
divertente quindi sì , pensa che sia davvero
divertente vedere se stesso visualizzato in questo
modo che tu sappia una volta che hai il
formula per qualcosa che puoi semplicemente scambiare
cose dentro e fuori e giocare davvero
e vedi cosa ne viene fuori così
questo è qualcosa che per me non è molto
profondamente esplorato, ma questo è qualcosa
questo è un progetto che voglio esplorare
molto di più e vedere se posso effettivamente
studia più teoria musicale per prenderne un po ‘
risultati più piacevoli ma questo è un
esempio di come è possibile corrompere i dati e
quindi creare qualcosa che è davvero bello
ma ma lo sai ancora almeno
ricorda un po ‘il modo in cui ho messo
questo insieme non è in realtà una tela
questa volta ho usato immagini SVG che ho disegnato
in un programma chiamato grafico da Autodesk
Ho appena creato un gruppo di div
quindi quei posti sono solo div fluttuanti
uno accanto all’altro e la freccia che
segue in fondo è un CSS
arrow e sto usando javascript per
come spostare le posizioni delle cose e
usando le animazioni CSS per i gatti quando
suonano la chitarra così tanto è
se sei un programmatore JavaScript o
programmatore di front-end le loro abilità che
hai già non hai davvero bisogno
per imparare qualcos’altro la cosa principale è
utilizzare l’API Web Audio per analizzare il
dati per ottenere quello in primo luogo ma
puoi ottenere i tuoi dati da qualsiasi modo tu
come senza sembrare uno strambo
cercando di registrare suoni in questo mezzo modo
e probabilmente potresti dirlo in particolare
i musicisti nella stanza che non sono un
musicista e quindi mi sto ancora lavorando
che e cercando di migliorare le cose
ma io sono più bravo nelle cose dell’hardware
è un po ‘ quello per cui sono conosciuto
specialmente in quel mondo open source
poi ho pensato se potessi prenderlo
suono che ho fatto nel browser e se
Potrei prendere la canzone e poi cosa fare se io
potrebbe quindi riportarlo in realtà
vita e poi suonare quel suono nel
metropolitana so che è davvero strano ma se
qualcosa che volevo fare come sarebbe
questo sguardo come così ho preso un passo
oltre e il meetup JavaScript che ho
per bene in realtà ci sono tre o
quattro di loro ora a New York City è
chiamato Brooklyn Jas e questo è in realtà
i loro biglietti così quando acquisti un biglietto
e ti presenti nella notte che danno
tu questo token e puoi scambiarlo
token per un drink o puoi tenerlo e
i soldi che risparmiano dal non comprarti
un drink che donano a script che è
meraviglioso
iniziativa di co-insegnamento e ho pensato
questo è stato davvero intelligente
sui disegni delle carte metropolitane così è
in realtà ciò che sembra una vera carta della metropolitana
come e ho pensato che questo è davvero
riff intelligente perché la maggior parte di noi prende il
metropolitana per arrivarci è proprio vicino al
Bergen ti impedisce di conoscere il bar che noi
tenere che è proprio vicino al bergen
stazione quindi ho pensato cosa fare se ho fatto il mio
propria interpretazione di questo dato che
il meetup di Brooklyn Jas è stato così
pesante influenza nella mia vita socialmente
e tecnicamente per un po ‘ora, così io
ho preso questo design e ho provato a farlo
riproducilo come un circuito stampato
quindi questo sono io che sto cercando di stendere tutto il
pezzi e cercando di inventare quello che è
effettivamente andando a farlo puoi vedere il
strato nero è la serigrafia e tu
può vedere tutte le tracce sottostanti
che sto ancora imparando sull’ottimizzazione
tracce e mettendole su un angolo
in modo che siano meno sono meno
fragile e cose del genere ma questo
è stato un esercizio davvero divertente da fare per me
quindi questo è l’aspetto reale del dispositivo
Mi piace e ce l’ho qui oggi, se tu
volevo giocare con esso e funziona
Ho appena caricato la batteria così è
dovrebbe essere come un vecchio oratore
cosa grammofono e tutto ciò che fa è
leggere un suono di una scheda SD in modo che possa mettere
il suono che ho esportato dal mio
browser posso metterlo lì ste card
Tenerò premuto il pulsante che riproduce
il suono in modo che significa che non lo fai
devi avere un browser con te che puoi
porta il tuo suono trasformato con te
dovunque tu voglia andare, allora ho stampato 3d
l’ alloggiamento del diffusore dopo l’ordine del PCB
arrivato non ho aggiunto il mio PCB I
ha caricato i file e mi è venuto in mente
da internet, che amo così vengo
e parlami di questo se vuoi
per saperne di più questo sono io con il brodo
la porta di chiusura suona quindi era come un
primo test dopo che l’ho saldato insieme
per vedere se funzionava
quindi quando inserisco il suono non lo fa
abbastanza raccogliere l’oscillatore, quindi ho bisogno
per inserire mi accamperò nel socket così
molto presto ci sarà una MetroCard v2
ma ho caricato lo stesso identico suono
oggi perché tu possa sentirlo perché
è molto silenzioso, l’altoparlante è stato rubato
da un saluto uno di questi musical
biglietti d’auguri quindi non ci vuole molto
di ciò che è così è facile spegnersi così noi
voglio mantenere il volume basso ma
hai avuto l’idea quindi l’obiettivo è come
quello che voglio prendere la musica
oltre a rendere migliore la musica che faremo
parleremo tra un secondo ma voglio metterlo
più JavaScript in questo diritto così ultimo
l’ anno scorso ho scritto uno strumento chiamato un viago
e quello che fa è usare nodejs
a carne vedi programmi C compilati su
microcontrollori quindi ho alcune intestazioni
su questo qui che ti permettono di
programmare direttamente il chip sulla scheda
che è freddo così ho fatto che non c’è
un po ‘di JavaScript lì il
altra cosa che ho iniziato a lavorare su
recentemente è stato lo streaming del suono da
il browser alla lavagna quindi questo
richiede come l’interfaccia SPI e il
La scheda SD utilizza anche l’interfaccia SPI quindi io
avere alcuni problemi di strozzatura dove io
deve essere scambiato tra per mancanza di
un termine migliore qualcuno per favore fammi sapere
come posso sostituire master / slave perché
è un modo terribile di descrivere
cose, ma devo giocare con quella
relazione per ottenere lo streaming del suono
sulla scheda SD ma anche tu sai
comunicando al programmatore all’indirizzo
nello stesso tempo ma di nuovo mi chiedi informazioni
che se ti piacerebbe saperne di più e io sono
probabilmente andrò a cercare l’ opaco
opinione su quello più tardi e, naturalmente
come ho già detto un paio di volte che voglio
fare musica migliore perché penso questo
potrebbe andare da qualche parte e se tu se tu
organizzare qualche tipo migliore di armonie
e cose in realtà è abbastanza facile
fare musica da infallibile da
dati accidentali che non puoi controllare
Ho visto molti artisti fare davvero
roba fica con quello va bene
le cose vanno un po ‘con ma là
era un punto a questo e c’è un punto
al perché le cose sono strane è arte e
va bene creare cose che tu
non pensavo che saremmo accaduti io
pensa che sia importante essere in grado di
prenditi il tempo per esplorarlo, quindi cosa
ho imparato da tutto questo e cosa c’è
il punto e cosa puoi portare via
con te codifica creativi si esce di
la tua zona di comfort sai quando
sei in
lavori per un’azienda ogni giorno
o lavori per te o per quello che sei
libero professionista
si sta di solito risolvere i problemi che
venire più e più volte e sono
tu sei un problema molto familiare
solo risolverli in un modo migliore o a
ogni volta leggermente diverso e io
sentirsi come la codifica creativa solo regali
questo nuovo insieme di problemi di problemi
le prestazioni rendono ogni sorta di strano
api è che non hai lavorato con
prima e ti dà un’opportunità
per farlo davvero e lo penso
che ti rende un programmatore migliore in
Alla fine a mio parere l’arte non interessa
sui tuoi sentimenti punto e virgola in modo che tu possa
scrivi questa roba e non importa
perché la maggior parte del tempo di nessuno andando vedere
il codice e il punto che sto facendo è
che non si tratta del codice di cui parla
quello che si produce come un Razón EM voi
conosci te che vuoi vuoi giudicare
quei risultati e non come yeah ma cosa
sembra il codice sotto di esso
solo è così irrilevante per me nel
viaggio che perché ah non importa
riguardo alla perfezione è tutto ciò che tu
voglio che sia e così di nuovo si tratta
esplorazione
Kilian McMahon al lavoro è suo
Il nome di Twitter si è seduto con me su a
giorno di hack e ho detto che puoi ucciderti
insegnarmi come si fa la musica non lo faccio io non
prendilo così ha iniziato a scarabocchiare questi
cose giù per me e sono davvero
grato per questo e in realtà ho lavorato
con lui molto spesso è un designer
e scrive HTML e CSS in
lavoro e implemento JavaScript per
e così siamo abituati a lavorare in a
molto in un modo molto tecnico ma noi abbiamo
non ho mai parlato di musica prima di questo
progetto quindi ho avuto modo di conoscere un lato di
Killian che non ho mai visto prima
che è che suona musica di riserva
volte suona concerti che è in realtà
apertura per PyCon che se qualcuno sta arrivando
lì i capitalisti dell’avventura li hanno
prendere in giro la scena di avvio e
sono davvero intelligenti, quindi dovresti vedere
La band dei Killian è così che penso che stia andando
per insegnarmi un po ‘di più e io
davvero un valore con un lato diverso da
quella relazione sai che siamo molto
coppia stretta al lavoro e questo è proprio come
migliorato la nostra relazione quindi è davvero
su ciò che hai imparato e su ciò che hai
imparato su te stesso e su ciò che tu
ho imparato a conoscere gli altri, quindi il mio consiglio è di farlo
prendi un po ‘di tempo libero dai tuoi lavori giornalieri
dove ci si aspetta che sia tutto perfetto
il tempo e scrivere un po ‘di codice disordinato e io
voglio che tu faccia molti errori
– e per dire questo non è quello che pensavo
sarebbe stato ma questo è un po ‘
mi piacerebbe solo creare una nuova filiale
e prendi e poi proprio come andare in questo modo
invece penso che sia davvero un valore
cosa avere ti fa sentire molto
più libero perché ti meriti una pausa
da essere giudicato tutto il tempo che c’è
stato un sacco di linguaggio bashing e sort
di commenti snarky a questa conferenza
e questo mi ha sorpreso un po ‘
perché ho pensato che il punto di
portare i programmatori insieme è perché
stiamo tutti mirando allo stesso modo
cosa che deve essere veramente buona a cosa
facciamo e per parlare del perché amiamo
programmare così tanto se hai il
privilegio del tempo libero so che lo sai
tutti iniziano a digitare
così e basta vedere cosa viene
fuori di esso sai e c’è stato
molte volte quando sai che ho avuto forse
un bicchiere di whisky troppo e poi
Ho scritto qualcosa di veramente folle e
poi lavorando il mattino seguente e
andando wow cos’è questo e io penso
questo è davvero importante in realtà è
è che mi ha insegnato molto sul fatto
che, anche se sono in grado di essere un
ottimo programmatore con cui sto ancora bene
basta schiaffeggiare un po ‘di vernice su a
tela e che mi fa sentire
come quel ragazzino di nove anni che ci prova
programma il Commodore 64 da fare
immagini di nuovo ed è importante
per ricordare chi sei
quindi il mio consiglio è quando hai il
possibilità di codificare come nessuno
guardando e se puoi per il beneficio
di altri non ottengono l’ occhio di riferimento su questi
tipo di repository non schiacciare gli errori
sai che puoi lasciare commenti dicendo
Lowell cosa WTF è questo, ma non schiacciare
giù i tuoi errori come lasciare altre persone
vederli far vedere al genio dell’industria
come si mettono effettivamente le cose insieme e
questo ricorderà loro che nessuno scrive
perfetto sentito da fuori del cancello anche
se hai già familiarità con a
problema tutti gli attori della barriera corallina tutti
torna indietro e scopre di andarsene
cose che hanno fatto e penso
che ho visto troppi junior nella nostra
l’industria ha quel file vuoto che vuoto
spavento tela dove si sentono
tutto ciò che scrivono deve essere
in un modo in cui sapevano cosa fossero
facendo fin dall’inizio e questo è
solo non è vero e non ci penso
dovrebbe perpetuare ciò e penso che lo facciamo
inconsciamente attraverso l’essere
perfezionisti noi stessi quindi solo ottenere push
e quello è stato spaventoso che ho spinto molto
di tutto il codice che io
ha mostrato oggi ed è tutto il primo passaggio I
l’ ho appena scritto molto velocemente
Ho riso e poi l’ho spinto e
era davvero spaventoso farlo
perché sai che è in pubblico
spazio non molte donne sono programmatrici su
github che contribuisce attivamente ad aprire
fonte e in modo che possa essere utilizzato
contro di me, ma penso che sia importante
di nuovo per dire qui è il mio professionista
open source e qui è il mio sciocco aperto
fonte e quindi sto iniziando a provare e
crea quella dicotomia perché penso
è sano per tutti noi, perché allora
rende tutto ok per gli altri a fare il
stessa cosa quindi fai un po ‘di arte come buttare
via non importa perché lo è
solo carta giusta non costa nulla
quindi se vuoi dare un’occhiata al mio
stupidi demo puoi andare al seguente
indirizzo
il TSW solo per aiutarti ad avere un mnemonico
è l’acronimo di I love the subway you
posso trovare le mie diapositive qui, quindi di nuovo è il mio
github dot io / spettro formulaico e
quindi puoi giocare con le demo che io
avere lì se è più utile
tu sto andando a bloggare su questo
progetto davvero Sirian che sta appena descrivendo
come ho fatto tutto e solo più a fondo
immergiti nel lato tecnico delle cose
quindi il mio blog è meowth nuke a casa in
caso in cui non sapevi già come
gatti io sono e grazie
questo è presto lo prometto
quando Brian mi ha presentato sono Suze Hinton
il mio nome utente su github e Twitter e a
sacco di altri posti è nuovo gatto si distingue
per nessun gatto alto , quindi un gatto pigro , comunque
ho pensato fosse divertente che io sia un front end
a Kickstarter così che è sorta di quello che ho
faccio durante il giorno ma sto andando a parlare con
tu di più su ciò che non faccio per il mio lavoro
Sono un membro dell’hardware no Deus
gruppo di lavoro quindi aiuto a provare a creare
strumenti migliori per chiunque conosca ASO
Sviluppatori JavaScript e vogliono iniziare
sono anche un membro di
il gruppo di progetto sull’accessibilità di Ember I
credo che i framework front-end possano fare
un lavoro migliore per aiutare le persone
creare app accessibili fin dalla scatola così
Sono molto appassionato che anche così
perché siamo qui ciò che è la cosa principale
Sto per parlarti di è
dati e arte e come possono venire
insieme ma anche per fare casino
e perché è davvero importante farlo
e c’è se hai visto qualcuno dei miei
parla prima che non ho bisogno di mettere questo
avvertimento ma per coloro che non hanno visto
i miei discorsi ci sono sempre molti sentimenti
in esso quindi ci prepareremo per questo così io
voglio raccontarti una storia prima di te
può vedere come è iniziato questo viaggio
per me con alcuni degli esperimenti che
Oggi ti mostrerò che era il 1994
e stavo leggendo questo libro con
piuttosto entusiasmo e questo era il libro
e probabilmente stai pensando che il 1994 sia un
un po ‘tardi per leggere un libro come questo
ma quello era il mio primo computer e quindi io
era un bambino a cui piaceva disegnare e quando
Ho sentito parlare di queste cose
computer la prima cosa che volevo fare
è stato disegnare sul computer come bene e
disegnando su un Commodore 64 coinvolto
leggere questo libro e come spillare
alcuni registri per ottenere cose da mostrare
così mi sono innamorato del computer
programmazione più dall’arte
prospettiva che è forse il meno
percorso tradizionale e così ho fatto
questo questo bambino di nove anni come il più piccolo
artista cercando di trovare la mia strada in
passando dall’utilizzo di pastelli a realtà
creare cose con I guess pixels e
poi sono cresciuto e sono diventato un
programmatore professionista e il mio obiettivo
è passato dal gioco alla sperimentazione
leggibilità della sintassi che funziona con altri
programmatori e mi piace davvero davvero
cose importanti che contano quando tu
lavora come parte di una squadra e lavori a
azienda professionale e mi interessa molto
profondamente su tutte quelle cose così a
lavoro che stavo scrivendo davvero elegante
facile da ricodificare I mentori junior che scrivo
feedback davvero utile e costruttivo
su richieste di pull ecc ecc così è
qualcosa a cui tengo molto ma nella mia
tempo personale cerco di provare a fare le cose
che sono al di fuori di quello e questo è il
messaggio che voglio trasmettere oggi
a volte è importante fare una specie di
uscire da quella roba e così dopo
crescendo ho ancora sorta di fatto questo
roba nel mio tempo libero quindi questo è un
immagine di alcune librerie JavaScript che io
ha scritto il codice Olli DJ sì e quello che Olli DJ
s fa essenzialmente crea e
riassume un autista in modo da poterlo inserire
messaggi lancia testi qualsiasi cosa ti piace
davvero su questo schermo LED qui se tu
averlo collegato ad Arduino ed io
piacciono davvero i gatti nel caso tu non l’abbia
notato già così che sarà un
tema ricorrente attraverso tutto questo discorso
e così mi diverto ancora a provare
per consentire alle persone di creare arte ma anche
solo ricordando a me stesso che strano è dove
le mie radici sono iniziate nella programmazione quindi io
pensa ancora a me stesso come a questo accidentale
programmatore, perché non sono andato attraverso
college e io mi sento come se mi sentissi
Sono questo doppio agente che conduce a
doppia vita quindi sai che non lo so davvero
cura del punto e virgola indipendentemente dal fatto che tu lo usi
loro o non sai se tu
mettere due alla fine o non solo quello
tipo di cose non importa davvero
me al di fuori della mia vita professionale così
darti un’idea del tipo di
immaginario che che ho Vado
raccontare una storia all’interno di una storia, quindi chi è
leggi questo libro qui un paio di voi sì
questo è il contatto di Carl Sagan questo è
Carl Sagan questo è molto adatto
la descrizione di lui se non hai visto
uno qualsiasi dei suoi documentari su qualsiasi
libri lo consiglio vivamente un amico di
un mio amico mi ha dato questo per un po ‘
fa e ha detto che penso che lo farai davvero
come questo libro e aveva ragione il principale
il personaggio nel libro è il dr. Ellie
Arroway e lei lavora per SETI e lei è
alla ricerca di vita extraterrestre e
lei cresce fino a diventare un radioastronomo
e lei ha un po ‘mi ricorda molto
di me quindi questo è un libro che posso posso
davvero riguardano e Ellie Arroway
in realtà trova extraterrestre
segnali che riflettono sulla terra e su di lei
tutta la vita è capovolta come
lei cerca di dare un senso a questa lei
cerca di guidare una squadra per decifrare il
messaggio e prende tutto il suo tessuto
attraverso l’America e si ritrova dentro
New York è presente a tutti questi eventi
incontri importanti e lei non lo era mai stata
a New York prima e quando leggo questo
libro vivevo in Australia e il
come ha descritto a New York davvero
catturato la mia immaginazione e lei ha parlato
di prendere treni per tutti questi
incontri davvero importanti che stava andando
e lei ha rifiutato di avere chauffeurs
e cose del genere e penso che sia così
davvero fantastico e mentre su questi
incontri era il suo cervello era così cablato
per decifrare messaggi e
decifrazione e dati nel reale
mondo che ha iniziato ad ascoltare il
i rumori che il treno stava facendo
la metropolitana e lei ha finito per mancare
incontri perché continuava a cercare di rimanere
sui treni era convinta che
c’erano messaggi segreti ovunque
e così quando sono venuto a New York ho pensato
di lei e tu sai che vivo lì ora e
Mi sono innamorato della metropolitana per
come ragioni molto simili e qualche volta
Sono deluso quando ho raggiunto il mio
stazione perché preferirei stare sul
treno quindi vai all’impegno sociale
che sto andando e così questi sono solo
alcune immagini per coloro che non hanno visto
i treni o come appare la metropolitana
è questo intero mondo sotterraneo
e davvero cattura la mia immaginazione
in un modo molto romantico e Ellie Arroway
è raccontato da numerose persone nel libro
e nella sua vita è anche lei
romantico delle cose quindi mi piace davvero
che su di lei così lei continuava a pensare che
lei poteva sentire questi messaggi ma io
capito che c’è una differenza
tra me o Ellie Arroway quando questo
arriva a decifrare questi messaggi e
quello è quel dott. Arroway non ha avuto
JavaScript quindi ho pensato che lo so
JavaScript e io sono come molti altri
JavaScript sviluppatori Cerco solo e fare
tutto in JavaScript credo sia così
qualcosa di veramente divertente e lo sono davvero
non vedo l’ ora di parlare con Matt
questo pomeriggio che riguarda solo
fare cose in JavaScript perché tu
può davvero tutta la grande classe tutto bene
e così ho pensato bene se lo uso
JavaScript mi piace cosa posso fare questi
sembra che Elliott Aero a stia ascoltando
come posso visualizzarli e come possono
Cerco di inventare qualcosa di simile
non esiste nel suono, ma ma è
significativo ancora così possiamo scoprire via
arte e possiamo effettivamente usare il Web
API audio in modo che possiamo fare tutto questo in
il browser così ho promesso che lo farei
Spiega che cosa è così andremo oltre
questo davvero velocemente il formulato
lo spettro è essenzialmente se immagini
come lavorare con i dati e tu hai questo
una specie di linea simile e hai dati
integrità da un lato e dati
la corruzione dall’altra, così in un
in molte circostanze lo è
davvero importante rimanere sorta di uno
su uno con i dati o per essere molto
accurato e come si rappresentano tali dati
in modo da non indurre in errore le persone a destra
quindi sto pensando a grafici su alcuni di
i famosi grafici sul New York Times
sito web come piace a Bloomberg
mostra i loro dati e poi se non lo fai
attenersi ai dati e si inizia
eliminarlo o corromperlo o semplicemente
scherzando con tutti i numeri che tu
ottenere la corruzione lungo la linea e così è
davvero importante per rimanere fedele a
i dati non sono realmente perché
quando crei arte non è così
importa come quel genere di cose non lo fa
importa quindi ti mostrerò un
esempio di dati e arte uno-a-uno
e poi proprio come completamente sovversivo
dall’altra parte quindi ne abbiamo due
esempi quindi la maggior parte delle cose è
probabilmente sarà intorno a questo
posizione lì quindi ne avremo un po ‘
divertente quindi analizzare i dati PCM che è in realtà
prima giocato con l’ API Web Audio
si, è molto divertente e stavo parlando
con qualcuno di recente su questo è
l’ API più approfondita nel browser I
sento di averlo mai visto così
ha così tante cose ricche che puoi fare
con esso
compresa l’analisi dell’audio dal vivo ma cosa
Volevo fare era un po ‘ come segretamente
registra suoni nella metropolitana e poi
come analizzarli dopo il fatto così questo
non è l’ analisi dal vivo e il modo in cui puoi
fallo nell’API Web Audio di
analizzando i dati PCM di diciamo a
File WAV o o un file non compresso così
PCM è sinonimo di modulazione del codice di impulso
è solo l’audio grezzo non compresso
dati quindi non è come il formato mp3 o
qualcosa del genere in realtà è giusto
solo i dati puri i campioni così ciascuno
valore nel file diverso da quello naturalmente
l’intestazione all’inizio
i campioni vanno da uno negativo a
positivo e quanti campioni nel
il file dipende ovviamente dal campione
tasso e la profondità di bit e così alcuni
formato PCM comune delle estensioni di file in
Wave AFA udl 16mp cm e questo è un
wikipedia SVG che non ha scalato molto
ben si può vedere come fuori quei punti sono
ma questo tipo di ti dà un
rappresentazione di se stai cercando di
prova i dati analogici e poi inseriscili
formato digitale è necessario disporre di questi
algoritmi che determinano come ogni quanto tempo
quei campioni accadono e poi puoi
mappalo in modo tale che siano quelli attuali
campioni che abbiamo a che fare oggi così
ci sono molti suoni sulla metropolitana
che la gente odia e lo so molto
della gente non piace neanche la metropolitana
e l’ho adorato davvero , quindi ci sto provando
creare qualcosa di veramente bello fuori
qualcosa che anche molta gente
antipatia pesantemente o semplicemente venire a ignorare
quindi il file di esempio che lavoreremo
con oggi questo è chiaro
le porte di chiusura per favore
ding-dong al NS così disgustoso ok così
Pensa che ce ne sono alcuni
c’è un discorso all’inizio e
poi c’è un dingdong alla fine lo farò
giocare ancora una volta per levarsi in piedi
chiaro delle porte di chiusura per favore
ok, sicuramente inciso nella gente
ricordi, e se lo prendessimo in considerazione
e abbiamo mappato un pixel i suoi punti dati
in modo da sapere per ogni valore che è stato
uno a uno negativo abbiamo assegnato a
pixel a quello e poi cosa succede se solo
cambia quell’intervallo e mappalo per essere
da zero a 255 invece perché negativo
a uno positivo è una specie di gamma strana
per lavorare con quando si parla di
cose come i colori o qualsiasi tipo di valore
in JavaScript e poi cosa succede se il nuovo
valore quindi il valore da 2 a 0 a 255
effettuato quale sia il valore di tonalità del pixel
era così che possiamo alterare il colore
seconda che il valore di quello di
ogni campione è e c’è molto
campioni in solo quel file wave così
diamo un’occhiata a come viene
insieme quando usiamo la tela per metterne una
pixel per campione ma prima di farlo io
voluto mostrare quanto corto o come come
molto codice che devi fare per ottenere
quello sta andando e penso che 13 linee
ecco come è facile questo
creare arte nel browser e iniziare
usare l’API Web Audio così definitivamente
dai un’occhiata a questo esempio di codice nel mio
scivola dopo il discorso ma il punto principale
devi sapere è creare arte
digitalmente un sacco di volte sei solo
correndo per loop e tu sei solo
manipolare qualcosa e poi lo sei
proprio come chiamare aggiornare sulla pagina a
fai così puoi vedere qui che cosa
stiamo analizzando i nostri dati che stiamo assegnando
una tonalità per questo stiamo manipolando la nostra immagine
oggetto dati nella tela se hai usato
quello prima e poi noi semplicemente solo una volta
abbiamo tutti i nuovi valori di esempio
metti quei pixel sulla tela così
sembra qualcosa del genere e il
il contrasto è lasciare un suono un po ‘sul
schermo ma puoi essenzialmente vederlo
non è solo l’uniforme che ha
in realtà ha analizzato tutti i diversi
byte sonori e se puoi vedere
abbastanza da poter essere effettivamente
in grado di distinguere alcune parti del
suono che potresti ricordare così puoi
vedi in alto che puoi distinguere
le singole parole e le pause in
tra le parole dell’altoparlante quindi tu
può effettivamente vedere stare lontano dal
chiudendo le porte e ogni pausa solo a
un po ‘di più e poi il favore
proprio in fondo qui poi puoi
vedi il rumore bianco di chi lo sa
solo e
rumore mentre stanno facendo una pausa e poi
questo bit arcobaleno davvero super luminoso
ecco il ding-dong e io adoro
quello che è apparso così odiosamente
bene, quindi mi sento come se tu sapessi a
rappresentazione visiva abbastanza accurata di
i dati e per le persone che per le persone
chi ha un sordo come questo è un ottimo modo
di descrivere come in un senso diverso
come il suono viene interpretato quale io
penso sia davvero bello l’unico problema è
quello che hai appena visto era 300 mila
pixel ci sono probabilmente modi migliori per
codice quello che ho messo insieme
perché quando consenti a console.log il
valore di ogni singolo loop lo farai
crash il tuo browser quindi stavo solo provando
per verificare che tu ne abbia qualcuno
pixel ragionevoli messi su e questo è
davvero non è una buona idea, quindi è un
quantità schiacciante di cose da ordinare
di accordo con e ancora è ancora su un
livello di produzione come professionale
impostazione in modo da poter effettivamente iniziare a prendere
queste cose a parte e fare le cose con
loro
quindi ridurlo e andiamo di più
verso la loro corruzione fine del
spettro di formule che cosa succede se abbiamo cercato di
prendi l’audio analizzalo e poi crea
audio completamente nuovo da esso cosa succede se noi
prova a fare una canzone e puoi già
immagina questa è una pessima idea, perché
come lasci che una macchina faccia una canzone e
lo sento ancora così piacevole
una sorta di mia esplorazione di esattamente come
fallo quindi prendi qualcosa di carino
standard abbiamo sedici battiti quindi noi
avere sedici battute che vogliamo affrontare
un blocco di dati per battiti proprio così noi
vogliono sedici blocchi di dati da rappresentare
questa canzone, quindi se ne prendessimo tre
centottantamila campioni e
abbiamo diviso quello per sedici finiamo
con millenovecento duecento e
novantacinque campioni per battito
ancora un problema giusto non l’abbiamo fatto
qualsiasi cosa davvero per ridurlo e allora
siamo stati davvero sfacciati e abbiamo iniziato
corrompendo le cose e abbiamo mediato il
assaggiare i valori di ogni battito, quindi cosa fare se
sommati in ciascuna bloccare 19.000
campioni e poi abbiamo trovato una media
da come uno a uno negativo abbiamo solo
trovato l’insieme di ciò che tipo di
avere cose su cui lavorare, ma è così
ancora anche se è abbattuto molto
ricorda ancora l’ originale
dati con cui stavamo lavorando perché
Puoi vedere il
c’erano dei blocchi di schemi molto grandi
nei dati che abbiamo visto quando abbiamo visualizzato
e poi cosa succederebbe se volessimo
accompagnare la canzone con una sorta di cravatta
torna ai nostri treni e se li prendessimo ciascuno
valore e in base a quale valore era
potremmo assegnare un colore al posto
rappresenta i colori della seduta davvero adorabili
che si trovano in alcuni dei treni in
metropolitana e poi cosa succederebbe se fosse accoppiato
con te sai che abbiamo un battito del tamburo noi
voleva giocare in base a quel valore e
queste sono semplici dichiarazioni if-else se
se il valore è compreso tra x e y, allora possiamo
assegna un determinato valore giusto così è
abbastanza semplice da configurare e poi cosa succede se
abbiamo deciso che forse certi valori
innescare un gatto per sedersi sul sedile
e il gatto suona una certa strimpellata di chitarra
e nota ora non sono sicuro di come sarà
suono perché l’oscillatore a volte
spegne i diffusori quindi vedremo solo ma
se vuoi di nuovo questi sono tutti
incorporato nelle mie diapositive in modo da poter giocare
con questo più tardi se ti piacerebbe ascoltare
ad esso con cuffie adeguate e se tu
mi scuso quindi questo è veloce
dimostrazione ho messo insieme di come
può visualizzare il suono allo stesso tempo
come suonarlo quindi vediamo cosa
facendo la media di tutto questo e assegnando
gli strumenti finirono per essere
va bene così ottieni il punto e
è super divertente e non ne sono sicuro
se potessi chiamare quella musica, ma è così
è uscito un po ‘più piacevole di me
pensato che sarebbe, ma facciamo un
un po ‘più divertente con quello giusto
non è super eccitante quindi ho questo
amico il suo nome è Mark Johnson anche lui
vive a Brooklyn è un ragazzo davvero forte
ed è anche un tipo molto divertente, così ho incontrato
di recente con lui in un bar e io
ha detto che non capita di avere qualsiasi strano
sembra che tu abbia registrato dove sei
fare effetti sonori con la bocca e
non sorprendentemente, se lo conosciamo, lo fareste
si aspetta che la risposta sia sì e lui lui
in fondo dropbox ‘me un sacco di davvero
suoni strani che ha fatto per qualche gioco
che stava disegnando qualche tempo fa e così
Ho pensato cosa fare se sapessi mettere il
oscillatore dentro e cose ma se io
sostituire alcune di queste note musicali
per i suoni sciocchi che fa così andiamo
spero che l’oscillatore non affoghi
i suoi suoni fantastici
okay, è un po ‘ una racchetta, ma io
pensavo che fosse davvero così
divertente quindi sì , pensa che sia davvero
divertente vedere se stesso visualizzato in questo
modo che tu sappia una volta che hai il
formula per qualcosa che puoi semplicemente scambiare
cose dentro e fuori e giocare davvero
e vedi cosa ne viene fuori così
questo è qualcosa che per me non è molto
profondamente esplorato, ma questo è qualcosa
questo è un progetto che voglio esplorare
molto di più e vedere se posso effettivamente
studia più teoria musicale per prenderne un po ‘
risultati più piacevoli ma questo è un
esempio di come è possibile corrompere i dati e
quindi creare qualcosa che è davvero bello
ma ma lo sai ancora almeno
ricorda un po ‘il modo in cui ho messo
questo insieme non è in realtà una tela
questa volta ho usato immagini SVG che ho disegnato
in un programma chiamato grafico da Autodesk
Ho appena creato un gruppo di div
quindi quei posti sono solo div fluttuanti
uno accanto all’altro e la freccia che
segue in fondo è un CSS
arrow e sto usando javascript per
come spostare le posizioni delle cose e
usando le animazioni CSS per i gatti quando
suonano la chitarra così tanto è
se sei un programmatore JavaScript o
programmatore di front-end le loro abilità che
hai già non hai davvero bisogno
per imparare qualcos’altro la cosa principale è
utilizzare l’API Web Audio per analizzare il
dati per ottenere quello in primo luogo ma
puoi ottenere i tuoi dati da qualsiasi modo tu
come senza sembrare uno strambo
cercando di registrare suoni in questo mezzo modo
e probabilmente potresti dirlo in particolare
i musicisti nella stanza che non sono un
musicista e quindi mi sto ancora lavorando
che e cercando di migliorare le cose
ma io sono più bravo nelle cose dell’hardware
è un po ‘ quello per cui sono conosciuto
specialmente in quel mondo open source
poi ho pensato se potessi prenderlo
suono che ho fatto nel browser e se
Potrei prendere la canzone e poi cosa fare se io
potrebbe quindi riportarlo in realtà
vita e poi suonare quel suono nel
metropolitana so che è davvero strano ma se
qualcosa che volevo fare come sarebbe
questo sguardo come così ho preso un passo
oltre e il meetup JavaScript che ho
per bene in realtà ci sono tre o
quattro di loro ora a New York City è
chiamato Brooklyn Jas e questo è in realtà
i loro biglietti così quando acquisti un biglietto
e ti presenti nella notte che danno
tu questo token e puoi scambiarlo
token per un drink o puoi tenerlo e
i soldi che risparmiano dal non comprarti
un drink che donano a script che è
meraviglioso
iniziativa di co-insegnamento e ho pensato
questo è stato davvero intelligente
sui disegni delle carte metropolitane così è
in realtà ciò che sembra una vera carta della metropolitana
come e ho pensato che questo è davvero
riff intelligente perché la maggior parte di noi prende il
metropolitana per arrivarci è proprio vicino al
Bergen ti impedisce di conoscere il bar che noi
tenere che è proprio vicino al bergen
stazione quindi ho pensato cosa fare se ho fatto il mio
propria interpretazione di questo dato che
il meetup di Brooklyn Jas è stato così
pesante influenza nella mia vita socialmente
e tecnicamente per un po ‘ora, così io
ho preso questo design e ho provato a farlo
riproducilo come un circuito stampato
quindi questo sono io che sto cercando di stendere tutto il
pezzi e cercando di inventare quello che è
effettivamente andando a farlo puoi vedere il
strato nero è la serigrafia e tu
può vedere tutte le tracce sottostanti
che sto ancora imparando sull’ottimizzazione
tracce e mettendole su un angolo
in modo che siano meno sono meno
fragile e cose del genere ma questo
è stato un esercizio davvero divertente da fare per me
quindi questo è l’aspetto reale del dispositivo
Mi piace e ce l’ho qui oggi, se tu
volevo giocare con esso e funziona
Ho appena caricato la batteria così è
dovrebbe essere come un vecchio oratore
cosa grammofono e tutto ciò che fa è
leggere un suono di una scheda SD in modo che possa mettere
il suono che ho esportato dal mio
browser posso metterlo lì ste card
Tenerò premuto il pulsante che riproduce
il suono in modo che significa che non lo fai
devi avere un browser con te che puoi
porta il tuo suono trasformato con te
dovunque tu voglia andare, allora ho stampato 3d
l’ alloggiamento del diffusore dopo l’ordine del PCB
arrivato non ho aggiunto il mio PCB I
ha caricato i file e mi è venuto in mente
da internet, che amo così vengo
e parlami di questo se vuoi
per saperne di più questo sono io con il brodo
la porta di chiusura suona quindi era come un
primo test dopo che l’ho saldato insieme
per vedere se funzionava
quindi quando inserisco il suono non lo fa
abbastanza raccogliere l’oscillatore, quindi ho bisogno
per inserire mi accamperò nel socket così
molto presto ci sarà una MetroCard v2
ma ho caricato lo stesso identico suono
oggi perché tu possa sentirlo perché
è molto silenzioso, l’altoparlante è stato rubato
da un saluto uno di questi musical
biglietti d’auguri quindi non ci vuole molto
di ciò che è così è facile spegnersi così noi
voglio mantenere il volume basso ma
hai avuto l’idea quindi l’obiettivo è come
quello che voglio prendere la musica
oltre a rendere migliore la musica che faremo
parleremo tra un secondo ma voglio metterlo
più JavaScript in questo diritto così ultimo
l’ anno scorso ho scritto uno strumento chiamato un viago
e quello che fa è usare nodejs
a carne vedi programmi C compilati su
microcontrollori quindi ho alcune intestazioni
su questo qui che ti permettono di
programmare direttamente il chip sulla scheda
che è freddo così ho fatto che non c’è
un po ‘di JavaScript lì il
altra cosa che ho iniziato a lavorare su
recentemente è stato lo streaming del suono da
il browser alla lavagna quindi questo
richiede come l’interfaccia SPI e il
La scheda SD utilizza anche l’interfaccia SPI quindi io
avere alcuni problemi di strozzatura dove io
deve essere scambiato tra per mancanza di
un termine migliore qualcuno per favore fammi sapere
come posso sostituire master / slave perché
è un modo terribile di descrivere
cose, ma devo giocare con quella
relazione per ottenere lo streaming del suono
sulla scheda SD ma anche tu sai
comunicando al programmatore all’indirizzo
nello stesso tempo ma di nuovo mi chiedi informazioni
che se ti piacerebbe saperne di più e io sono
probabilmente andrò a cercare l’ opaco
opinione su quello più tardi e, naturalmente
come ho già detto un paio di volte che voglio
fare musica migliore perché penso questo
potrebbe andare da qualche parte e se tu se tu
organizzare qualche tipo migliore di armonie
e cose in realtà è abbastanza facile
fare musica da infallibile da
dati accidentali che non puoi controllare
Ho visto molti artisti fare davvero
roba fica con quello va bene
le cose vanno un po ‘con ma là
era un punto a questo e c’è un punto
al perché le cose sono strane è arte e
va bene creare cose che tu
non pensavo che saremmo accaduti io
pensa che sia importante essere in grado di
prenditi il tempo per esplorarlo, quindi cosa
ho imparato da tutto questo e cosa c’è
il punto e cosa puoi portare via
con te codifica creativi si esce di
la tua zona di comfort sai quando
sei in
lavori per un’azienda ogni giorno
o lavori per te o per quello che sei
libero professionista
si sta di solito risolvere i problemi che
venire più e più volte e sono
tu sei un problema molto familiare
solo risolverli in un modo migliore o a
ogni volta leggermente diverso e io
sentirsi come la codifica creativa solo regali
questo nuovo insieme di problemi di problemi
le prestazioni rendono ogni sorta di strano
api è che non hai lavorato con
prima e ti dà un’opportunità
per farlo davvero e lo penso
che ti rende un programmatore migliore in
Alla fine a mio parere l’arte non interessa
sui tuoi sentimenti punto e virgola in modo che tu possa
scrivi questa roba e non importa
perché la maggior parte del tempo di nessuno andando vedere
il codice e il punto che sto facendo è
che non si tratta del codice di cui parla
quello che si produce come un Razón EM voi
conosci te che vuoi vuoi giudicare
quei risultati e non come yeah ma cosa
sembra il codice sotto di esso
solo è così irrilevante per me nel
viaggio che perché ah non importa
riguardo alla perfezione è tutto ciò che tu
voglio che sia e così di nuovo si tratta
esplorazione
Kilian McMahon al lavoro è suo
Il nome di Twitter si è seduto con me su a
giorno di hack e ho detto che puoi ucciderti
insegnarmi come si fa la musica non lo faccio io non
prendilo così ha iniziato a scarabocchiare questi
cose giù per me e sono davvero
grato per questo e in realtà ho lavorato
con lui molto spesso è un designer
e scrive HTML e CSS in
lavoro e implemento JavaScript per
e così siamo abituati a lavorare in a
molto in un modo molto tecnico ma noi abbiamo
non ho mai parlato di musica prima di questo
progetto quindi ho avuto modo di conoscere un lato di
Killian che non ho mai visto prima
che è che suona musica di riserva
volte suona concerti che è in realtà
apertura per PyCon che se qualcuno sta arrivando
lì i capitalisti dell’avventura li hanno
prendere in giro la scena di avvio e
sono davvero intelligenti, quindi dovresti vedere
La band dei Killian è così che penso che stia andando
per insegnarmi un po ‘di più e io
davvero un valore con un lato diverso da
quella relazione sai che siamo molto
coppia stretta al lavoro e questo è proprio come
migliorato la nostra relazione quindi è davvero
su ciò che hai imparato e su ciò che hai
imparato su te stesso e su ciò che tu
ho imparato a conoscere gli altri, quindi il mio consiglio è di farlo
prendi un po ‘di tempo libero dai tuoi lavori giornalieri
dove ci si aspetta che sia tutto perfetto
il tempo e scrivere un po ‘di codice disordinato e io
voglio che tu faccia molti errori
– e per dire questo non è quello che pensavo
sarebbe stato ma questo è un po ‘
mi piacerebbe solo creare una nuova filiale
e prendi e poi proprio come andare in questo modo
invece penso che sia davvero un valore
cosa avere ti fa sentire molto
più libero perché ti meriti una pausa
da essere giudicato tutto il tempo che c’è
stato un sacco di linguaggio bashing e sort
di commenti snarky a questa conferenza
e questo mi ha sorpreso un po ‘
perché ho pensato che il punto di
portare i programmatori insieme è perché
stiamo tutti mirando allo stesso modo
cosa che deve essere veramente buona a cosa
facciamo e per parlare del perché amiamo
programmare così tanto se hai il
privilegio del tempo libero so che lo sai
tutti iniziano a digitare
così e basta vedere cosa viene
fuori di esso sai e c’è stato
molte volte quando sai che ho avuto forse
un bicchiere di whisky troppo e poi
Ho scritto qualcosa di veramente folle e
poi lavorando il mattino seguente e
andando wow cos’è questo e io penso
questo è davvero importante in realtà è
è che mi ha insegnato molto sul fatto
che, anche se sono in grado di essere un
ottimo programmatore con cui sto ancora bene
basta schiaffeggiare un po ‘di vernice su a
tela e che mi fa sentire
come quel ragazzino di nove anni che ci prova
programma il Commodore 64 da fare
immagini di nuovo ed è importante
per ricordare chi sei
quindi il mio consiglio è quando hai il
possibilità di codificare come nessuno
guardando e se puoi per il beneficio
di altri non ottengono l’ occhio di riferimento su questi
tipo di repository non schiacciare gli errori
sai che puoi lasciare commenti dicendo
Lowell cosa WTF è questo, ma non schiacciare
giù i tuoi errori come lasciare altre persone
vederli far vedere al genio dell’industria
come si mettono effettivamente le cose insieme e
questo ricorderà loro che nessuno scrive
perfetto sentito da fuori del cancello anche
se hai già familiarità con a
problema tutti gli attori della barriera corallina tutti
torna indietro e scopre di andarsene
cose che hanno fatto e penso
che ho visto troppi junior nella nostra
l’industria ha quel file vuoto che vuoto
spavento tela dove si sentono
tutto ciò che scrivono deve essere
in un modo in cui sapevano cosa fossero
facendo fin dall’inizio e questo è
solo non è vero e non ci penso
dovrebbe perpetuare ciò e penso che lo facciamo
inconsciamente attraverso l’essere
perfezionisti noi stessi quindi solo ottenere push
e quello è stato spaventoso che ho spinto molto
di tutto il codice che io
ha mostrato oggi ed è tutto il primo passaggio I
l’ ho appena scritto molto velocemente
Ho riso e poi l’ho spinto e
era davvero spaventoso farlo
perché sai che è in pubblico
spazio non molte donne sono programmatrici su
github che contribuisce attivamente ad aprire
fonte e in modo che possa essere utilizzato
contro di me, ma penso che sia importante
di nuovo per dire qui è il mio professionista
open source e qui è il mio sciocco aperto
fonte e quindi sto iniziando a provare e
crea quella dicotomia perché penso
è sano per tutti noi, perché allora
rende tutto ok per gli altri a fare il
stessa cosa quindi fai un po ‘di arte come buttare
via non importa perché lo è
solo carta giusta non costa nulla
quindi se vuoi dare un’occhiata al mio
stupidi demo puoi andare al seguente
indirizzo
il TSW solo per aiutarti ad avere un mnemonico
è l’acronimo di I love the subway you
posso trovare le mie diapositive qui, quindi di nuovo è il mio
github dot io / spettro formulaico e
quindi puoi giocare con le demo che io
avere lì se è più utile
tu sto andando a bloggare su questo
progetto davvero Sirian che sta appena descrivendo
come ho fatto tutto e solo più a fondo
immergiti nel lato tecnico delle cose
quindi il mio blog è meowth nuke a casa in
caso in cui non sapevi già come
gatti io sono e grazie
Please follow and like us: