Get started with isomer CDN

MIT licensed

The Isomer library is a lightweight 3D library for the web, written in JS.

Tags:
  • isometric
  • graphics
  • canvas
  • 3D

Stable version

Copied!

How to start using isomer CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with isomer CDN - cdnhub.io</title>
  <style>
    #container { width: 100%; height: 100vh; }
  </style>
  <script src="https://cdn.cdnhub.io/isomer/0.2.6/isomer.min.js"></script>
</head>
<body>
  <div id="container"></div>
  <script>
    const scene = new ISomer.Scene({ time: { fps: 60 } });
    const box = new ISomer.Box({
      args: [1, 1, 1],
      position: [0, 0, 0],
      rotation: [Math.PI / 4, 0, 0],
    });

    scene.add(box);

    const render = () => {
      box.rotation.x += 0.01;
      scene.render();
      requestAnimationFrame(render);
    };

    render();
  </script>
</body>
</html>
Copied!
Copied!

All versions