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

View File

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