3d/src/005-thoughtform-hidenoe/main.ts

36 lines
1 KiB
TypeScript

import { MeshRenderer } from "../renderer/mesh-renderer";
import { WebGLApp } from "../renderer/webgl";
import { Renderable } from "../renderer/renderable";
import { Transform, etoq, v3 } from "../renderer/transform";
import plane from "../meshes/plane";
import { outer } from "./shaders/outer";
import { noe } from "./shaders/noe";
const useDebug = location.search.includes("alt1");
const app = new WebGLApp({ fov: 45 });
const camera = new Transform([0, 0, 2], etoq([0, 0, 0]));
const transformPlane = new Transform(v3(0), etoq([0, 180, 0]), v3(1.8));
const transformSphere = new Transform(v3(0), etoq([0, 180, 180]), v3(0.6));
// app.onUpdate((time, app) => {
// // const wiggle = 40 * (Math.sin(time) * 0.001);
// // camera.position = [wiggle, 2, 4 - wiggle];
// });
new Renderable(
app,
transformPlane,
new MeshRenderer(app, plane, outer(app), camera).configure({})
);
new Renderable(
app,
transformSphere,
new MeshRenderer(app, plane, noe(app, useDebug), camera).configure({})
);
// createGizmo(app, camera, light);
app.start();