Live ESample
Tested on IE11, Opera, Safari, Chrome, and FireFox

WebGL System  for the creation of 3D games, 3D Maps, and 3D Pictures
Using Format Common Ground 2000



Examples
(Chrome / FireFox / IE9 / Safari -- 3D to 2D draw on canvas)
Bouncing Ball  Sphere  Line Cube  I-Beams  Gravity (25,920 points - wait for it)

Examples: WebGL: (Opera, Safari, Chrome, FireFox, IE 11)
Gravity   Square   Cube   Textured Cube   Textured Sphere   Earth   Jupiter 
 

Capabilities

  • Lines (N-sided)
  • Arc (N-sided)
  • Circles (N-sided)
  • Points (N-sided)
  • Sphere (N-Sided)
  • Pipe (N-Sided)
  • Cube
  • Square
  • Polygons
  • Videos
  • Triangles (Faces)
  • Mesh
  • Symbols
  • Text, (3D Fonts and Standard Fonts)
  • Pictures, (Draw an image to be used as moving textures)
  • Animations, (By Layer, Group, and Sub-Group)
  • Textures (Gradient, Solid Color, Images (jpg, bmp, png, tif,...), Canvas, DOM Elements, Moving Pictures, Videos)
  • Lighting
  • Layers (group and sub-groups, to any level)

Output formats:

  • Draw on HTML Canvas
  • Export to CG2 (*.cg2)
  • Export to 3D File Format COLLADA (*.dae)

Drawing 3D graphic Features (data)

sample.cg2

	line,'style:squarePipe',2,0:0:0,100:100:100;
	cube,'color:red;name:squarePipe',0:0:0,,1,1,1;
	cube,'name:roundPipe;sides:8',0:0:0,1,1,1;
	ball,sides:32,0:0:0,1,1,1;
	polygon,height:20,3,100:100:100,150:150:100,120:200:150;
	arc,100:100:0,::45,100,0,90;
	circle,150:150:50,90,100;
	text,150:150:50,90,Hello World,0,CenterCenter;
	symbol,150:150:50,90,0,Star,0,LowerLeft;
	mesh,4,0:0:0,100:100:0,100:100:100,0:0:100,2,2,0:2:0,1:2:4,0:1:0;
	face,3,100:100:100,150:150:100,120:200:150,1,1:2:3;

	
Computer('draw sample.cg2 on MyCanvas');