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

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
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
責任感のあるCloudWatchアラームを設計しよう
Avatar for アキキー akihisaikeda
3
180
そのAIレビュー、レビューしてますか？ / Are you reviewing those AI reviews?
Avatar for r-kagaya rkaga
6
4.6k
Best-Practices-for-Cortex-Analyst-and-AI-Agent
Avatar for ryotaro.ikeda@finatext.com ryotaroikeda
1
110
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
Avatar for Hiroshi Morishige himorishige
11
7.4k
疑似コードによるプロンプト記述、どのくらい正確に実行される？
Avatar for kokuyouwind kokuyouwind
0
390
15年続くIoTサービスの SREエンジニアが挑む 分散トレーシング導入
Avatar for Melonps melonps
2
220
Rust 製のコードエディタ “Zed” を使ってみた
Avatar for NearMeの技術発表資料です nearme_tech
PRO
0
190
AIによる開発の民主化を支える コンテキスト管理のこれまでとこれから
Avatar for Mulyu mulyu
3
370
AgentCoreとHuman in the Loop
Avatar for Har1101 har1101
5
240
生成AIを使ったコードレビューで定性的に品質カバー
Avatar for Chiaki Okamoto chiilog
1
270
Lambda のコードストレージ容量に気をつけましょう
Avatar for tatsuki-yamada tattwan718
0
130
Package Management Learnings from Homebrew
Avatar for Mike McQuaid mikemcquaid
0
230

Featured

See All Featured
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
450
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
190
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
290
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
200
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
66k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.4k
Fireside Chat
Avatar for paigeccino paigeccino
41
3.8k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.1k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.8k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.3k

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!