Skip to content

taylorplewe/pixelated-website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 

Repository files navigation

demo video

I was wondering how one might go about making a website pixelated. Turns out the new HTML-in-Canvas API was exactly what I was looking for.

https://tplewe.com/pixel-site

Important

For the site to work, you MUST be on Chrome Canary and enable the "HTML-in-Canvas" feature flag (chrome://flags/#canvas-draw-element).

It would look a lot better if I could disable anti-aliasing. Still looking for that solution.

Cursor graphic is from Age of Empires II, background is from Seiken Densetsu 3; both curtousy of The Spriters Resource.

About

Playing around with the new HTML-in-Canvas API to render an HTML page as pixelated

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages