John Resig - OCR and Neural Nets in JavaScript
http://ejohn.org/blog/ocr-and-neural-nets-in-javascript/

Canvas element used to do basic image-processing on an image. Can a JS port of NumPy be far behind? What about the effects on expectations for javascript from users and engine writers? *Mind buzzes*

Breaking Captchas with a GreaseMonkey script

Roter billeder vha. jQuery på almindelige HTML-sider

Rotação de imagens, imagens inclinadas

rotate images with jquery (+ animation!)

uygulama geliştirme hedesi

API JavaScript para desenvolvimento de pequenas simulações de física newtoniana.

te an ob

The HTML 5 specification includes lots of new features, one of which is the canvas element. HTML 5 canvas gives you an easy and powerful way to draw graphics using JavaScript. For each canvas element you can use a "context" (think about a page in a drawing pad), into which you can issue JavaScript commands to draw anything you want. Browsers can implement multiple canvas contexts and the different APIs provide the drawing functionality.

Canvas

Mann, ist das cool!

Bordi Arrotondati (Semplice da usare)

画像無しで角丸描ける

Liquid Canvas Todo! Gradients, dropshadows y roundedcorners, todo junto!

Browser Ball attempts, with only moderate success, to allow the configuration of a seemingly endless array of continuous spaces using multiple overlapping browser windows. Within this multivariate space, users are invited to toss a beach ball both hither and yon. If this sounds like a ridiculous use of everyone's time, that's only because it is.

stairwellblog.com/2009/03/is-canvas-the-end-of-flash stairwellblog.com is-canvas-the-end-of-flash

canvas html5

Protovis A graphical toolkit for visualization

police quest !!

Sarien.net is the portal for reliving classic Sierra On-Line adventure games, multiplayer, in your browser.

Welcome to Sarien.net, the portal for reliving the classic Sierra On-Line adventure games. With its focus on instant fun and a unique multiplayer experience, Sarien.net hopes to win new gamers' hearts and promote the adventure game genre.

Cufón and Typeface.js are both methods to show text in custom fonts (like sIFR), are both only a couple of months old and both use canvas or VML. So what’s the difference? And which one is better?

Processing.js is an open programming language for people who want to program images, animation, and interactions for the web without using Flash or Java applets. Processing.js uses Javascript to draw shapes and manipulate images on the HTML5 Canvas element.

Processing library ported to JavaScript

メモ。

HTML も CSS も、すっかり動向を追わなくなって久しい。たぶん今書こうと思ったら相当忘れてるんだろうなぁ…。まだ進化するのですかー

次世代Web標準の簡単なまとめ

俄然HTMLが面白くなってきた！

The Canvas 3D JS Libary (C3DL) is a javascript library that will make it easier to write 3D applications using canvas 3d. It will provide a set of math, scene, and 3d object classes to make the canvas more accessible for developers that want to develop 3D content in browser but do not want to have to deal in depth with the 3D math needed to make it work. If you are viewing this page with a canvas 3d (ver. 0.4.2 or higher) enabled browser (Firefox 3.5 or higher), the scene below will be moving. If not you will see a screen shot. This scene was originally created by Jay Edry and has been adapted to work with 1.0 Release of the library. Click here to download the source and models

JS Library

すばらしい。 javascript めどいがそろそろ ....

http://net.tutsplus.com/tutorials/javascript-ajax/fun-with-canvas-create-a-jquery-graph-plugin/ net.tutsplus.com/tutorials CreateajQueryGraphPlugin

Create a jQuery Graph Plugin

Today, we are going to create a bar graphing plugin. Not an ordinary plugin, mind you. We'll show some jQuery love to the canvas element to create a very robust plugin.

A Sprite Library for Canvas | notebook

Yes, finally. If I didn't find that I'd coded it myself now.

impressive for the drag/drop

Welcome to WPS, a PostScript and PDF interpreter for HTML 5 canvas. Note that to see and run the examples, JavaScript must be enabled and your browser must support HTML 5 canvas (latest Firefox, Opera and Chrome should work). This document allows you to try simple PostScript programs in the WPS sandbox. A few examples are presented here accompanied by a brief description of the interpreter and listing some implementation notes for my future reference.

Interprets PDF files for output with HTML 5's <canvas> element

PostScript、インタープリタ

Really neat thing: a postscript interpreter written in JavaScript using Canvas as a drawing surface. Not sure how practical this is, but it sure is fun thing.

argh. 1997 all over again. This is just as abusive as a million fin-de-siecle flash portfolio sites. Ah the usability nightmares.

An html5 canvas experiment by 9elements.com

Seems to be Firefox only

