main.js

import * as CGEngine from './src/main';

window.addEventListener('load', () => {
  const canvas = document.getElementById('cnv');

  const renderer = new CGEngine.Renderer({
    canvas,
    clearColor: new CGEngine.Color(0.0, 0.0, 0.0, 1.0),
    clearDepth: 1,
  });

  const camera = new CGEngine.PerspectiveCamera(Math.PI * 0.5, 1, 0.01, 1000);
  // const camera = new CGEngine.OrthographicCamera(10, canvas.width / canvas.height, 0.01, 1000);

  const pbr = CGEngine.PBRPrimitives.CookTorrance;
  console.log(pbr);

  camera.transform.position.z = 1;
  camera.transform.position.y = 0;
  camera.transform.lookAt(new CGEngine.Vector3(1, 0, 0));

  const entity = new CGEngine.Entity(
    CGEngine.GeometryPrimitives.Cube(),
    new CGEngine.Material(
      CGEngine.ShaderPrimitives.BasicVertex,
      CGEngine.ShaderPrimitives.PhysicalFragment(pbr),
      {
        albedo: new CGEngine.Vector4(1, 0, 0, 1),
        metallic: 0.5,
        roughness: 0.4,
      },
    ),
  );

  entity.transform.position.x = 0.0;
  entity.transform.position.z = 0.0;


  const entity2 = new CGEngine.Entity(
    CGEngine.GeometryPrimitives.Torus(0.2, 50, 50),
    new CGEngine.Material(
      CGEngine.ShaderPrimitives.BasicVertex,
      CGEngine.ShaderPrimitives.PhysicalFragment(pbr),
      {
        albedo: new CGEngine.Vector4(0, 1, 0, 1),
        metallic: 0.5,
        roughness: 0.4,
      },
    ),
  );

  entity2.transform.position.x = 1.0;
  entity2.transform.position.z = 1.0;

  const entity3 = new CGEngine.Entity(
    CGEngine.GeometryPrimitives.Sphere(50, 50),
    new CGEngine.Material(
      CGEngine.ShaderPrimitives.BasicVertex,
      CGEngine.ShaderPrimitives.PhysicalFragment(pbr),
      {
        albedo: new CGEngine.Vector4(1, 1, 1, 1),
        metallic: 0.5,
        roughness: 0.5,
      },
    ),
  );

  entity3.transform.position.x = -1.0;
  entity3.transform.position.y = -1.0;
  entity3.transform.position.z = 1.0;

  const parent = new CGEngine.Empty();
  parent.children.push(entity);
  parent.children.push(entity2);
  parent.children.push(entity3);

  const floor = new CGEngine.Entity(
    CGEngine.GeometryPrimitives.Plane(),
    new CGEngine.Material(
      CGEngine.ShaderPrimitives.BasicVertex,
      CGEngine.ShaderPrimitives.PhysicalFragment(CGEngine.PBRFunctions.Diffuse.NormalizedLambert + CGEngine.PBRFunctions.BRDF.KajiyaKay),
      {
        albedo: new CGEngine.Vector4(1, 1, 1, 1),
        metallic: 0.9,
        roughnessX: 1.0,
        roughnessY: 0.5,
      },
    ),
  );

  floor.transform.position.y = -3.0;
  floor.transform.scale = new CGEngine.Vector3(1.0, 1.0, 1.0).multiply(10);

  const light = new CGEngine.LightPrimitives.Directional(new CGEngine.Color(0.1, 0.1, 0.1, 1));
  light.transform.rotation.eularAngle(new CGEngine.Vector3(0, 0, -Math.PI * 0.15));
  const point = new CGEngine.LightPrimitives.Point(new CGEngine.Color(1, 1, 1, 1), 10, 2);
  point.transform.rotation.eularAngle(new CGEngine.Vector3(0, 0, 0));
  point.transform.position.set(1, 1, 0);
  const spot = new CGEngine.LightPrimitives.Spot(
    new CGEngine.Color(1, 1, 1, 1),
    Math.PI * 0.1,
    Math.PI * 0.05,
    30,
    1,
  );
  // spot.transform.rotation.eularAngle(new CGEngine.Vector3(0, 0, 0));
  spot.transform.position.set(4, 3, 4);
  spot.transform.lookAt(new CGEngine.Vector3(0, -3, 0));
  const ambient = new CGEngine.LightPrimitives.Ambient(new CGEngine.Color(0.05, 0.05, 0.05));

  const root = new CGEngine.Empty();
  root.children.push(floor);
  root.children.push(parent);
  root.children.push(light);
  root.children.push(point);
  root.children.push(spot);
  root.children.push(ambient);

  renderer.addEntities(root);
  let count = 0;


  function tick() {
    count += 1;
    parent.transform.rotation.eularAngle(
      new CGEngine.Vector3((count / 100) * 0.3, (count / 100) * 0.17, (count / 100) * 0.23),
    );
    camera.transform.position = new CGEngine.Vector3(
      Math.cos(count / 100) * 5,
      3,
      Math.sin(count / 100) * 5,
    );
    camera.transform.lookAt(new CGEngine.Vector3(0, 0, 0));
    renderer.render(camera);
    requestAnimationFrame(tick);
  }

  tick();
});