Difference between revisions of "OSD600 Project blaw1"

From CDOT Wiki
Jump to: navigation, search
(What is your chosen project?)
(Release 0.1)
 
(15 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
=OSD600 Project Plan=
 
=OSD600 Project Plan=
  
==Project Name==
+
==ComicBook.js==
  
 
HTML5/Video Comic Book
 
HTML5/Video Comic Book
Line 8: Line 8:
  
 
Mozilla is creating a web-based comic book application, which uses video, canvas, and other HTML5 features.  This project will help create the back-end JavaScript necessary to make things work with the video and canvas in the page.
 
Mozilla is creating a web-based comic book application, which uses video, canvas, and other HTML5 features.  This project will help create the back-end JavaScript necessary to make things work with the video and canvas in the page.
 +
 +
==Releases==
 +
 +
===Release 0.1===
 +
 +
*A video move through 3 divs on a page,
 +
*Use timecodes provided by Brett execute javascript
 +
*Create an effect to resemble comic books
  
 
==Project Leader(s)==
 
==Project Leader(s)==
 +
 +
*Brian Law
  
 
==Project Contributors(s)==
 
==Project Contributors(s)==
  
==Project Details==
+
==Demo Details==
 +
 
 +
[http://matrix.senecac.on.ca/~blaw1/osd600/ Demo]
 +
 
 +
When the ''Play'' button is pressed on the video the frames from that video will be written to a number of canvases. The first canvas is just a straight frame by frame copy of the video. The second canvas is trying to mimic a comic book style by modifying frames to create solid colours. The last row of canvases are having the video frames written to them with offsets to give the effect of a moving video.
 +
 
 +
The video time is being tracked which will eventually be used to execute javascript at time intervals.
 +
 
 +
==Useful Links==
 +
 
 +
[http://www.canvasdemos.com/2009/03/03/manipulating-green-screen-video/ Manaipulating Green Screen Video]
  
 
==Project News==
 
==Project News==

Latest revision as of 19:31, 20 October 2010

OSD600 Project Plan

ComicBook.js

HTML5/Video Comic Book

Project Description

Mozilla is creating a web-based comic book application, which uses video, canvas, and other HTML5 features. This project will help create the back-end JavaScript necessary to make things work with the video and canvas in the page.

Releases

Release 0.1

  • A video move through 3 divs on a page,
  • Use timecodes provided by Brett execute javascript
  • Create an effect to resemble comic books

Project Leader(s)

  • Brian Law

Project Contributors(s)

Demo Details

Demo

When the Play button is pressed on the video the frames from that video will be written to a number of canvases. The first canvas is just a straight frame by frame copy of the video. The second canvas is trying to mimic a comic book style by modifying frames to create solid colours. The last row of canvases are having the video frames written to them with offsets to give the effect of a moving video.

The video time is being tracked which will eventually be used to execute javascript at time intervals.

Useful Links

Manaipulating Green Screen Video

Project News