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

Demo Partículas

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
460
¡ La Vaca Voladora !
Avatar for Hugo Ruscitti hugoruscitti
0
550

Other Decks in Programming

See All in Programming
XP祭りでしか伝わらないフリップネタ #xpjug
Avatar for bayashi murabayashi
0
150
App Storeの外へ──日本のiOSサイドローディング入門 for iOSDC Japan 2026
Avatar for 野瀬田　裕樹 yuukiw00w
0
240
Heart of Swift Concurrency
Avatar for Yuta Koshizawa koher
0
960
Workers Cache を知る
Avatar for syumai syumai
0
210
AGENTS.md Is Not Enough: Build Skills, Don't Download Them
Avatar for Alex T lx_t
0
130
AWSに止められる覚悟してますか？
Avatar for モリゾー morizo_1984
0
150
AI が書く Go コードの品質を劇的に向上させる Linter: “declscope”
Avatar for mpyw mpyw
0
390
モデルのリファクタリングが難しいと思ったら、そもそも複雑だったのはビジネス仕様だった ? / is-the-business-domain-the-real-complexity
Avatar for hatsu hatsu38
0
390
Augmenting AI with the Power of Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
260
ゲームコントローラやキーボードのファームウェアをSwiftで書く
Avatar for Kishikawa Katsumi kishikawakatsumi
1
250
スマート反転とウェブアクセシビリティ
Avatar for KAMIHARA Takumi camiha
0
210
更なる可用性を求めて、5年間運用したKotlinのアプリケーションをGoでリプレイスする話
Avatar for Kensuke Taguchi ken_tunc
0
360

Featured

See All Featured
Side Projects
Avatar for Sacha Greif sachag
456
43k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
2
440
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.7k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
320
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
300
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
6.1k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.6k
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
10
36k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.3k
Between Models and Reality
Avatar for mayunak mayunak
4
460
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
28
3.6k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
880

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!