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

Demo Partículas

Hugo Ruscitti
April 10, 2013
Programming
1
3.6k

Demo Partículas

Una demostración de animación usando javascript.

Hugo Ruscitti

April 10, 2013
Tweet

More Decks by Hugo Ruscitti

See All by Hugo Ruscitti
Aprendiendo a programar videojuegos con pilas-engine
hugoruscitti
0
84
Haciendo aplicaciones desktop con NWJS
hugoruscitti
0
240
Taller de programación de videojuegos con pilas-engine
hugoruscitti
0
240
Taller: Introducción a Pilas (por Hugo Ruscitti)
hugoruscitti
0
330
Desarrollo de videojuegos con pilas-engine
hugoruscitti
1
110
Clase 4 - Bocetos y pintura
hugoruscitti
0
740
Haciendo aplicaciones complejas de manera simple
hugoruscitti
0
470
Cómo desarrollar videojuegos con pilas-engine
hugoruscitti
1
380
¡ La Vaca Voladora !
hugoruscitti
0
430

Other Decks in Programming

See All in Programming
rails statsで大解剖 🔍 “B/43流” のRailsの育て方を歴史とともに振り返ります
shoheimitani
2
930
PHPとAPI Platformで作る本格的なWeb APIアプリケーション（入門編） / phpcon 2024 Intro to API Platform
ttskch
0
160
Zoneless Testing
rainerhahnekamp
0
120
今年一番支援させていただいたのは認証系サービスでした
satoshi256kbyte
1
250
ソフトウェアの振る舞いに着目し 複雑な要件の開発に立ち向かう
rickyban
0
890
数十万行のプロジェクトを Scala 2から3に完全移行した
xuwei_k
0
270
テストコード文化を0から作り、変化し続けた組織
kazatohiei
2
1.5k
Refactor your code - refactor yourself
xosofox
1
260
フロントエンドのディレクトリ構成どうしてる？　Feature-Sliced Design 導入体験談
osakatechlab
8
4.1k
急成長期の品質とスピードを両立するフロントエンド技術基盤
soarteclab
0
930
CSC509 Lecture 14
javiergs
PRO
0
140
【re:Growth 2024】 Aurora DSQL をちゃんと話します！
maroon1st
0
770

Featured

See All Featured
The Language of Interfaces
destraynor
154
24k
Building Better People: How to give real-time feedback that sticks.
wjessup
365
19k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.9k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
GraphQLとの向き合い方2022年版
quramy
44
13k
A Philosophy of Restraint
colly
203
16k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
Designing for Performance
lara
604
68k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
0
97
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.4k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
95
17k
Facilitating Awesome Meetings
lara
50
6.1k

Transcript

  1. Demo Partículas Un ejemplo de programación en javascript Curso Formación

    Profesional 2013 clase 2

  2. Objetivo Crearemos una animación de fuegos artificiales directamente sobre el

    navegador. ¡Usando javascript !

  3. ¿De donde viene? @seb_ly El código que vamos a construir

    fue diseñado por Seb Lee-Delisle. Seb es un artista digital, apasionado por realizar programas visuales, interesantes y creativos.

  4. ¡ Comencemos !

  5. Herramientas Necesitamos contar con un editor de textos, escribir algo

    de HTML y abrirlo con un navegador.

  6. Dibujar un rectángulo

  7. Colores

  8. Función

  9. Variables

  10. Animación

  11. Movimiento mas suave

  12. Gravedad y escala

  13. Agrupando atributos

  14. Movimiento aleatorio

  15. Múltiples partículas

  16. ¡Listo!