User:David.humphrey/SummitDemo: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
 
(17 intermediate revisions by 2 users not shown)
Line 18: Line 18:
==TODO==
==TODO==


* Set up a repository of some sort where we can share assets
* Demo rig framework with time control / debug and ability to toggle post-process FX
* Figure out music/sounds to use
* Figure out music/sounds to use
* Figure out cut-scene times and places to pause
* Figure out cut-scene times and places to pause
Line 27: Line 27:
* Build some audio visualizations and generative audio to present during city flight
* Build some audio visualizations and generative audio to present during city flight
* Get lots of video of summit/mozilla to use as textures
* Get lots of video of summit/mozilla to use as textures
* Do some audio data api generated sounds for engine noise -- something where it spins up


==Ideas==
==Ideas==


* Hierarchical animations are now supported!  Giant Robots?  Buildings with moving parts? :)
* Flickr photo montage - Floating blimp with plethora of video screens and tickers streaming Flickr photos (Webworkers?)
* Flickr photo montage - Floating blimp with plethora of video screens and tickers streaming Flickr photos (Webworkers?)
* Twitter feed for hashtag #moz10
* Twitter feed for hashtag #moz10
* Planet sequence -- ship flies off planet, into space.  Turns around to see the earth, earth goes "super nova" and turns into Firefox logo.
* Planet sequence -- ship flies off planet, into space.  Turns around to see the earth, earth goes "super nova" and turns into Firefox logo.
* Alternate planet sequence -- ship flies off and reveals Minefield planet, the minefield bomb logo goes nova and reveals a firefox logo planet underneath? (symbolism: Minefield progressing to Firefox release)
* Starfield credits sequence -- long, using names of people who worked on demo, plus people who built Firefox at summit - possibly use CSS3 for text?
* Starfield credits sequence -- long, using names of people who worked on demo, plus people who built Firefox at summit - possibly use CSS3 for text?
* Introduction: start by exiting a large ship?


==Storyboard Component Overview==
==Storyboard Component Overview==


The storyboard will consist of the overworld scene and end with the finale, the arrangement and selection of sub-scenes to cut to from the overworld with specific events occuring is TBD;  Ideas will be upgraded to storyboard components as we discuss and accept them as desired and viable.
The total storyboard will consist of the intro, overworld scene and end with the finale, the arrangement and selection of sub-scenes to cut to from the overworld with specific events occuring is TBD;  Ideas will be upgraded to storyboard components as we discuss and accept them as desired and viable.


* [[User:David.humphrey/SummitDemo/Introduction|Introduction]] - Introduction: start by exiting a large orbital space station, pan towards earth
* [[User:David.humphrey/SummitDemo/Overworld|Overworld]] - Demo overall theme will be composed of a primary set of sequences where we arrive at and traverse various areas of a "meta" city -- representative of all the various aspects of the web and firefox integrating together.
* [[User:David.humphrey/SummitDemo/Overworld|Overworld]] - Demo overall theme will be composed of a primary set of sequences where we arrive at and traverse various areas of a "meta" city -- representative of all the various aspects of the web and firefox integrating together.
* [[User:David.humphrey/SummitDemo/Twitter|Twitter]] - Scene with a set of buildings that can specifically promote twitter feeds.
* [[User:David.humphrey/SummitDemo/Twitter|Twitter]] - Scene with a set of buildings that can specifically promote twitter feeds.
* [[User:David.humphrey/SummitDemo/Twitter|VisBuilding]] - Scene with buildings rigged with visualizer components to react to the music.
* [[User:David.humphrey/SummitDemo/VisBuilding|VisBuilding]] - Scene with buildings rigged with visualizer components to react to the music.
* [[User:David.humphrey/SummitDemo/Finale|Finale]] - The finale will involve leaving the city / planet at a high rate of speed and reveal we were visiting a 'Firefox' planet.
* [[User:David.humphrey/SummitDemo/Finale|Finale]] - The finale will involve leaving the city / planet at a high rate of speed and reveal we were visiting a 'Firefox' planet.


