分类：Threejs

2021
06-19

如何用threejs实现实时多边形折射

前言在本教程中，您将学习如何使用Three.js在三个步骤中使对象看起来像玻璃。渲染3D对象时，无论使用某种3D软件还是使用WebGL进行实时显示，始终都必须为其分配材料以使其可见并具有所需的外观。可以使用Three.js之类的库中的现成程序来模仿许多类型的材料，但是在本教程中，我将向您展示如何使用三个对象（三个步骤）使对象看起来像玻璃一样。步骤1：设定和正面折射在本演示中，我将使用菱形几何图形，但是您可以跟随一个简单的盒... 继续阅读 >
2021
04-07

使用 React 和 Threejs 创建一个VR全景项目的过程详解

最近我在学习使用React配合Three.js来搭建一个可以浏览720全景图片的项目实现的是加载一张2:1的720全景分享一下我的创建过程一、搭建框架并安装需要的插件npxcreate-react-appparano//创建一个React项目npminstall-Stypescript//安装typescript，这个是类型辅助插件，与全景项目关系不大npminstall-S@types/three//安装typescript支持的three.js插件二、创建Pano组件Pano组件用来加载720全景图impor... 继续阅读 >