~/talk

Natural physics simulations and canvas hackery

Talkat Full Stack Fest 2015 · 2015-09-01..09-05· [creative-coding, web-animation]
name:Matt Keas
speakerdeck:matthiasak
slides:none on file

Live coding builds a tiny physics engine that actually runs at ~60fps using an explicit requestAnimationFrame loop, immutable particle maps and ES6 destructuring for state updates. It shows gravity as mass×acceleration, collision bounce, cloth-like chains and a flame particle system, scaling from single sprites to hundreds of particles (masses from ~5 to 5,000) with acceptable performance in browsers. GPU postprocessing via WebGL shaders adds effects, and the demos run and interact as described.

AI-written summary · about

  1. 0:00Start
  2. 2:10Particle Function
  3. 7:14World Friction
  4. 12:36Random Acceleration
  5. 13:04Recap
  6. 19:31Physics Updates
  7. 26:56Collision Detection
  8. 38:20Simulated Wind
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.