HTML5 is getting a lot of love lately. With the arrival of FireFox 3.5, Safari 4 and the new betas of Google Chrome and Opera, browsers support some great new features including canvas and the new audio/video tags. Most interesting: modern mobile devices like the iPhone or Android-based phones also support new standards in favor of Flash. The future looks bright for HTML5. Time for us to play with this technology. We’ve created a litttle experiment which loads 100 tweets related to HTML5 and displays them using a javascript-based particle engine. Each particle represents a tweet – click on one of them and it’ll appear on the screen. The original particle engine was ported from a Flex/AS3 project that we’ve created to javascript. We’re using processing.js for particle rendering on canvas which is a very useful graphics library created by John Resig. The music will only be played if the browser supports the audio tag. To detect if the audio or canvas feature is present we use the aweso

Time for us to play with this technology. We’ve created a litttle experiment which loads 100 tweets related to HTML5 and displays them using a javascript-based particle engine. Each particle represents a tweet – click on one of them and it’ll appear on the screen.

cool interactive animation/sound demo for HTML5

v swissmiss

Nice overview of web canvas sizes and their audiences

A canvas of websafe browser sizes.

Current statistics of user's screen size laid out in a nice visual representation. Definitely worth checking out.

Shows canvas with pixel size

Une petite introduction à l'émément CANEVAS en HTML5

A few months ago, I stumbled across Matt Westcott's excellent JSSpeccy. I had seen some pretty imaginative canvas creations, but Javascript emulators? What a perfect idea for a daft new project. I got underway shamelessly porting vNES into Javascript. Although not the most efficient, it didn't have any of the pointer memory mapping magic associated with emulators written in lower level languages. As such, it was more or less a direct port, bar a few tweaks to compensate for the lack of static typing, and obviously a rewrite of all the I/O. I highly recommend you use Google Chrome to play JSNES. Thanks to its high performance canvas element, and a clever optimisation by Connor Dunn, it runs at full speed on modern computers. Mac builds are also available. Otherwise, it just about runs on Firefox 3.5 or Safari 4, but it's hardly playable. The source is available on Github, contributions welcome!

I highly recommend you use Google Chrome to play JSNES. Thanks to its high performance canvas element, and a clever optimisation by Connor Dunn, it runs at full speed on modern computers. Mac builds are also available. Otherwise, it just about runs on Firefox 3.5 or Safari 4, but it's hardly playable.

RealMarc

Script de compactação de imagem (javascript) que redimensiona a imagem em uma direção (horizontal por exemplo) sem distorcê-la simplemente, ele corta partes semelhantes da imagem.

Detecção de faces utilizando javascript

Script permettant de faire de la détection faciale à l'aide de javascript.

DragDrop de arquivos do desktop para o navegador

drag & drop from desktop

Chrome

An Introduction to the Raphael JS Library - Nettuts+

Tutorial on using Raphael js framework to draw vector graphics on a webpage.

The canvas driver for gnuplot was contributed by Bruce Lueckenhoff, and extended by Ethan Merritt (sfeam). To view the results you need a browser that supports the HTML 5 'canvas' element.

Gnuplot demo scripts run through the HTML canvas terminal See also the demo output for the PNG and SVG terminals. Your browser may not support the HTML 5 canvas element The canvas driver for gnuplot was contributed by Bruce Lueckenhoff, and extended by Ethan Merritt (sfeam). To view the results you need a browser that supports the HTML 5 'canvas' element. That currently means firefox, safari, opera, or konqueror (KDE 4.2).

ajax javascript charts visualisation web ; Not related to AJAX, shorthand for Asynchronous JavaScript and XML ; Ajax.org Platform is a pure javascript application framework for creating real-time collaborative applications that run in the browser. Ajax.org Platform radically changes the way you write applications:Live markup Markup and JSON api Collaborative backbone 100% open source software

Shows how powerful the canvas tag is in html 5.

canvasとJavascriptで実装したペイントツール

free drawing tool. no account needed, floating pallets.

Online sketching tool

涂鸦

This is a free tool for sketching and experimenting with textures and colors.

Textarea Behavior Something that I never realized before is that text areas are drop targets by default. Using this property alone (without registering drag events on the source elements), we can emulate drag and drop behavior of non-linked images between different documents. If you drag any of the images on the right side to the textarea you will see the url of the image in it. This works in all browsers except, as anyone could expect, in IE, which doesn't allow you to drag images to input fields.

html5 canvas image skew

The Canvas tag's popularity is slowly increasing around the web. I've seen big sites use it for image rotation, graph plotting, reflection effects and much more. However, Canvas is still limited to 2D: its drawing operations can only do typical vector graphics with so-called affine transformations, i.e. scaling, rotating, skewing and translation. Though there have been some efforts to try and add a 3D context to Canvas, these efforts are still experimental and only available for a minority of browsers through plug-ins.

