Skip to content

walsh9/fun-with-canvas

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

37 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Fun Experiments with HTML Canvas

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

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

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.

Releases

No releases published

Packages

No packages published