πŸŽˆπŸŽ‡ Fun experiments with HTML5 canvas
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
plasma
raycasting
wavy
.gitignore
LICENSE-MIT
README.md
index.html

README.md

Fun Experiments with HTML Canvas

Raycaster

Raycaster

A canvas implementation of a raycasting engine.

There are textured and untextured versions.

Random map generation from rot.js.

The textured raycaster uses public domain textures by rubberduck on opengameart.org.

Based on the raycasting pages of Lode Vandevenne's CG Tutorials. With more math from F. Permadi's Ray-casting Tutorial.

For squeezing a few extra frames out of the pixel by pixel rendering, the MDN article by Paul Roget Faster Canvas Pixel Manipulation with Typed Arrays was useful. But ultimately putImageData is still terribly slow compared to drawImage.

I'd like to make a drawImage based renderer at some point.

Plasma

Plasma

Canvas implementation of an oldschool palette-cycling plasma effect based on math from Lode Vandevenne's CG Tutorials.

Cool Wavy Text

Cool Wavy Text

Text that slides up and down along a sine wave.

Other notes

Glenn Fiedler's article, Fix Your Timestep! was tremendously helpful for coordinating the timing of the rendering and state updates.