Remove canvas ele param from basic renderer

This commit is contained in:
MrKBear 2022-02-24 16:15:27 +08:00
parent 6ee85aff1b
commit 045a0377ee
2 changed files with 6 additions and 5 deletions

View File

@ -5,7 +5,9 @@ import { GLContext } from "./GLContext";
import { Camera } from "./Camera";
import { Clock } from "@GLRender/Clock";
interface IRendererOwnParams {}
interface IRendererOwnParams {
canvas: HTMLCanvasElement;
}
/**
*
@ -38,7 +40,7 @@ abstract class BasicRenderer<
*/
protected clock: Clock;
public constructor(canvas: HTMLCanvasElement, param: Partial<M & IRendererParams> = {}) {
public constructor(param: Partial<M & IRendererParams> = {}) {
super();
// 初始化参数
@ -50,7 +52,7 @@ abstract class BasicRenderer<
} as M & IRendererParams;
// 实例化画布对象
this.canvas = new GLCanvas(canvas, this.param);
this.canvas = new GLCanvas(param.canvas, this.param);
// 实例化摄像机
this.camera = new Camera(this.canvas);

View File

@ -21,8 +21,7 @@ class Laboratory extends Component {
throw new Error("Laboratory: 重复引用 canvas 节点");
}
const canvas = document.createElement("canvas");
const renderer = new ClassicRenderer(canvas, { className: "canvas" });
const renderer = new ClassicRenderer({ className: "canvas" });
this.canvasContRef.current.appendChild(renderer.canvas.dom);
renderer.onLoad();