如何在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 (将#修改为@）