Three.js Integration

import { OpenGeometry, Polygon, Cuboid, Cylinder, Sphere, Sweep } from '@opengeometry/kernel-three';
import { Vector3 } from '@opengeometry/kernel-three';

await OpenGeometry.create({ 
  wasmURL: '/path/to/opengeometry_bg.wasm' 
});

const polygon = new Polygon({
  vertices: [/* Vector3[] */],
  color: 0x2563eb
});

// Use like any THREE.Mesh
scene.add(polygon);
polygon.position.set(0, 1, 0);
polygon.rotation.y = Math.PI / 4;

interface IPolygonOptions {
  ogid?: string;        // Optional unique ID
  vertices: Vector3[];  // Required vertices
  color: number;        // Hex color value
}

interface ICuboidOptions {
  ogid?: string;
  center: Vector3;
  width: number;
  height: number;
  depth: number;
  color: number;
}

import { Polygon, Vector3 } from '@opengeometry/kernel-three';

const polygon = new Polygon({
  vertices: [
    new Vector3(-1, 0, -1),
    new Vector3(1, 0, -1),
    new Vector3(1, 0, 1),
    new Vector3(-1, 0, 1)
  ],
  color: 0x2563eb
});

scene.add(polygon);

polygon.addHole([
  new Vector3(-0.5, 0, -0.5),
  new Vector3(0.5, 0, -0.5),
  new Vector3(0.5, 0, 0.5),
  new Vector3(-0.5, 0, 0.5)
]);

import { Cuboid, Vector3 } from '@opengeometry/kernel-three';

const cuboid = new Cuboid({
  center: new Vector3(0, 0.5, 0),
  width: 1.8,
  height: 1.6,
  depth: 1.2,
  color: 0x10b981
});

cuboid.outline = true;
scene.add(cuboid);

import { Cylinder, Vector3 } from '@opengeometry/kernel-three';

const cylinder = new Cylinder({
  center: new Vector3(0, 1, 0),
  radius: 1.0,
  height: 2.0,
  segments: 32,
  angle: 2 * Math.PI,  // Full circle
  color: 0x0ea5e9
});

scene.add(cylinder);

import { Sphere, Vector3 } from '@opengeometry/kernel-three';

const sphere = new Sphere({
  center: new Vector3(0, 1, 0),
  radius: 1.0,
  widthSegments: 24,
  heightSegments: 16,
  color: 0xf59e0b
});

scene.add(sphere);

import { Sweep, Vector3 } from '@opengeometry/kernel-three';

const sweep = new Sweep({
  path: [
    new Vector3(-2, 0, -1),
    new Vector3(-1, 0.5, 0),
    new Vector3(0, 1, 0.5),
    new Vector3(1, 1.5, 0),
    new Vector3(2, 2, -1)
  ],
  profile: [
    new Vector3(-0.25, 0, -0.25),
    new Vector3(0.25, 0, -0.25),
    new Vector3(0.25, 0, 0.25),
    new Vector3(-0.25, 0, 0.25)
  ],
  color: 0x0ea5e9,
  capStart: true,
  capEnd: true
});

scene.add(sweep);

const cuboid = new Cuboid({
  center: new Vector3(0, 0.5, 0),
  width: 1,
  height: 1,
  depth: 1,
  color: 0x10b981
});

// Later, update dimensions
cuboid.setConfig({
  center: new Vector3(0, 1, 0),
  width: 2,
  height: 2,
  depth: 2,
  color: 0x10b981
});

polygon.color = 0xff0000;  // Change to red

polygon.outline = true;  // Enable outline
polygon.outline = false; // Disable outline
polygon.outlineColor = 0x000000; // Set outline color

const brepData = cuboid.getBrepData();
console.log(brepData); // { vertices: [...], edges: [...], faces: [...] }

// Geometry is regenerated when calling setConfig
polygon.setConfig(newOptions);

// Manual cleanup if needed
polygon.discardGeometry();

import * as THREE from 'three';
import { OpenGeometry, Polygon, Cuboid, Cylinder, Vector3 } from '@opengeometry/kernel-three';

// Initialize scene
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

// Initialize OpenGeometry
await OpenGeometry.create({ 
  wasmURL: '/opengeometry_bg.wasm' 
});

// Create shapes
const polygon = new Polygon({
  vertices: [
    new Vector3(-1, 0, -1),
    new Vector3(1, 0, -1),
    new Vector3(1, 0, 1),
    new Vector3(-1, 0, 1)
  ],
  color: 0x2563eb
});
polygon.outline = true;
scene.add(polygon);

const cuboid = new Cuboid({
  center: new Vector3(3, 0.5, 0),
  width: 1.5,
  height: 1.5,
  depth: 1.5,
  color: 0x10b981
});
cuboid.outline = true;
scene.add(cuboid);

const cylinder = new Cylinder({
  center: new Vector3(-3, 1, 0),
  radius: 0.75,
  height: 2,
  segments: 32,
  angle: 2 * Math.PI,
  color: 0x0ea5e9
});
cylinder.outline = true;
scene.add(cylinder);

// Setup camera
camera.position.set(5, 4, 6);
camera.lookAt(0, 0, 0);

// Render loop
function animate() {
  requestAnimationFrame(animate);
  renderer.render(scene, camera);
}
animate();

const og = await OpenGeometry.create({ wasmURL: '/opengeometry_bg.wasm' });
og.enableDebug = true;