gordonbrander + canvas   70

CamanJS - Image Manipulation in Javascript
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
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
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 
5 weeks ago by gordonbrander
Build New Games
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
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
An example of creating linear gradients with canvas, from MDN.
canvas  javascript  learn 
10 weeks ago by gordonbrander
Nixtu: HTML5 Canvas Gradients - Linear Gradient
Linear gradients in canvas. To pick apart.

Update: oh snap, canvas supports gradients out of the box via createLinearGradient.
javascript  canvas  learn 
10 weeks ago by gordonbrander
soulwire/Coffee-Physics - GitHub
A lightweight (8k minified!) physics engine written in CoffeeScript.
javascript  coffeescript  canvas  physics  opensource  development  web 
12 weeks ago by gordonbrander
Seriously.js
On-the-fly JavaScript green screen. Seriously.
canvas  javascript  opensource  mozilla  popcornjs  film 
february 2012 by gordonbrander
This could be responsive images ya?
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
hiive buzz: Accelerating ImpactJS With WebGL
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 
november 2011 by gordonbrander
New Game Conf Liveblog
A huge overview of the New Game Conf.
html  javascript  game  canvas  blog 
november 2011 by gordonbrander
The Convergence
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
A lovely visualization of Bach's Cello Suite, no. 1.
music  art  javascript  html  canvas  visualization 
october 2011 by gordonbrander
GameJs
A thin Javascript game framework, based on PyGame.
canvas  javascript  development  game  framework 
october 2011 by gordonbrander
chainvas: Chaining for everyone
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
WebGL emulation in the Canvas 2d context (for less gifted browsers). Incredible.
webgl  canvas  javascript  3d  animation  opensource 
september 2011 by gordonbrander
Paladin - MozillaWiki
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
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
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
A Javascript/Canvas runtime for the VVVV visual language
javascript  webgl  canvas  opensource  visualization 
july 2011 by gordonbrander
‪HTML5 Multiplayer Game Development‬‏ - YouTube
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
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
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 }
A great little tutorial on creating a 2d player character with actions in canvas.
canvas  javascript  design  game 
july 2011 by gordonbrander
Paper.js
"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 
june 2011 by gordonbrander
JavaScriptCore Project Files for iOS - PhobosLab
@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
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
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
Javascript/Canvas 3d engine with WebGL (by the talented @mrdoob).
3d  canvas  animation  webgl  javascript  opensource 
may 2011 by gordonbrander
Traer Physics Port
Traer Physics library for Processing.js.
canvas  javascript  processing 
february 2011 by gordonbrander
QL Zoom
Good news everyone: a jQuery plugin for magnifying-glass effects.
canvas  javascript  jquery  development  opensource 
february 2011 by gordonbrander
Mozilla Labs - Game On 2010
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
Silk
Stunning generative art program in Javascript/Canvas
canvas  javascript  art 
january 2011 by gordonbrander
phoboslab/js-hqx - GitHub
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
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
CanvasMol
Molecular visualization in Canvas
canvas  inspiration  html 
april 2010 by gordonbrander
Akihabara
Classic NES knockoffs in HTML5
javascript  canvas  html 
april 2010 by gordonbrander
Humble Finance
Open-source tool for creating HTML5 Canvas financial graphs.
javascript  canvas  opensource  html 
march 2010 by gordonbrander
FlashCanvas
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
...and here is the repository for said Mozilla project.
ie  javascript  canvas  html 
february 2010 by gordonbrander
Canvas as ActiveX: No Browser Left Behind
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
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
...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
Font image replacement via Canvas element (+ some magic for IE)
font  typography  web  design  javascript  svg  canvas 
february 2009 by gordonbrander

Copy this bookmark:



description:


tags: