Difference between revisions of "OSD600 Project blaw1"

From CDOT Wiki
Jump to: navigation, search
(Project Details)
(Release 0.1)
 
(4 intermediate revisions by the same user not shown)
Line 11: Line 11:
 
==Releases==
 
==Releases==
  
===Release 0.1 (In Progress)===
+
===Release 0.1===
  
*Have a video move through 3 divs on a page, using timecodes provided by Brett
+
*A video move through 3 divs on a page,
*Create a halftone/duotone effect to resemble comic books, include in candy.js
+
*Use timecodes provided by Brett execute javascript
 +
*Create an effect to resemble comic books
  
 
==Project Leader(s)==
 
==Project Leader(s)==
Line 22: Line 23:
 
==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.
 
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.
Line 28: Line 31:
 
The video time is being tracked which will eventually be used to execute javascript at time intervals.
 
The video time is being tracked which will eventually be used to execute javascript at time intervals.
  
[http://matrix.senecac.on.ca/~blaw1/osd600/ Demo]
+
==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 18: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