Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Generando arte con p5.js

Ricardo Ramírez
November 23, 2019
Education
0
11

Generando arte con p5.js

p5.js es una librería de JavaScript para la programación creativa. La programación creativa permite llevar ideas a la realidad a través de código y p5.js tiene un conjunto completo de funcionalidades para ayudarnos. En este taller aprenderemos las bases de cómo crear arte digital utilizando esta librería en el navegador.

Ricardo Ramírez

November 23, 2019
Tweet

More Decks by Ricardo Ramírez

See All by Ricardo Ramírez
De Kotlin a JavaScript But why?
ricardoerl
0
8

Other Decks in Education

See All in Education
Information Architectures - Lecture 2 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
1.1k
phygital__le_magasin_augmenté.pdf
martine
0
2.6k
week3@tcue2024
nonxxxizm
0
470
千葉県印西市立・原山小学校における新たな学び「情報探究の時間」実践報告』
codeforeveryone
1
710
Visualisation Techniques - Lecture 8 - Information Visualisation (4019538FNR)
signer
PRO
0
1.7k
墓までもっていくはずだった話
takuro_nakajima
PRO
0
1.5k
Frederick Douglass versus George Fitzhugh
oripsolob
0
610
STEAM教育の枠組で行うプログラミング学習
asial_edu
0
210
@ngrx/signals
yannickbaron
0
170
Railsチュートリアルの歩き方 (第7版)
yasslab
PRO
1
1M
Avoin jakaminen ja Creative Commons -lisenssit
matleenalaakso
0
1.1k
人生の転機からチャンスを掴む「シュロスバーグの4Sモデル」/4s-models
yuko_yokouchi
2
720

Featured

See All Featured
Navigating Team Friction
lara
178
13k
The Mythical Team-Month
searls
216
42k
Writing Fast Ruby
sferik
621
60k
The Cult of Friendly URLs
andyhume
74
5.7k
Building Flexible Design Systems
yeseniaperezcruz
319
37k
Bash Introduction
62gerente
604
210k
Learning to Love Humans: Emotional Interface Design
aarron
267
39k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
227
16k
A better future with KSS
kneath
231
16k
What's in a price? How to price your products and services
michaelherold
237
11k
Scaling GitHub
holman
457
140k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
78
42k

Transcript

  1. Generando arte con p5.js Ricardo Ramírez – @ricardoerl

  2. Hola • Lead Frontend Developer en Applaudo Studios • Co-organizador

    de HorchataJS • Sci-fi, montañismo, fútbol

  3. https://processing.org/

  4. https://p5js.org/

  5. None
  6. None

  7. Objetivos

  8. Conocer p5.js

  9. Comenzar a programar

  10. Experimentar

  11. Conociendo p5.js

  12. https://editor.p5js.org

  13. None

  14. Haciendo figuras

  15. None
  16. None
  17. None
  18. None

  19. Personalizando

  20. None
  21. None
  22. None

  23. Eventos

  24. None
  25. None

  26. Importante

  27. •El orden es importante •Más código, más pesado

  28. Ejercicio

  29. Crear un círculo que siga el movimiento del mouse y

    que cambie de color al hacer click
  30. None

  31. Otros usos

  32. •Gráficos web •Arduino •Música y Vídeo •Etc…

  33. Recursos

  34. https://p5js.org/reference

  35. https://thecodingtrain.com/

  36. Gracias

  37. •hola@ricardoerl •@ricardoerl