The Tech talk given by Steve Newcomb at the HTMl5 Dev Conf in San Francisco on April 1, 2013

1. page 1famous.
Making Everything Easier!™
DOMies
FOR
Physics3D
Revised Add-ition
Learn To
★ make a FENE spring that would make your
math professor proud
★ build 3D animations that have no practical
purpose whatsoever
★ tell 1.62 new physics jokes no one will get

2. page 2famous.
last year’s journey

3. page 3famous.
the story of becoming famo.us
a lot of things didn’t
make sense
the 16ms loop perfected

4. page 4famous.
the story of becoming famo.us
a lot of things didn’t
make sense
let integrate physics

5. page 5famous.
we’d like to share our journey

6. page 6famous.
to find the perfect physics engine

7. page 7famous.
the story of becoming famo.us
a lot of things didn’t
make sense
in the beginning...

8. page 8famous.
OMG a new library

9. page 9famous.
the story of becoming famo.us
a lot of things didn’t
make sense
this is awesome

10. page 10famous.
the story of becoming famo.us
a lot of things didn’t
make sense
something doesn’t feel right

11. page 11famous.
it only works with WebGL and Canvas

12. page 12famous.
it needs to work with DOM

13. page 13famous.
we can’t use it

14. page 14famous.
the story of becoming famo.us
a lot of things didn’t
make sense
we continued...

15. page 15famous.
OMG a new library

16. page 16famous.
the story of becoming famo.us
a lot of things didn’t
make sense
this is the one

17. page 17famous.
the story of becoming famo.us
a lot of things didn’t
make sense
something doesn’t feel right

18. page 18famous.
it only works on desktop computers

19. page 19famous.
it isn’t performant on mobile devices

20. page 20famous.
we can’t use it

21. page 21famous.
the story of becoming famo.us
a lot of things didn’t
make sense
we continued...

22. page 22famous.
OMG a new library

23. page 23famous.
the story of becoming famo.us
a lot of things didn’t
make sense

24. page 24famous.
the story of becoming famo.us
a lot of things didn’t
make sense
wait a minute...

25. page 25famous.
the story of becoming famo.us
a lot of things didn’t
make sense
are we sure about this?

26. page 26famous.
it breaks the 3 Commandments

27. page 27famous.
no libraries work

28. page 28famous.
the story of becoming famo.us
a lot of things didn’t
make sense
let’s build it

29. page 29famous.
the perfect physics engine
• The code abides
• The 16ms loop
• DOM first
• Mobile first
• 3D by default
• Unlimited capabilities

30. page 30famous.
the story of becoming famo.us
a lot of things didn’t
make sense
can it be done?

31. page 31famous.
the story of becoming famo.us
a lot of things didn’t
make sense
a basic demo

32. page 32famous.
the story of becoming famo.us
a lot of things didn’t
make sense
why physics?

33. page 33famous.
the story of becoming famo.us
a lot of things didn’t
make sense
maybe this is a dumb idea

34. page 34famous.
the story of becoming famo.us
a lot of things didn’t
make sense
is it overkill?

35. page 35famous.
the story of becoming famo.us
a lot of things didn’t
make sense
the interface matters

36. page 36famous.
the story of becoming famo.us
a lot of things didn’t
make sense
the complexity of relationships

37. page 37famous.
the story of becoming famo.us
a lot of things didn’t
make sense
reinventing the wheel

38. page 38famous.
the story of becoming famo.us
a lot of things didn’t
make sense
is it practical?

39. page 39famous.
the story of becoming famo.us
a lot of things didn’t
make sense
a real world demo

40. page 40famous.
the story of becoming famo.us
a lot of things didn’t
make sense
what’s possible?

41. page 41famous.
the story of becoming famo.us
a lot of things didn’t
make sense
“hello galaxy”