I'm trying to add a 3D effect on a plane in a React site. But I haven't been able to create a plane that fills the camera, like in all the Three.js shader or post-processing examples.
I have tried using an Orthographic Camera + plane, based on this answer, like so:
<Canvas>
<OrthographicCamera left={-1} right={1} top={1} bottom={-1} near={0} far={1} />
<planeGeometry args={[2, 2]} />
</OrthographicCamera>
</Canvas>
But this results in a small square in the middle of the canvas. …
我正在尝试将 OBJ 3D 模型显示为可以使用 Three.js 通过 OrbitControls 移动的线框。我是three.js的新手，所以如果我遗漏了一些“明显”的东西，我深表歉意。
我已经能够使用 OrbitControls 将立方体显示为线框。在不同的设置中，我能够将 OBJ 3D 模型显示为线框。因此，该问题与 3D 模型无关。
当我尝试将两种方法混合在一起时，就会出现问题。
我试图通过两种方式解决这个问题：
大多数其他的答案集中脚本的顺序：是的，我曾尝试向移动three.min.js，OrbitControls.js，OBJLoader.js，和我的主要工作model.js变成有序和无序，无微不至。
这是我的代码：
<head>
<style media="screen"> html, body { margin: 0; } #model_container { background-color: #333333; margin: 50px; } </style>
<title>OBJ Wireframe</title>
<script defer src="script/three/build/three.min.js"></script>
<script defer src="script/three/examples/jsm/controls/OrbitControls.js"></script>
<script defer src="script/three/examples/jsm/loaders/OBJLoader.js"></script>
<script defer src="script/model.js"></script>
</head>
<body>
<div id="model_container"></div>
</body>
const globalWidth = window.innerWidth - 100;
const globalHeight …我正在构建一个 Gatsby 站点并希望使用react-three-fiber. 我正在尝试向其中添加 Stats.js，只是为了监视（并了解它是如何工作的），就像大多数普通的 Three.js 项目一样。
react-stats，但它似乎已经过时：上次更新是 5 年前。在我发现“与 React 16 不兼容”的问题中，即使它似乎已修复，“需要导入 Proptypes”错误不断弹出。react-canvas-stats，并争夺几个小时后，我不能让过去的老板错误“类型错误：目标不是构造函数”来自何处createInstance在node_modules/react-three-fiber/web.js:183。根据我的经验，我可能不应该弄乱node_modules.我不确定使用包是否是最好的主意（或者如果我找不到更好的包），或者我是否应该尝试stats.js从原始存储库中添加（完全不知道从哪里开始） . 或者，如果首先添加毫无意义stats.js，我应该做一些完全不同的事情。或者，如果有一个非常明显的解决方案，我完全错过了！
无论如何，感谢所有答案！