https://github.com/carbonicsoda/kolu

Attempt to Render 3D in Canvas Without WebGL
https://github.com/carbonicsoda/kolu

canvas perspective-projection rendering-3d-graphics

Last synced: 3 days ago
JSON representation

Attempt to Render 3D in Canvas Without WebGL

• Host: GitHub
• URL: https://github.com/carbonicsoda/kolu
• Owner: CarbonicSoda
• License: mit
• Created: 2024-11-19T09:50:55.000Z (3 months ago)
• Default Branch: master
• Last Pushed: 2025-01-29T03:22:15.000Z (8 days ago)
• Last Synced: 2025-01-29T04:20:29.272Z (8 days ago)
• Topics: canvas, perspective-projection, rendering-3d-graphics
• Language: TypeScript
• Homepage: https://carbonicsoda.github.io/kolu/
• Size: 98.6 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
This project is an attempt to render 3D scenes in HTMLCanvas, without the use of WebGL.

Maths used are perspective projection, relative coordinate frames and some other linear algebra stuff.

Algorithm used for culling is the [painter's algorithm](https://en.wikipedia.org/wiki/Painter's_algorithm).

This is for performance since everything in Kolu is rendered by the CPU.

A demo is available at [GitHub Page](https://carbonicsoda.github.io/kolu/).

To play with the demo clone the repository, edit src/index.ts and run `npx vite watch`.

This project is discontinued as my original expectations are (roughly) met.  

And that continue working on it may not be worth it and might even trash performance.

Of course, this is only meant to be a fun toy anyways,

as probably everyone would choose to use 3.js or something similar nowadays.

But I guess learning a lot during building this project is all that matters :D