View source for Candy-js

== Project Name ==

Candy.js Library

== Project Description ==

The Candy.js project is an effects extension to [http://www.drumbeat.org/content/popcorn-js-semantic-video-demo Popcorn.js].

== Project Leader(s) ==

Project Leader: [http://zenit.senecac.on.ca/wiki/index.php/User:Kpangilinan Kenneth Pangilinan]

Contacts: [http://www.etherworks.ca/ Brett Gaylor], [http://scottdowne.wordpress.com/ Scott Downe], [http://annasob.wordpress.com/ Anna Sobiepanek], [http://vocamus.net/dave/ Dave Humphrey]

== Project Contributor(s) ==
Pointallize Effect: Contribution made by [http://zenit.senecac.on.ca/wiki/index.php/User:Blaw1 Brian Law] who is working on [http://zenit.senecac.on.ca/wiki/index.php/Comicbook-js ComicBook.js], his [http://matrix.senecac.on.ca/~blaw1/osd600/0-2/example.html demo] allowed me to analyze his source code and come up with the [http://colmertech.com/support/help/pixamajig1/ImagePointillize.htm pointillism effect].

== Project Details ==

Various projects using video on the web need to create innovative and non-standard effects to transform the video, for example, applying filters, altering the video, using 2D and 3D effects, etc. This project will create a library that provides some commonly needed effects (e.g., colour filters, tilt shifting, etc.). This project will overlap and support the HTML5/Video Comic Book project. The follow is a list of Candy effects:
* Normal - Displays the original video used in the &lt;video&gt; tag
* Comic -Darkens the dark, lightens the light, makes it look cartoony
* Grayscale -Black and white effect
* Sepia -Dark brown grey color filter
* Green Screen – Replaces green screen background for an image
* Rotate – Flips the video horizontally, and/or vertically
* Negative -Turns positive RGB video colors into negative RGB
* Bright – Control brightness and darkness of video
* Emboss – Video is molded or carved in relief
* Blur – Defocus on video
* RGB Filter – Manually add/subtract to RGB values
* Modulate – varies the brightness of an image’s pixels in a periodic way. It can be used add “Venitian blind”, “scanline” or “mesh” type effects.
* Pixelate – transforms an image into a grid of uniformly colored rectangles. So named because it simulates increasing the size of pixels in the image.
* Pointillize - Small, distinct dots of pure color that are applied in patterns to form the video
* Divide - Divides the video into smaller videos
* Multichannel - Allows user to mini video and position it on top the original video
* Xray - Black and white effect mixed with the negative effect
* OldTV - Black and white video with some noise
* Noise - Random variation of brightness or color information in the video


===Project Plan===

{| border="1"
|-
| '''Release'''
| '''Download Release'''
| '''Features/Points Addressed'''
|-
| 0.1
| http://github.com/kpangilinan/Candy
| Demos the Candy library effects
|-
| 0.2
| https://github.com/kpangilinan/Candy/tree/popit
| 0.1 Release + dynamically changing the effects + dynamically changing green screen effect + brightness controller
|-
| 0.3
| https://github.com/kpangilinan/Candy/tree/0_3
| 0.1 Release + 0.2 Release + RGB filter + Emboss + Blur + Tilt-Shift + Disperse + Modulate + Pixelate + Pointillize
|-
| 0.3
| https://github.com/kpangilinan/Candy/tree/0_3
| 0.1 Release + 0.2 Release + RGB filter + Emboss + Blur + Tilt-Shift + Disperse + Modulate + Pixelate + Pointillize
|-
| 0.4
| https://github.com/kpangilinan/Candy/tree/0_3
| Convert Candy into Popcorn plugin
|-
| 0.5
| https://github.com/kpangilinan/Candy/tree/0_3
| Optimized video effects
|-
| 0.6
| https://github.com/kpangilinan/Candy/tree/0_3
| Optimized video effects + Xray + Black/White Comic effect
|-
| 0.7
| https://github.com/kpangilinan/Candy/tree/0_3
|
|-

|}

== Project News ==
'''September:'''
*Implemented original video onto canvas
*Implemented cartoon effect
*Implemented grayscale effect
*Implemented sepia effect
*Implemented green screen effect
*Implemented flip effect
'''October:'''
*Setup GIT Hub repository
*Implemented negative effect
*Implemented interlaced effect
*Released Candy version 0.1!
'''November:'''
*Added 'data-apply-effect' attribute to the &lt;video&gt;
*Modularize source code in Candy.js library
*Dynamically change brightness level
*Dynamically change green screen background
*Dynamically change videos effects
*Released Candy version 0.2!
'''December:'''
*Implemented Color Filter
*Implemented Emboss Effect
*Implemented Blur Effect
*Implemented Tilt-Shift Effect
*Implemented Disperse Effect
*Implemented Modulate Effect
*Implemented Pixelate Effect
*Implemented Pointillize Effect
*Released Candy version 0.3!