Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Demo Partículas

Avatar for Hugo Ruscitti Hugo Ruscitti
April 10, 2013
Programming
3.7k
1

Demo Partículas

Una demostración de animación usando javascript.

Avatar for Hugo Ruscitti

Hugo Ruscitti

April 10, 2013

More Decks by Hugo Ruscitti

See All by Hugo Ruscitti
Aprendiendo a programar videojuegos con pilas-engine
Avatar for Hugo Ruscitti hugoruscitti
0
120
Haciendo aplicaciones desktop con NWJS
Avatar for Hugo Ruscitti hugoruscitti
0
290
Taller de programación de videojuegos con pilas-engine
Avatar for Hugo Ruscitti hugoruscitti
0
340
Taller: Introducción a Pilas (por Hugo Ruscitti)
Avatar for Hugo Ruscitti hugoruscitti
0
450
Desarrollo de videojuegos con pilas-engine
Avatar for Hugo Ruscitti hugoruscitti
1
160
Clase 4 - Bocetos y pintura
Avatar for Hugo Ruscitti hugoruscitti
0
840
Haciendo aplicaciones complejas de manera simple
Avatar for Hugo Ruscitti hugoruscitti
0
580
Cómo desarrollar videojuegos con pilas-engine
Avatar for Hugo Ruscitti hugoruscitti
1
470
¡ La Vaca Voladora !
Avatar for Hugo Ruscitti hugoruscitti
0
550

Other Decks in Programming

See All in Programming
TechTown - Creating Composable Callables in Contemporary C++
Avatar for Björn Fahller rollbear
0
110
速習iPhone Duo対応
Avatar for 野瀬田　裕樹 yuukiw00w
2
980
Atomic Design, Enforced: Scaling Mobile Design Systems (next.app devCon / droidCon Berlin 2026)
Avatar for Stelios Frantzeskakis steliosf
PRO
0
170
Vue Fes Japan の “作る側”に関わってみて
Avatar for Naoki Haba naokihaba
0
150
ソニーのクラウド共通基盤の変遷と AI時代の開発スタイルに合わせた進化 / The Journey of Sony’s Common Cloud Platform and Its Evolution for AI-Native Development
Avatar for KenjiYoneyama kenjiyoneyama
0
250
Embedded Swiftで作る自作USBデバイス によるiOSデバイスの自動テスト / iOSDC Japan 2026 glassfiber
Avatar for glassfiber glassfiber
0
340
KiroのSpecで「五目並べ」を作ってみる
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
370
Agents on Rails - Rails at Scale 2026
Avatar for Irina Nazarova irinanazarova
0
540
Ghostty + Neovimで作る 透明でカッコ良い開発環境
Avatar for Kanade Nonomura j341nono
0
170
気持ちぃ〜角丸 Squircle
Avatar for ryu ryu1013
0
290
Are APIs Still Relevant in the AI Era?
Avatar for Antoine Bluchet soyuka
0
460
Simple Storage Service(S3) is not simple
Avatar for Yura Iwatsuka iwatsukayura
0
280

Featured

See All Featured
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
350
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
7k
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
3
15k
It's Worth the Effort
Avatar for 3n 3n
188
29k
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
240
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
1
450
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
570
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
560
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
53
4k
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
320
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2.3k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
700

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!