gordonbrander + canvas 70
CamanJS - Image Manipulation in Javascript
5 weeks ago by gordonbrander
Pretty impressive image filters for canvas, with a nice expressive API.
javascript
canvas
opensource
library
5 weeks ago by gordonbrander
Argh at master · thomcc/Argh · GitHub
5 weeks ago by gordonbrander
A really basic canvas game written in ClojureScript for practice. It might be a good intro.
lisp
javascript
canvas
game
development
5 weeks ago by gordonbrander
jmechner/Prince-of-Persia-Apple-II
5 weeks ago by gordonbrander
The original Prince of Persia has been open-sourced! jmechner is a cool guy.
Let's port this thing to canvas.
opensource
game
development
canvas
web
Let's port this thing to canvas.
5 weeks ago by gordonbrander
CreateJS | A suite of Javascript libraries and tools designed for working with HTML5
5 weeks ago by gordonbrander
These look like some effective animation tools.
javascript
library
animation
canvas
opensource
5 weeks ago by gordonbrander
Build New Games
7 weeks ago by gordonbrander
An IE-sponsored site providing resources for building HTML5 games.
development
game
learn
canvas
javascript
svg
blog
7 weeks ago by gordonbrander
[whatwg] Canvas v5 API additions
8 weeks ago by gordonbrander
Canvas Path primitives have been added to the API. In other words, you can now construct `new Path()` objects and paint to them within a canvas context, giving us optional basic OOP/DOM drawing for canvas.
canvas
javascript
oop
animation
8 weeks ago by gordonbrander
Applying styles and colors: createLinearGradient - MDN
10 weeks ago by gordonbrander
An example of creating linear gradients with canvas, from MDN.
canvas
javascript
learn
10 weeks ago by gordonbrander
createLinearGradient method
10 weeks ago by gordonbrander
MSDN on createLinearGradient.
canvas
javascript
learn
10 weeks ago by gordonbrander
Nixtu: HTML5 Canvas Gradients - Linear Gradient
10 weeks ago by gordonbrander
Linear gradients in canvas. To pick apart.
Update: oh snap, canvas supports gradients out of the box via createLinearGradient.
javascript
canvas
learn
Update: oh snap, canvas supports gradients out of the box via createLinearGradient.
10 weeks ago by gordonbrander
soulwire/Coffee-Physics - GitHub
12 weeks ago by gordonbrander
A lightweight (8k minified!) physics engine written in CoffeeScript.
javascript
coffeescript
canvas
physics
opensource
development
web
12 weeks ago by gordonbrander
Seriously.js
february 2012 by gordonbrander
On-the-fly JavaScript green screen. Seriously.
canvas
javascript
opensource
mozilla
popcornjs
film
february 2012 by gordonbrander
This could be responsive images ya?
december 2011 by gordonbrander
A clever canvas hack for responsive images that are only requested once. Effects possibilities are interesting, too.
responsivedesign
mobile
javascript
canvas
development
web
december 2011 by gordonbrander
Sinuous - An HTML5 canvas game. Avoid the red dots!
november 2011 by gordonbrander
A simple and fun particle system game in HTML5.
html
canvas
javascript
animation
game
inspiration
physics
november 2011 by gordonbrander
hiive buzz: Accelerating ImpactJS With WebGL
november 2011 by gordonbrander
WebGL is hardware-accelerated (runs on the graphics card), whereas 2D canvas is not. Some kind soul wrote a library that layers the 2D canvas API on top of the WebGL context. Result: hardware accelerated 2D.
Even crazier: the Creatures and Castles developer implemented it as a plugin for Impact.
game
development
web
webgl
javascript
canvas
impactjs
plugin
opensource
performance
Even crazier: the Creatures and Castles developer implemented it as a plugin for Impact.
november 2011 by gordonbrander
Creating a real-time multiplayer game with WebSockets and Node.js | Rawkes
november 2011 by gordonbrander
Rob Hawkes again with Socket.io and NodeJS multiplayer gaming. Very cool.
nodejs
canvas
javascript
learn
bdw2011
websockets
game
november 2011 by gordonbrander
New Game Conf Liveblog
november 2011 by gordonbrander
A huge overview of the New Game Conf.
html
javascript
game
canvas
blog
november 2011 by gordonbrander
The Convergence
november 2011 by gordonbrander
A nice HTML5 puzzle game about love, gravity and spikes that can kill you.
game
javascript
inspiration
html
canvas
november 2011 by gordonbrander
BAROQUE.ME
october 2011 by gordonbrander
A lovely visualization of Bach's Cello Suite, no. 1.
music
art
javascript
html
canvas
visualization
october 2011 by gordonbrander
HTML 5 Canvas Deep Dive
october 2011 by gordonbrander
Canvas API tutorial.
api
canvas
learn
documentation
animation
javascript
bdw2011
october 2011 by gordonbrander
JavaScript InfoVis Toolkit
october 2011 by gordonbrander
Via David Slayden. To investigate.
infographic
visualization
javascript
library
opensource
canvas
october 2011 by gordonbrander
Heist the Tower Online Game | Tower Heist in Theaters November 4 2011
october 2011 by gordonbrander
Commercial HTML5 Game written with ImpactJS
game
canvas
inspiration
javascript
october 2011 by gordonbrander
GameJs
october 2011 by gordonbrander
A thin Javascript game framework, based on PyGame.
canvas
javascript
development
game
framework
october 2011 by gordonbrander
List of JS game engines. You can find a wikified version at https://github.com/bebraw/jswiki/wiki/Game-Engines. Feel free to modify that. I sync it here every once in a while. — Gist
october 2011 by gordonbrander
Some kind soul is maintaining a list of Javascript Gaming frameworks.
javascript
game
development
framework
canvas
bdw2011
october 2011 by gordonbrander
Building a 3D engine in HTML5
september 2011 by gordonbrander
Presentation slides recommended by @phoboslab.
3d
webgl
canvas
javascript
game
development
presentation
september 2011 by gordonbrander
chainvas: Chaining for everyone
september 2011 by gordonbrander
How completely brilliant is this? A library for making any non-chainable API chain. It wraps the original function in a function that returns the result, or "this" if nothing comes back.
api
canvas
javascript
library
opensource
september 2011 by gordonbrander
cwebgl - WebGL stack in javascript - Google Project Hosting
september 2011 by gordonbrander
WebGL emulation in the Canvas 2d context (for less gifted browsers). Incredible.
webgl
canvas
javascript
3d
animation
opensource
september 2011 by gordonbrander
Paladin - MozillaWiki
september 2011 by gordonbrander
Mozilla is developing their own web gaming platform. Source code on Github.
opensource
canvas
javascript
game
development
september 2011 by gordonbrander
HTML5 Rocks - Improving HTML5 Canvas Performance
august 2011 by gordonbrander
Prerendering on a hidden canvas saves you a lot in performance.
canvas
javascript
html
development
web
august 2011 by gordonbrander
P2PU (beta) | Beginning Game Development with HTML 5
july 2011 by gordonbrander
From P2PU. Would love to mine some of this content if we get this far.
bdw2011
teaching
school
web
javascript
canvas
html
july 2011 by gordonbrander
VVVV.js
july 2011 by gordonbrander
A Javascript/Canvas runtime for the VVVV visual language
javascript
webgl
canvas
opensource
visualization
july 2011 by gordonbrander
HTML5 Multiplayer Game Development - YouTube
july 2011 by gordonbrander
Rob Hawkes on developing multiplayer games in HTML5 with WebSockets.
websockets
canvas
game
development
html
javascript
film
july 2011 by gordonbrander
peoplemovin - A visualization of migration flows
july 2011 by gordonbrander
Most people on the globe are moving -- more than at any time in history. This diagram shows the flow of people between countries. Where are people going, and from where to they harken?
canvas
visualization
data
culture
journalism
design
july 2011 by gordonbrander
Toxiclibs.js - Open-Source Library for Computational Design
july 2011 by gordonbrander
The ToxicLibs library from Processing ported to Javascript. Utils for forces, flocking, particles, etc.
javascript
processing
visualization
animation
canvas
opensource
bdw2011
july 2011 by gordonbrander
Create a Game Character with HTML5 and JavaScript { William Malone }
july 2011 by gordonbrander
A great little tutorial on creating a 2d player character with actions in canvas.
canvas
javascript
design
game
july 2011 by gordonbrander
Paper.js
june 2011 by gordonbrander
"The Swiss Army Knife of Vector Graphics Scripting". Compatible with Scriptographer (Adobe scripting environment). It's a bit like Processing. Notable differences are:
- Not state-based, or pixel-based. Rather, vector-based.
- Includes a DOM.
- Has an intuitive layer system, ala Photoshop.
- Javascript!
- Everything is sandboxed using closures (more on that below).
One cool and interesting feature is that event functions are global and called implicitly (e.g. just define function onFrame (){}). However, these calls are only global within the scope of the PaperScript, so everything is sandboxed. I anticipate this would be easier for beginners than an event subscribe model.
animation
html
canvas
javascript
vector
opensource
library
- Not state-based, or pixel-based. Rather, vector-based.
- Includes a DOM.
- Has an intuitive layer system, ala Photoshop.
- Javascript!
- Everything is sandboxed using closures (more on that below).
One cool and interesting feature is that event functions are global and called implicitly (e.g. just define function onFrame (){}). However, these calls are only global within the scope of the PaperScript, so everything is sandboxed. I anticipate this would be easier for beginners than an event subscribe model.
june 2011 by gordonbrander
HTML5 Rocks - Getting Started with Three.js
june 2011 by gordonbrander
An intro tutorial to three.js.
webgl
canvas
3d
animation
library
learn
javascript
june 2011 by gordonbrander
JavaScriptCore Project Files for iOS - PhobosLab
june 2011 by gordonbrander
@phoboslab has figured out how to get iOS to render Javascript/canvas as OpenGL. This is the code to get it working.
javascript
canvas
ios
opengl
development
game
june 2011 by gordonbrander
iOS and JavaScript - for Real this Time! - PhobosLab
june 2011 by gordonbrander
This is crazy: @phoboslab has figured out how to get iOS to render Javascript/canvas as OpenGL. It's essentially a superlight browser for HTML5 games.
javascript
canvas
ios
game
development
june 2011 by gordonbrander
RPG JS: Your online RPG on your browser
may 2011 by gordonbrander
A framework for creating RPG games -- want to look into this to see if they use WebWorkers for communication.
html
javascript
canvas
game
may 2011 by gordonbrander
mrdoob/three.js - GitHub
may 2011 by gordonbrander
Javascript/Canvas 3d engine with WebGL (by the talented @mrdoob).
3d
canvas
animation
webgl
javascript
opensource
may 2011 by gordonbrander
WebGL Inspector
may 2011 by gordonbrander
A "Firebug" for WebGL 3d code.
3d
animation
javascript
canvas
tool
opensource
may 2011 by gordonbrander
oCanvas - Object-based canvas drawing
march 2011 by gordonbrander
A canvas abstraction layer as objects. Cool.
canvas
javascript
library
opensource
march 2011 by gordonbrander
three.js webgl - equirectangular panorama demo
march 2011 by gordonbrander
Mind-blowing 3d panorama in webgl/Javascript.
javascript
canvas
3d
march 2011 by gordonbrander
Traer Physics Port
february 2011 by gordonbrander
Traer Physics library for Processing.js.
canvas
javascript
processing
february 2011 by gordonbrander
QL Zoom
february 2011 by gordonbrander
Good news everyone: a jQuery plugin for magnifying-glass effects.
canvas
javascript
jquery
development
opensource
february 2011 by gordonbrander
Mozilla Labs - Game On 2010
january 2011 by gordonbrander
Results of the open-source HTML5 game contest run by Mozilla. At least one impact game in there!
impactjs
canvas
game
january 2011 by gordonbrander
Crafty - JavaScript Game Engine
january 2011 by gordonbrander
An open-source javascript game framework.
canvas
javascript
game
development
opensource
framework
html
january 2011 by gordonbrander
EaselJS: A Javascript Library for Working with the HTML5 Canvas Element.
january 2011 by gordonbrander
A javascript framework for animation and games.
canvas
javascript
opensource
game
framework
html
january 2011 by gordonbrander
Silk
january 2011 by gordonbrander
Stunning generative art program in Javascript/Canvas
canvas
javascript
art
january 2011 by gordonbrander
YouTube - Easily Create Mobile Physics-based Games like "Angry Birds" with HTML5 using appMobi & ImpactJS
january 2011 by gordonbrander
Angry Bi...*ahem* "Furious Fowl" game in ImpactJS.
impactjs
learn
development
javascript
canvas
html
ios
film
january 2011 by gordonbrander
phoboslab/js-hqx - GitHub
january 2011 by gordonbrander
HQX image scaling algorithm ported to Javascript/Canvas by the guy who made ImpactJS.
canvas
development
image
javascript
opensource
impactjs
january 2011 by gordonbrander
Smokescreen
june 2010 by gordonbrander
Converts Flash movies to HTML5/Canvas/Javascript. Supports a good chunk of Flash8 animation, streaming sound and actionscript.
flash
api
development
canvas
animation
html
javascript
opensource
june 2010 by gordonbrander
Humble Finance
march 2010 by gordonbrander
Open-source tool for creating HTML5 Canvas financial graphs.
javascript
canvas
opensource
html
march 2010 by gordonbrander
FlashCanvas
february 2010 by gordonbrander
A more robust implementation of canvas in Flash, hosted on GitHub. Based on the original proof-of-concept work by Grant Jones. Performance is acceptable for basic stuff, but hangs up on some of the processing.js examples.
flash
canvas
ie
html
february 2010 by gordonbrander
Canvas as ActiveX: iecanvas repository
february 2010 by gordonbrander
...and here is the repository for said Mozilla project.
ie
javascript
canvas
html
february 2010 by gordonbrander
Canvas as ActiveX: No Browser Left Behind
february 2010 by gordonbrander
Vladimir Vukićević of Mozilla is working on porting FF's canvas rendering engine to ActiveX for IE. This would provide a basically native canvas implementation.
canvas
ie
javascript
html
february 2010 by gordonbrander
explorercanvas - Project Hosting on Google Code
february 2010 by gordonbrander
Google has created a turn-key javascript library to make canvas work in IE. Since it uses VML there are some performance issues for interactive things, like games.
canvas
ie
javascript
html
february 2010 by gordonbrander
Aza’s Thoughts: Fixing IE by porting Canvas to Flash
february 2010 by gordonbrander
...it's a proof-of-concept, but it has some performance issues.
canvas
flash
javascript
ie
html
february 2010 by gordonbrander
cufón - fonts for the people
february 2009 by gordonbrander
Font image replacement via Canvas element (+ some magic for IE)
font
typography
web
design
javascript
svg
canvas
february 2009 by gordonbrander
related tags
3d ⊕ animation ⊕ api ⊕ art ⊕ bdw2011 ⊕ blog ⊕ business ⊕ canvas ⊖ coffeescript ⊕ culture ⊕ data ⊕ design ⊕ development ⊕ documentation ⊕ experiment ⊕ film ⊕ flash ⊕ font ⊕ framework ⊕ game ⊕ html ⊕ ie ⊕ illustrator ⊕ image ⊕ impactjs ⊕ infographic ⊕ inspiration ⊕ ios ⊕ javascript ⊕ journalism ⊕ jquery ⊕ learn ⊕ library ⊕ lisp ⊕ mobile ⊕ mozilla ⊕ music ⊕ nodejs ⊕ oop ⊕ opengl ⊕ opensource ⊕ performance ⊕ physics ⊕ plugin ⊕ popcornjs ⊕ presentation ⊕ processing ⊕ responsivedesign ⊕ school ⊕ svg ⊕ teaching ⊕ threejs ⊕ tool ⊕ typography ⊕ vector ⊕ visualization ⊕ web ⊕ webgl ⊕ websockets ⊕Copy this bookmark: