Building the Dragon Age Interactive Story Summary
summary
A web-native cinematic recap called the Dragon Age Interactive Story Summary compresses animations to ~100x smaller than video by exporting Flash-authored vector scenes to CreateJS and the HTML5 canvas (EaselJS, TweenJS, SoundJS, PreloadJS), adds a virtual camera for aspect-ratio independence, a frame-by-frame performance tester and runtime heuristics that downscale to 1.5x to keep frame time under 16ms, supports localized timing with hold points, auto-exports 1080p video, and runs on consoles and mobile with successful real-world deployment.
AI-written summary · about
chapters (17)
- 0:00Start
- 0:08Grant Skinner
- 1:01The Dragon Age Interactive Story Summary
- 2:09Dragon Age Inquisition
- 2:37The Dragon Age Keep
- 5:49Audio
- 10:22The Interactive Story Summary
- 14:10Additional Benefits
- 14:55The Process for Creating this Content
- 16:43A Virtual Camera System
- 19:43Aspect Ratios
- 22:45Performance
- 25:09Performance Test Engine
- 25:55Target Time
- 32:03Hold Points
- 33:28Export Flash Content
- 38:02Questions
related talks
01h 15mDeveloper Roadshow
39mReturn to Web Animation Wonderland
43mStorytelling in the Age of JavaScript
12mEditing video simply by editing text, in the browser: a meta story
53mRich Interactivity with CreateJS
29mWait, you can do that with JavaScript…!?
31mThe Future of Web Animation
39mThe Future of Web Animation