CodePen Örebro
#CodePenOrebro
div {
stuff: !important;
}
Toilets
Exits
Agenda
- 18.30 Particles
- 19.30 CodePen Functionality
- 20.00 Show and Tell
- 20.30 Hacking
Johan Karlsson
Particles
Physics
- Position
- Velocity
- Acceleration
Physics cont.
- add acceleration to velocity
- add velocity to position
Live Coding!
Mmkay, now what?!
CodePen Time!
Show and Tell
🚀
🎉
🎠
📢
💣
🔧
🎛
💖
Hacking
Suggestions
- Particles, obviously 😃
- Or whatever! 🤷♀️
- A particle fountain
- Glowing: ctx.shadowBlur = 42 🌟
- Fire 🔥
- Smoke
- Trails (don't clear canvas)
- Fade
- Emojis: fillText('💩', x, y);
- Gravitates towards
the mouse cursor
Share Your Work
- Use CodePen
- Register (free)
- Put a link in the Meetup group
- Tweet (#CodePenOrebro)