Pavetr的博客

摘要： 1、有时需要水面起涟漪的效果，three就自带这种模型 引入水面模型 import { Water } from "three/examples/jsm/objects/Water2"; 设置并加入场景 const water = new Water(planeGeo, { textureWidth 阅读全文

摘要： 1、给模型贴图都是静态的，如果想要动态的怎么办，three.js不止可以贴图片，还可以贴视频来达到动态的效果 2、实现也简单，就是把贴图片的这一步换成视频 let scene = new THREE.Scene(); let geometry = new THREE.SphereGeometry(1 阅读全文

摘要： 1、设置字体的间距用的是letter-spacing属性 h1 {letter-spacing:2px} h2 {letter-spacing:-3px} 效果： 阅读全文

摘要： 1、问题：一个新项目需要在老项目的基础上魔改，但是老项目还处于迭代周期，新项目大部分组件功能来自老项目，老项目修复的问题需要同步到新项目，需要再次在新项目上修改，重复的修改增加工作量还让人心情烦躁，急需解决 2、需求：新旧两个项目之间最好能同步修改，或者说建立映射关系，可以合并 3、思路：在git里 阅读全文

摘要： 1、问题：父元素使用flex布局，子代元素里使用overflow: hidden;会失效 2、解决 在overflow: hidden;元素的父元素设置min-width: 0; 父元素不能设置flex 阅读全文

摘要： 1、给three模型贴图，例子：展示一个太阳在宇宙中心 2、思路：在添加模型的时候给模型贴上图片 创建贴图 //贴图 let textureLoader = new THREE.TextureLoader(); let road = require("./assets/004.jpg"); let 阅读全文

摘要： 1、问题：当element表单里面只有一个input的时候回车会刷新页面 2、原因：当el-form表单里面只有一个input时，回车会触发表单提交的默认事件 3、解决：阻止表单提交的默认事件 在表单处加上@submit.native.prevent <el-form class="main_hea 阅读全文

摘要： three.js监听模型事件是通过THREE上的Raycaster方法实现的 原理是通过获取相机和鼠标点击时的位置，计算并返回一条射线上的模型队列 //获取鼠标坐标 处理点击某个模型的事件 let mouse = new THREE.Vector2(); let raycaster = new TH 阅读全文

摘要： 1、介绍：vue3+ts项目引入ElementPlus的方式有几种，一个是完整引入，一个是官方推荐的自动导入，最后一个是手动导入 2、实操：这里展示前面两种，最后的手动导入不是很推荐，这里就不介绍了 2-1、完整引入，官方案例：element-plus-vite-starter 引入ElementP 阅读全文

摘要： 命令 npm install sass node-sass sass-loader -D 直接就可以在.vue里用了 <style lang="scss" scoped ></style> 阅读全文