Peaceultime/vtt-mapper
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Physics tests

Browse Source
This commit is contained in:
Peaceultime
2024-06-10 17:45:32 +02:00
parent 98e78ca33e
commit 6d20041842
10 changed files with 619 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/renderer/renderer.class.ts
View File

@@ -1,22 +1,23 @@
import * as Three from 'three';
import Asset from '../assets/asset.class';
import { FRUSTUMSIZE } from '../consts';
export default class Renderer
{
static #scene: Three.Scene;
static #camera: Three.OrthographicCamera;
static scene: Three.Scene;
static aspect: number;
static renderer: Three.WebGLRenderer;
static camera: Three.OrthographicCamera;
static init(): Boolean
{
try {
const canvas = document.createElement("canvas");
canvas.addEventListener("webglcontextcreationerror", console.error);
const context = canvas.getContext("webgl2");
this.#renderer.setPixelRatio( window.devicePixelRatio );
document.body.appendChild(this.#renderer.domElement);
this.renderer = new Three.WebGLRenderer({ antialias: true });
this.renderer.setPixelRatio( window.devicePixelRatio );
document.body.appendChild(this.renderer.domElement);
this.#scene = new Three.Scene();
this.#camera = new Three.OrthographicCamera( window.innerWidth / - 2, window.innerWidth / 2, window.innerHeight / 2, window.innerHeight / - 2, 1, 1000 );
this.scene = new Three.Scene();
this.camera = new Three.OrthographicCamera();
this.camera.position.z = 500;
this.#resize();
window.addEventListener("resize", this.#resize.bind(this));
@@ -31,17 +32,28 @@ export default class Renderer
}
static #resize(): void
{
this.#renderer.setSize( window.innerWidth, window.innerHeight );
this.#camera.left = window.innerWidth / - 2;
this.#camera.right = window.innerWidth / 2;
this.#camera.top = window.innerHeight / 2;
this.#camera.bottom = window.innerHeight / - 2;
const aspect = this.aspect = window.innerWidth / window.innerHeight;
this.renderer.setSize( window.innerWidth, window.innerHeight );
this.camera.left = FRUSTUMSIZE * aspect / - 2;
this.camera.right = FRUSTUMSIZE * aspect / 2;
this.camera.top = FRUSTUMSIZE / 2;
this.camera.bottom = FRUSTUMSIZE / - 2;
this.camera.updateProjectionMatrix();
this.render();
}
static render(): void
static render(delta?: number): void
{
console.log(new Three.PlaneGeometry());
this.#renderer.render(this.#scene, this.#camera);
this.renderer.render(this.scene, this.camera);
}
static startRendering(): void
{
this.renderer.setAnimationLoop(Renderer.render.bind(Renderer));
}
static stopRendering(): void
{
this.renderer.setAnimationLoop(null);
}
}