Skip to content

walsh9/fun-with-canvas

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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.

About

πŸŽˆπŸŽ‡ Fun experiments with HTML5 canvas

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published