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

Demo Partículas

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

Demo Partículas

Una demostración de animación usando javascript.

Avatar for Hugo Ruscitti

Hugo Ruscitti

April 10, 2013
Tweet

More Decks by Hugo Ruscitti

See All by Hugo Ruscitti
Aprendiendo a programar videojuegos con pilas-engine
Avatar for Hugo Ruscitti hugoruscitti
0
100
Haciendo aplicaciones desktop con NWJS
Avatar for Hugo Ruscitti hugoruscitti
0
270
Taller de programación de videojuegos con pilas-engine
Avatar for Hugo Ruscitti hugoruscitti
0
310
Taller: Introducción a Pilas (por Hugo Ruscitti)
Avatar for Hugo Ruscitti hugoruscitti
0
420
Desarrollo de videojuegos con pilas-engine
Avatar for Hugo Ruscitti hugoruscitti
1
130
Clase 4 - Bocetos y pintura
Avatar for Hugo Ruscitti hugoruscitti
0
820
Haciendo aplicaciones complejas de manera simple
Avatar for Hugo Ruscitti hugoruscitti
0
550
Cómo desarrollar videojuegos con pilas-engine
Avatar for Hugo Ruscitti hugoruscitti
1
420
¡ La Vaca Voladora !
Avatar for Hugo Ruscitti hugoruscitti
0
520

Other Decks in Programming

See All in Programming
FOSDEM 2026: STUNMESH-go: Building P2P WireGuard Mesh Without Self-Hosted Infrastructure
Avatar for Date Huang tjjh89017
0
170
izumin5210のプロポーザルのネタ探し #tskaigi_msup
Avatar for izumin5210 izumin5210
1
130
CSC307 Lecture 07
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
550
AI Agent の開発と運用を支える Durable Execution #AgentsInProd
Avatar for izumin5210 izumin5210
7
2.3k
IFSによる形状設計／デモシーンの魅力 @ 慶應大学SFC
Avatar for がむ gam0022
1
310
Architectural Extensions
Avatar for Denys Poltorak denyspoltorak
0
290
今から始めるClaude Code超入門
Avatar for 448jp | OKI Yoshiya 448jp
8
8.9k
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
Avatar for mackey0225 mackey0225
3
380
AI Schema Enrichment for your Oracle AI Database
Avatar for thatjeffsmith thatjeffsmith
0
310
Lambda のコードストレージ容量に気をつけましょう
Avatar for tatsuki-yamada tattwan718
0
130
AI & Enginnering
Avatar for codelynx codelynx
0
110
AIによるイベントストーミング図からのコード生成 / AI-powered code generation from Event Storming diagrams
Avatar for nrs nrslib
2
1.9k

Featured

See All Featured
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
57
50k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
0
380
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
0
130
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
390
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
270
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
2
420
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
68
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
49
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
32k
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
440
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
150

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!