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.6k

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
99
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
290
Taller: Introducción a Pilas (por Hugo Ruscitti)
Avatar for Hugo Ruscitti hugoruscitti
0
390
Desarrollo de videojuegos con pilas-engine
Avatar for Hugo Ruscitti hugoruscitti
1
120
Clase 4 - Bocetos y pintura
Avatar for Hugo Ruscitti hugoruscitti
0
810
Haciendo aplicaciones complejas de manera simple
Avatar for Hugo Ruscitti hugoruscitti
0
520
Cómo desarrollar videojuegos con pilas-engine
Avatar for Hugo Ruscitti hugoruscitti
1
400
¡ La Vaca Voladora !
Avatar for Hugo Ruscitti hugoruscitti
0
500

Other Decks in Programming

See All in Programming
概念モデル→論理モデルで気をつけていること
Avatar for sunnyone sunnyone
3
290
プロパティベーステストによるUIテスト: LLMによるプロパティ定義生成でエッジケースを捉える
Avatar for Tetta Noguchi tetta_pdnt
0
3.3k
アセットのコンパイルについて
Avatar for ojun ojun9
0
130
Reading Rails 1.0 Source Code
Avatar for Masafumi Okura okuramasafumi
0
250
パッケージ設計の黒魔術/Kyoto.go#63
Avatar for kadota kyohei lufia
3
440
プロポーザル駆動学習 / Proposal-Driven Learning
Avatar for mackey0225 mackey0225
2
1.3k
Design Foundational Data Engineering Observability
Avatar for suci sucitw
3
200
機能追加とリーダー業務の類似性
Avatar for Rinchoku rinchoku
2
1.3k
「手軽で便利」に潜む罠。 Popover API を WCAG 2.2の視点で安全に使うには
Avatar for Taito Tanaka taitotnk
0
870
AIを活用し、今後に備えるための技術知識 / Basic Knowledge to Utilize AI
Avatar for Naoki Kishida kishida
22
5.9k
FindyにおけるTakumi活用と脆弱性管理のこれから
Avatar for adachi.ryo rvirus0817
0
530
The Past, Present, and Future of Enterprise Java with ASF in the Middle
Avatar for ivargrimstad ivargrimstad
0
160

Featured

See All Featured
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
1.6k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
3
620
BBQ
Avatar for Matthew Crist matthewcrist
89
9.8k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
4k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.6k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.6k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
36
2.5k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1.1k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k

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!