Line 50: Line 53:
* Method to control the activity of Processing.js scripts and video tags to ensure proper synchronization with the overworld and sub-scenes
* Method to control the activity of Processing.js scripts and video tags to ensure proper synchronization with the overworld and sub-scenes
* Twitter or other feed buffering / queuing to make available when needed - Webworkers?
* Twitter or other feed buffering / queuing to make available when needed - Webworkers?
==Reference Photography / Artwork / Video ==
* Nice one via humph: [http://www.infernodevelopment.com/45-incredible-futuristic-scifi-3d-city-illustrations 45 Incredible Sci-Fi City illustrations]
* Possible video for a billboard [http://videos.mozilla.org/fyfx/ Story of Firefox video]
* [http://videos.mozilla.org/sfx/ Firefox Flicks videos]


==YouTube Reference Video==
==YouTube Reference Video==
Line 64: Line 73:
* http://cubicvr.org/city_demo/SkyBlurFlightTest.html - Sky Sphere + Motion blur + Bloom
* http://cubicvr.org/city_demo/SkyBlurFlightTest.html - Sky Sphere + Motion blur + Bloom
* http://cubicvr.org/city_demo/SkyBlurFlightTest-anim1.html - First flight test with FX applied
* http://cubicvr.org/city_demo/SkyBlurFlightTest-anim1.html - First flight test with FX applied
* http://cubicvr.org/city_demo/VideoTest-anim.html - Video billboard test
* http://cubicvr.org/city_demo/MainShip-anim-test1.html - Main ship engine animation test

Latest revision as of 01:36, 23 June 2010

Summit Demo

This is a working document for a demo being created for the 2010 Mozilla Summit.

Resource Sharing

Please ask cj@cubicproductions.com (ccliffe on twitter / irc.mozilla.org) for access to the dropbox repository so you may acquire and send assets or other concept material.

People

Add your name if you're helping, so we don't lose track:

  • Charles J. Cliffe ( cj@cubicproductions.com )
  • Corban Brook
  • Al MacDonald
  • David Humphrey

TODO

  • Demo rig framework with time control / debug and ability to toggle post-process FX
  • Figure out music/sounds to use
  • Figure out cut-scene times and places to pause
  • Get list of names for people who will be at keynote
  • Get graphics, logos, web pages, other content for people who are coming to summit to use as textures.
  • Get list of graphic assets we want created by Mozilla Graphic Designers
  • Figure out ways for Corban's texture artist friend to get involved
  • Build some audio visualizations and generative audio to present during city flight
  • Get lots of video of summit/mozilla to use as textures
  • Do some audio data api generated sounds for engine noise -- something where it spins up

Ideas

  • Hierarchical animations are now supported! Giant Robots? Buildings with moving parts? :)
  • Flickr photo montage - Floating blimp with plethora of video screens and tickers streaming Flickr photos (Webworkers?)
  • Twitter feed for hashtag #moz10
  • Planet sequence -- ship flies off planet, into space. Turns around to see the earth, earth goes "super nova" and turns into Firefox logo.
  • Alternate planet sequence -- ship flies off and reveals Minefield planet, the minefield bomb logo goes nova and reveals a firefox logo planet underneath? (symbolism: Minefield progressing to Firefox release)
  • Starfield credits sequence -- long, using names of people who worked on demo, plus people who built Firefox at summit - possibly use CSS3 for text?

Storyboard Component Overview

The total storyboard will consist of the intro, overworld scene and end with the finale, the arrangement and selection of sub-scenes to cut to from the overworld with specific events occuring is TBD; Ideas will be upgraded to storyboard components as we discuss and accept them as desired and viable.

  • Introduction - Introduction: start by exiting a large orbital space station, pan towards earth
  • Overworld - Demo overall theme will be composed of a primary set of sequences where we arrive at and traverse various areas of a "meta" city -- representative of all the various aspects of the web and firefox integrating together.
  • Twitter - Scene with a set of buildings that can specifically promote twitter feeds.
  • VisBuilding - Scene with buildings rigged with visualizer components to react to the music.
  • Finale - The finale will involve leaving the city / planet at a high rate of speed and reveal we were visiting a 'Firefox' planet.

Back-end (technical) Component Overview

  • Audio engine for queueing and playing various tracks with the possibility of mixing in our own Audio-API controlled outputs such as filtering/effects
  • Method to control the activity of Processing.js scripts and video tags to ensure proper synchronization with the overworld and sub-scenes
  • Twitter or other feed buffering / queuing to make available when needed - Webworkers?

Reference Photography / Artwork / Video

YouTube Reference Video

Youtube Reference video links, please include time segment and application (eg. 1:20-1:45, Overworld Transit)

  • Your link here!

Links