CopperLicht is an open source JavaScript library/API for creating games and interactive 3D applications using WebGL, developed by Ambiera. It is supposed to be used together with its commercial 3D world editor CopperCube, but it can also be used without, losing the ability to directly load a scene.
CopperLicht is an open source JavaScript library/API for creating games and interactive 3D applications using WebGL, developed by Ambiera. The aim of the library is to provide an API for making it easier developing 3D content for the web. It is supposed to be used together with its commercial 3D world editor CopperCube, but it can also be used without.
The engine was released first in February 2010, by a demo website, showing a Quake III Arena level rendered in real time in the browser window. The library was originally intended to be used a WebGL backend for the CopperCube editor, another Amberia creation, but then the developers decided to make the library free to be used by the public. In November 2014, CopperLicht was made free and open source, based on a zlib style license.
Features:
The 1.9 release includes the following features:
3D rendering based on a hierarchical Scene graph.
Pre-created materials and shaders, including pre-calculated lightmap support
Skeletal animation
Built-in Collision detection and simple Physics engine
Dynamic light support
System to create and use custom shaders and materials based on the OpenGL Shading Language(GLSL) Impostors like Billboards and Skyboxes
Paths and Splines
Behavior and Action system
Texture animation
Vertex color support
Integrated 2D font and 2D primitives rendering system
Automatic redraw reduction system
Exemple code:
Render a cube with a FPS Camera:
<html>
<head>
<title>CopperLicht Hello World</title>
</head>
<body>
<div align="center">
<canvas id="3darea" width="640" height="480" style="background-color:#000000">
</canvas>
</div>
<script type="text/javascript">
// create the 3d engine
var engine = new CL3D.CopperLicht('3darea');
if (engine.initRenderer())
{
// add a new 3d scene
var scene = new CL3D.Scene();
engine.addScene(scene);
scene.setBackgroundColor(CL3D.createColor(1, 100, 0, 0));
scene.setRedrawMode(CL3D.Scene.REDRAW_WHEN_SCENE_CHANGED);
// add a cube to test out
var cubenode = new CL3D.CubeSceneNode();
scene.getRootSceneNode().addChild(cubenode);
cubenode.getMaterial(0).Tex1 = engine.getTextureManager().getTexture("test.jpg", true);
// add a user controlled camera with a first person shooter style camera controller
var cam = new CL3D.CameraSceneNode();
cam.Pos.X = 20;
cam.Pos.Y = 15;
var animator = new CL3D.AnimatorCameraFPS(cam, engine);
cam.addAnimator(animator);
animator.lookAt(new CL3D.Vect3d(0,0,0));
scene.getRootSceneNode().addChild(cam);
scene.setActiveCamera(cam);
}
</script>
</body>
</html>
Useful links:
