3D shapes in WebGL

Just a plane and a cylinder in 3d space generated from functions. Texture coordinates are generated at the same time. The texture is generated in the fragement shader. Oops … your browser doesn’t support the HTML5 canvas element Transpose texture UVs → Toggle

Bresenham line and circle drawing in HTML5

Here are simple implementations of a Bresenham line drawing algorithm and a Bresenham circle drawing algorithm from my Computer Graphics class. They’re just using an HTML 5 Canvas and Javascript. Will be moving into WebGL soon.. Ten random lines Your browser does not support html5 canvas. Three triangles with circumscribed circles Your browser does not […]