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

Constraint-based Animation System

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Toru Hisai Toru Hisai
August 16, 2012
Programming
90
1

Constraint-based Animation System

Avatar for Toru Hisai

Toru Hisai

August 16, 2012

Other Decks in Programming

See All in Programming
PHP でエミュレータを自作して Ubuntu を動かそう
Avatar for memory m3m0r7
PRO
2
180
Java 21/25 Virtual Threads 소개
Avatar for Sunghyouk Bae (Debop) debop
0
350
YJITとZJITにはイカなる違いがあるのか？
Avatar for yamanao nakiym
0
200
安いハードウェアでVulkan
Avatar for Fadis fadis
1
960
Claude Codeをカスタムして自分だけのClaude Codeを作ろう
Avatar for Terisuke terisuke
0
120
実践ハーネスエンジニアリング #MOSHTech
Avatar for Takuma Kajikawa kajitack
7
6.4k
アーキテクチャモダナイゼーションとは何か
Avatar for nwiizo nwiizo
17
5k
おれのAgentic Coding 2026/03
Avatar for TsukasaSekiguchi tsukasagr
1
140
PHP 7.4でもOpenTelemetryゼロコード計装がしたい！ / PHPerKaigi 2026
Avatar for Arthur arthur1
1
570
ドメインイベントでビジネスロジックを解きほぐす #phpcon_odawara
Avatar for Takuma Kajikawa kajitack
2
600
Nuxt Server Components
Avatar for wattanx wattanx
0
270
煩雑なSkills管理をSoC（関心の分離）により解決する――関心を分離し、プロンプトを部品として育てるためのOSSを作った話 / Solving Complex Skills Management Through SoC (Separation of Concerns)
Avatar for nrs nrslib
4
870

Featured

See All Featured
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
11k
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
210
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
380
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.2k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
64
53k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.3k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
180
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
1
3.5k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
190
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
5
35k

Transcript

  1. Constraint-based Animation System Code: MEPHISTO Toru Hisai 8/1/2012

  2. Inspiration: SICP

  3. Techniques from SICP •A Picture Language •Streams •Propagation of Constraints

  4. Picture Language •Data abstraction •Closure •Procedure composition

  5. Streams •Delayed list •Infinite stream

  6. Picture Language + Stream = Animation!

  7. 3D Picture Language

  8. Czech Marionette

  9. Marionette Control

  10. Degrees of Freedom ~7 − 10 strings ⇒ DOF ≈

    30

  11. Less DOF ↓ Controllable!

  12. None
  13. None

  14. Propagation of Constraints 9C = 5(F - 32)

  15. Tree  Constraint Network

  16. None