three.js添加gui参数调试工具

安装依赖npm install --save dat.gui 在vue中使用<template> <div id="canvas"></div> </template> <script> import dat from "dat.gui" // 创建gui调试面板 ...

前端进阶

three.js添加轨道控制器

引入import { OrbitControls } from 'three/addons/controls/OrbitControls.js'; 添加轨道控制器const controls = new OrbitControls( camera, renderer.domElement ); 在动画函数中使用function animate( t...

前端进阶

three.js常见知识点

添加三维坐标const axesHelper = new THREE.AxesHelper(5) axesHelper.position.y = 1 scene.add(axesHelper) 修改背景颜色scene.background = new THREE.Color("#9aa7b1") 雾// 第一个参数是雾的颜色,第二个是雾的最小距离,第三个是雾的最大距离...

前端进阶

使用three.js创建一个最基础的3d场景

效果图 代码import * as THREE from 'three'; const width = document.documentElement.clientWidth const height = document.documentElement.clientHeight // 创建3d场景 const scene = new THREE.Scene() ...

前端进阶

为git配置代理(解决开启科学上网后,push报错问题)

本文参考至: 解决挂着Clash的时候git操作push失败的问题-CSDN博客 问题源当开启Clash后,本机网络会被代理,此时可以在 设置-网络-代理 中看到: 失败的原因就是本机开启了代理,而git没有设置代理,导致443端口转发不过去 解决设置代理: git config --global http.proxy http://127.0.0.1:7890 git config --...

前端进阶
12345610