如何解决如何在angular的worker中使用Three.js
当我尝试在angular的worker.ts(与javascript worker.js相关)中使用Three.js时,尝试进行屏幕外渲染,错误显示为:
似乎worker.ts失去了一些上下文,工作代码很简单:
/// <reference lib="webworker" />
import * as THREE from 'three'; // it triggers the error
addEventListener('message',({ data }) => {
const canvas = data.canvas;
const response = `worker response to ${data}`;
importScripts('https://cdnjs.cloudflare.com/ajax/libs/three.js/94/three.min.js');
const renderer = new THREE.WebGLRenderer({ canvas: data.canvas });
postMessage(response);
});
onmessage = (evt) => {
const canvas = evt.data.canvas;
const gl = canvas.getContext('webgl');
function render(time) {
// ... some drawing using the gl context ...
requestAnimationFrame(render);
}
requestAnimationFrame(render);
};
是否有关于在ts工作者中使用三个的指南?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。