a working projective transform renderer in JavaScript. The algorithm uses adaptive subdivision to maintain quality and can be tuned for detail or performance.

The Canvas tag's popularity is slowly increasing around the web. I've seen big sites use it for image rotation, graph plotting, reflection effects and much more. However, Canvas is still limited to 2D: its drawing operations can only do typical vector graphics with so-called affine transformations, i.e. scaling, rotating, skewing and translation. Though there have been some efforts to try and add a 3D context to Canvas, these efforts are still experimental and only available for a minority of browsers through plug-ins.

A demonstration of the potential of the canvas element, which could pave the way for javascript to replace flash.

example of canvas tag for 3d image display

pretty sick html5 canvas demo via Gen Kanei

http://www.andrew-hoyer.com/exp_src/cloth_JS/cloth.js - code is here

is simulation. A lot of the concepts discussed by Thomas Jacobse

Procedural drawing tool

HTML5 drawing tool

http://mrdoob.com/lab/javascript/harmony/

It's amazing what you can do with HTML5. If I were Adobe, I'd be more than a little worried right now.

Canvas driven drawing app.

HTML5 tool for creating pixel games

runtime chroma keying,

html5 does wonders

Crazy video tricks with the video tag and canvas

VIDEO 3d Explosion

I’ve been doing a bit of experimenting with the Canvas and Video tags in HTML5 lately, and found some cool features hiding in plain sight. One of those is the Canvas.drawImage() api call.

RT @draenews: Del HTML5 Video Destruction: http://bit.ly/9aytHu

dynamic "blowup" of running video

クリックした場所で爆発が起こって映像がばらばらに分断される、というデモ。HTML5のcanvasタグ＋JavaScriptを使うとこうなるらしい

lling the visualize() method

Splendid HTML5 app for 3D molecule modeling.

three.js Javascript 3D Engine

3D js 库 html5

Javascript 3D Engine

Music Notation with HTML5 Canvas http://ping.fm/UAHPA via @Metaphysicalist

Amazing: Music Notation with HTML5 Canvas http://dlvr.it/zcls

3d:n piirtäminen 2d canvasilla.

Flash ... without the plugin

These are icons I drew for my personal needs. They are all in vector and drawn on this page with Raphaël (don’t forget to zoom the page). I was thinking that they could be useful for other people and, although the design quality of icons is average, I am releasing them here under MIT licence.

"These are icons I drew for my personal needs. They are all in vector and drawn on this page with Raphaël ... I am releasing them here under MIT licence."

HTML5/canvas demo, 500 particles to play around with.

Liquid Particles using HTML5 http://bit.ly/9yBwIv (via @richbugger)

Pretty cool! RT @marcofolio: RT @richbugger Liquid Particles using HTML5 http://bit.ly/9yBwIv << Sweet!

RT @draenews: Del 5 awesome HTML5 demos: http://bit.ly/cNoE38

http://www.designer-daily.com/5-awesome-html5-demos-6715

HTML5 Canvas Cheat Sheet

HTML5 Canvas Experiments - http://bit.ly/bV1cSv – Smashing Magazine (smashingmag) http://twitter.com/smashingmag/statuses/17881844213

Experimentos increíbles con canvas

RT @deliciouspb: HTML5 Canvas - The Future of Graphics on the Web http://bit.ly/dbuK3D

괜찮은 HTML5 캔버스 발표자료... RT @tigerfunk: RT @smashingmag: HTML5 Canvas - The Future of Graphics on the Web (Slideshow) - http://bit.ly/aaL0mr – Wonsuk Lee (Wonsuk73) http://twitter.com/Wonsuk73/statuses/15606323680

The future of web graphics - let Canvas be your best friend

html5로 만든 겔럭시 게임...

This game, written in JavaScript using the HTML5 Canvas and Audio objects, was developed as a proof of concept that a shooter-style game can be coded without the use of any Flash.

Galactic Plunder This game, written in JavaScript using the HTML5 Canvas and Audio objects, was developed as a proof of concept that a shooter-style game can be coded without the use of any Flash. The first level of the game is fully implemented, and the second is in development.

html5로 만든 겔럭시 게임...

Galactic Plunder This game, written in JavaScript using the HTML5 Canvas and Audio objects, was developed as a proof of concept that a shooter-style game can be coded without the use of any Flash. The first level of the game is fully implemented, and the second is in development.

html5로 만든 겔럭시 게임...

lovely animations that take me back to my VGA PC and super nintendo RPG days. Just sick.

beautiful

the work of Mark Ferrari with HTML5 color cycling

Reminds me of some of my favourite games :-) RT @monsieurmorris: #HTML5 8-bit colour cycling http://bit.ly/d3MLRz

#HTML5 8-bit colour cycling http://bit.ly/d3MLRz