- 博客(6)
- 收藏
- 关注
原创 介绍vue3中的compositionApi
compositionApisetupsetup 是Vue3.x新增的一个选项, 他是组件内使用 Composition API的入口。setup执行时机,在beforeCreate之前执行setup(props,context) 参数props: 组件传入的属性context:{attrs,slot,emit}//注意:setup中接受的props是响应式的, 当传入新的props 时,会及时被更新。由于是响应式的, 所以不可以使用ES6解构,解构会消除它的响应式。//错误代码示范:段代
2022-01-26 11:22:44 843
原创 给导入的模型创建线框
给导入的模型创建线框创建线框需要THREE.EdgesGeometry和THREE.LineSegmentsconst loader=new GLTFLoader(); loader.load('/models/crty/scene.gltf', //成功的回调 function(gltf){ //调整模型位置 gltf.scene.position.set(0,20,0); //调整模型角度 gl
2022-01-26 11:20:35 453
原创 three.js调整浏览器窗口时,让相机和渲染器自适应
three.js调整浏览器窗口时,让相机和渲染器自适应不废话直接上代码,cv进项目里面就能用/** * Sizes */const sizes = { width: window.innerWidth, height: window.innerHeight}// 用来调整,当浏览器尺寸发生改变,及时进行调整摄像机和渲染器window.addEventListener('resize', () => { // Update sizes sizes.wid
2022-01-26 11:15:14 1144
原创 将外部的建模导入到项目中GLTFLoader.js
将外部的建模导入到项目中GLTFLoader.js注意:下载完的模型要放在public文件夹中或者是static文件夹中,不能放在src文件夹下还有导入时千万别写public/glb/aaa.glb, 要写成/glb/aaa.gltf,不然当你打包后,是找不到public文件夹的。import { GLTFLoader} from 'three/examples/jsm/loaders/GLTFLoader.js'//模型加载器 主要用于模型的导入,three在npm下载完成后就有了/
2022-01-26 11:11:07 2273 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人