three.js我遇到的问题
关于模型加了阴影出现条纹的问题 给灯光加一个属性： pointLight.shadow.bias = -0.005;
three.js加载模型基础代码
代码展示import * as THREE from 'three'; import { onMounted } from "vue" import { OrbitControls } from 'three/addons/controls/OrbitControls.js'; import ...
three.js结合cannon-es实现3d物理世界
说明这里主要实现物理世界中的自由落体和物体间的碰撞 学习本篇文章前，请事先了解或者学习一下three的内容，方便理解，这里不会教大家创建一个基础的three3d场景，直接就是进行物理世界的搭建 下载依赖包npm i cannon-es 引入依赖包import * as CANNON from "cannon-es"; 搭建物理世界1.实例化一个物理世界,并且设置重力加...
three.js添加gui参数调试工具
安装依赖npm install --save dat.gui 在vue中使用<template> <div id="canvas"></div> </template> <script> import dat from "dat.gui" // 创建gui调试面板 ...
three.js常见知识点
添加三维坐标const axesHelper = new THREE.AxesHelper(5) axesHelper.position.y = 1 scene.add(axesHelper) 修改背景颜色scene.background = new THREE.Color("#9aa7b1") 雾// 第一个参数是雾的颜色，第二个是雾的最小距离，第三个是雾的最大距离...