Creating a canvas platformer tutorial part one
Part one of my canvas platformer series. I set up a player, build a requestAnimationFrame loop, track keyboard input, add friction and gravity, and implement a basic jump.
Working notes and small writeups.
Things I'm building and why.
Notes from building software, mostly the parts worth remembering by Jason Brown (Loktar).
Rainbow bright bookmarklet
A bookmarklet that cycles colors across every element on the page. Drag it to your bookmarks, click it on any site, and enjoy the chaos...
Snowfall 1.6
Snowfall 1.6 adds image-based flakes and a pure JavaScript API alongside the jQuery version. This post shows how to start it, clear it, and the options you can tweak.
Retroships.com
A weekend project where I generate 2D retro ships with node-canvas and serve them from Nodejitsu. I also cover a few ideas I wanted next, like seeds, ship styles, and a simple generate URL.
Super Simple Wave Simulators
Two wave sims I put together after going down a water-effects rabbit hole: one in JavaScript + canvas, and one that does it with just HTML/CSS. Both have embedded demos (and CodePen links) and were picked / featured on codepen.
My sons first game Dark Slayer
My sons Jacob and Gavin build their first canvas game, Dark Slayer, after following a Lost Decade Games tutorial. They added enemies that shoot, player health, and an ending, and created the art.
2d Metaballs with canvas!
I recreated the metaballs effect in JavaScript canvas using radial gradients and an alpha threshold. This post walks through the approach, includes the gists, and links a demo and JSFiddle to play with.
Turning canvas games into executables
I wrapped an HTML5 canvas game into a self-contained executable using Qt WebKit and embedded resources so the assets are not exposed. This is the quick write-up of the approach and what I wanted to test next (dependencies and performance).
JEST another HTML5 Game Framework
I cleaned up my home-grown canvas game framework and posted it on GitHub as JEST. It is a compact base I use for demos and small games, and the post links the repo plus an early demo.
HTML5 Canvas Flood Fill
I implemented a recursive flood fill for a Rampart-ish canvas prototype and broke down how it works. Includes the core function, how I call it on a 2D array, and a JSFiddle to try it (plus a quick note on stack limits for large maps).
jquery
security
llm
tutorial
optimization
local
c#
procedural generation
blog
javascript
tools
css
cloudflare
github
git
opengl
career
coaching
demo
claude
plugin
multiplayer
algorithms
graphics
ai
game development
library
flash
leadership
android
node.js
plugins
canvas
animation
personal
programming
hosting
web design
static generation
