$30 off During Our Annual Pro Sale. View Details »

Sneaky Santa

Avatar for 14islands 14islands
October 05, 2019
Design
0
61

Sneaky Santa

Behind the scenes on what started as a hack and turned out to be a award winning project.

Avatar for 14islands

14islands

October 05, 2019
Tweet

More Decks by 14islands

See All by 14islands
Construindo interfaces interativas com React
Avatar for 14islands 14islands
0
84
Innovation & Prototyping
Avatar for 14islands 14islands
0
180
Google Santa Tracker: Present Bounce
Avatar for 14islands 14islands
0
250
Responsive Web Design Recap
Avatar for 14islands 14islands
8
1.4k
Lessons learned using WordPress as a CMS
Avatar for 14islands 14islands
2
970
The good, the bad and the ugly with responsive web design
Avatar for 14islands 14islands
4
2k
Faster Responsive Websites
Avatar for 14islands 14islands
2
340
Performance as design: doing responsive responsibly
Avatar for 14islands 14islands
32
8.1k

Other Decks in Design

See All in Design
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
350
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
Avatar for Hiromi Morikawa hiromitsuuuuu
1
1k
佐藤千晶｜ポートフォリオ
Avatar for 佐藤千晶 chimi_chia
0
380
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
Avatar for Hiroki Nagasawa pixyzehn
0
110
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
910
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
Avatar for Aki spring_aki
1
230
アンエシカルデザインの枠組みの提案 -HCD-Netダークパターン研究会活動報告-
Avatar for Yu Morita securecat
0
150
デザイナーがAIを使い倒して爆速プロダクト開発！社内ハッカソンでの取り組み紹介
Avatar for 都村　美帆 abokadotyann
9
2.8k
新しいデザインの難しさ（公開版） / Difficulties in the New Design (public ver.)
Avatar for usagimaru usagimaru
2
980
Crisp Code inc.｜ブランドガイドライン - Brand guidelines
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
240
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
Avatar for Goodpatch Inc. goodpatch
3
2.7k
デザインを信じていますか
Avatar for sekig(ojiee) sekiguchiy
1
610

Featured

See All Featured
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.6k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
9
1k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.5k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
132
19k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
990
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
121
20k
Visualization
Avatar for Eitan Lees eitanlees
150
16k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6.1k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
14k
Navigating Team Friction
Avatar for Lara Hogan lara
191
16k

Transcript

  1. Sneaky Santa

  2. None

  3. Tomte [²tɔmːtɛ] A gnome that takes care of the house

    and protect misfortune
  4. None
  5. None
  6. None

  7. We’re

  8. None
  9. None

  10. ✈ "

  11. ✈ ☀ ☁

  12. ✈ " ✈ ⛄

  13. ☀ ☀ ✌

  14. None

  15. Creativity “Creativity is additive — even if you only do

    something small, it still matters.”
  16. None

  17. Hack Day Culture

  18. 80% Work 20% Hack

  19. We have fun Bring new opportunities We learn new things

  20. None

  21. DAVID’S VERSION OF THE GAME

  22. None
  23. None
  24. None
  25. None
  26. None

  27. DEVELOPING

  28. None
  29. None
  30. None
  31. None
  32. None
  33. None
  34. None
  35. None
  36. None
  37. None

  38. RagdollSanta animate requestAnimationFrame updatePhysics updateHead Cannon Cannon

  39. None
  40. None

  41. collide Cannon RagdollSanta mouseDown mouseMove mouseUp

  42. None
  43. None
  44. None
  45. None

  46. Demo

  47. None
  48. None
  49. None
  50. None
  51. None
  52. None
  53. None
  54. None

  55. Nice to meet you!