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
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
830
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
450
¡ La Vaca Voladora !
Avatar for Hugo Ruscitti hugoruscitti
0
550

Other Decks in Programming

See All in Programming
一参加者から『中の人』へ 〜全通PHPerがブースに立って学んだ、カンファレンスを100倍楽しむコツ〜
Avatar for 藤掛大介 wp_daisuke
0
110
私のClaude Code活用法 （個人開発編） - PHPerKaigi mini #4（2026/08/24）
Avatar for panda_program panda_program
1
210
Gmail/Google DriveをトリガーにAIエージェントを動かそう！ / Run AI agents with Gmail/Google Drive as triggers!
Avatar for Har1101 har1101
3
460
AIを上手に使っていこうとしたら越境せざるを得なくなった話 〜実践1年で見えた境界を越えなければならない理由と進め方〜 / Crossing borders with AI
Avatar for TomoyaKitaura tomoyakitaura
2
990
My Marp Sample
Avatar for Shota Inoue sinoue0108
0
140
XHTMLが残したもの
Avatar for Yosuke Furukawa yosuke_furukawa
PRO
1
380
AI駆動開発にグラフDBを重ねてみた
Avatar for Satoshi Kaneyasu satoshi256kbyte
2
720
AIに既存システムを理解させる技術　～レガシーを見捨てないハーネスエンジニアリング入門～
Avatar for Ochtum ochtum
0
200
新卒PdEのリアル
Avatar for ryu ryu1013
1
270
AI に Inclusive UI を書かせよう — Design Rules Skill で Compose UI を作り直す
Avatar for テオリア・テクノロジーズ theoriatec2024
1
430
KotlinConf Extended South Korea 2026 Keynote
Avatar for HyunWoo Lee l2hyunwoo
0
130
{ Android | Kotlin } Gradle Plugin in 2026
Avatar for RyuNen344 ryunen344
1
270

Featured

See All Featured
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.8k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
360
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
1
550
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
220
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2.2k
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
1.6k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
12k
Docker and Python
Avatar for Tania Allard trallard
47
4.2k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
8
2.2k

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!