public marks

PUBLIC MARKS with tag canvas

This year

Manipulation vidéo avec la balise canvas - HTML Redirection 1 | MDN

by Krome
En combinant les possibilités de l'élément video avec celles de l'élément canvas, vous pouvez manipuler les données vidéos en temps réel, et y incorporer une variété d'effet visuels. Ce tutoriel, adapté de ce blog par Paul Rouget, explique comment réaliser un travail d'incrustation chroma-keying (fond vert) en utilisant JavaScript.

CutJS

by srcmax
CutJS is lightweight, fast and interactable 2D HTML5 rendering engine for game development, it is open-source, cross-platform and compatible with modern browsers and mobile devices.

deakster/impact-imageblender · GitHub

by srcmax
Tint your images in ImpactJS on the client side. Uses the 'multiply' blending mode to colourize each pixel.

CamanJS - Javascript Image Manipulation

by srcmax & 4 others
CamanJS is (ca)nvas (man)ipulation in Javascript. It's a combination of a simple-to-use interface with advanced and efficient image/canvas editing techniques.

2013

Aristochart - Sophisticated Javascript charts.

by Krome & 2 others
Aristochart is highly customizable and flexible line charting library for canvas. Aristochart allows you to focus on aesthetic while it manages the data behind the scenes.

Aristochart - Sophisticated Javascript charts.

by srcmax & 2 others
Aristochart is highly customizable and flexible line charting library for canvas. Aristochart allows you to focus on aesthetic while it manages the data behind the scenes.

HTML5 Canvas Line Tutorial

by sylvainulg
nice type-and-watch environment.

javascript - getPixel from HTML Canvas? - Stack Overflow

by sylvainulg (via)
security error arise when one tries to operate from an image that isn't on the same security domain as the script, afaik.

Drawscript - convert Illustrator shapes into code

by srcmax & 1 other
Drawscript is an extension for Illustrator (a tool from Adobe® Creative Cloud) It generates graphics code from vector shapes in realtime.

Animate your HTML5

by srcmax
Animate your HTML5 with CSS3, SVG, Canvas and WebGL

2012

iPhone 5 website teardown: How Apple compresses video using JPEG, JSON, and <canvas>

by srcmax & 1 other
The "Design" page for iPhone 5 includes an auto-playing video of the device being unlocked. But there's no video element, just a canvas. And if you check the "Network" tab of the inspector, you won't find any video there either. But you will find some strange JPEG images:

iPhone 5 website teardown: How Apple compresses video using JPEG, JSON, and <canvas>

by gregg & 1 other
The "Design" page for iPhone 5 includes an auto-playing video of the device being unlocked. But there's no video element, just a canvas. And if you check the "Network" tab of the inspector, you won't find any video there either. But you will find some strange JPEG images:

video + canvas = magic | HTML5 Doctor

by srcmax
You’ve already learned about the video and canvas elements, but did you know that they were designed to be used together? In fact, the two elements are absolutely wondrous when you combine them! I’m going to show off a few super-simple demos using these two elements, which I hope will prompt cool future projects from you fellow web authors. (All of these demos work in every modern browser except Internet Explorer.)

Manipulating video using canvas | Mozilla Developer Network

by srcmax
By combining the capabilities of the video element with a canvas, you can manipulate video data in real time to incorporate a variety of visual effects to the video being displayed. This article, adapted from this blog post by Paul Rouget, demonstrates how to perform chroma-keying (also known as the "green screen effect") using JavaScript code.

PUBLIC TAGS related to tag canvas

3d +   ambilight +   animation +   api +   art +   audio +   browser +   chart +   charts +   clevermarks +   code +   css +   css3 +   data +   demo +   dev +   development +   draw +   drawing +   effect +   effects +   firefox +   flash +   google +   graph +   graphs +   html +   html5 +   ie +   illustrator +   image +   images +   javascript +   jQuery +   js +   json +   library +   mozilla +   noise +   opera +   photos +   plugin +   slideshow +   svg +   tutorial +   video +   visualization +   web +   webdesign +   webdev +  

Active users

encore_lui
last mark : 18/11/2014 14:20

Krome
last mark : 15/10/2014 13:15

srcmax
last mark : 04/04/2014 10:35

innipukinn
last mark : 05/03/2014 15:19

François Hodierne
last mark : 17/06/2013 12:17

sylvainulg
last mark : 31/05/2013 12:16

manu
last mark : 27/11/2012 16:44

gregg
last mark : 28/09/2012 15:07

84GHz
last mark : 28/08/2012 15:43