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

Demo Partículas

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
140
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
コーディングルールの鮮度を保ちたい / keep-fresh-go-internal-conventions
Avatar for NAGATA Hiroaki handlename
0
140
オブザーバビリティ駆動開発って実際どうなの？
Avatar for yohfee yohfee
3
670
encoding/json/v2のUnmarshalはこう変わった：内部実装で見る設計改善
Avatar for Hiroki Kurasawa kurakura0916
0
240
Premier Disciplin for Micro Frontends Multi Version/ Framework Scenarios @OOP 2026, Munic
Avatar for Manfred Steyer manfredsteyer
PRO
0
200
What Spring Developers Should Know About Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
160
Raku Raku Notion 20260128
Avatar for hareyaka hareyakayuruyaka
0
430
クライアントワークでSREをするということ。あるいは事業会社におけるSREと同じこと・違うこと
Avatar for nnaka2992 nnaka2992
1
290
DevinとClaude Code、SREの現場で使い倒してみた件
Avatar for karia/Y.Hisamatsu karia
1
860
Rで始めるML・LLM活用入門
Avatar for wakama1994 wakamatsu_takumu
0
150
要求定義・仕様記述・設計・検証の手引き - 理論から学ぶ明確で統一された成果物定義
Avatar for Kuniwak orgachem
PRO
10
5.7k
AI活用のコスパを最大化する方法
Avatar for Ochtum ochtum
0
120
New in Go 1.26 Implementing go fix in product development
Avatar for sunecosuri sunecosuri
0
250

Featured

See All Featured
Docker and Python
Avatar for Tania Allard trallard
47
3.8k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
830
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.3k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
190
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.4k
New Earth Scene 8
Avatar for Sydney Stone popppiees
1
1.7k
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
2.5M
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
3
340
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
130
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
9.7k
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
68
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
63

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!