不错的想念-CSDN博客

原创 Three.js实现相机碰撞检测（使用Raycaster类）

最近做漫游巡检的功能的时候需要用到相机的碰撞检测功能，具体方法如下：首先了解什么是Raycaster类：Raycaster 应该翻译为“光线投射”，顾名思义，就是投射出去的一束光线。网上一般都是鼠标点击拾取时候的碰撞检测，但是如果是相机的碰撞检测如何实现呢？Raycaster的构造函数如下：Raycaster( origin, direction, near, far ){origi...

2020-04-26 10:24:11 2671 2

原创 vite+vue3实现网页版编辑器，带高亮以及代码提示（SQL语言为例）

实现网页版编辑器有比较成熟的插件，这里使用的是微软的开源组件，由于官网文档较为晦涩难懂，结合，完成网页编辑器的代码高亮、代码提示以及中文汉化等功能，以上功能以SQL语言为例

2024-01-03 15:31:12 3124 2

原创 Threejs中使用辉光后期处理通道导致背景失效问题

记录页面自动滚动方法欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

2021-11-15 17:35:36 1459 5

原创解决echarts中effectScatter类型散点图中emphasis. focus不生效问题

项目场景：提示：使用echarts类型为effectScatter的散点图的时候想要实现悬浮某个点其余散点隐藏问题描述：使用echarts版本在5.0.0以上的时候在使用effectScatter类型散点图的时候使用官方api中emphasis. focus实际效果却是不生效emphasis: { focus: 'series', blurScope: 'coordinateSystem'} 解决方案：首先判断类型为scatter的散点图使用emphasis. fo

2021-11-08 15:01:43 4506

原创 js实现页面自动滚动方法

记录一下页面自动滚动方法首先实现自动滚动方法 // 滚动代码 const scrollToTop = () =>{ var hScrollTop = document.getElementById('app').scrollTop; var hScrollHeight = document.getElementById('app').scrollHeight; var height = 1 console.log(hScrollTop+" "+hScrollH

2021-11-08 14:22:30 7739

原创 elementUI中el-tooltip多个循环展示快速下滑出现抖动滚动条解决方法

废话不多说直接上代码，记录一下首先循环输出多个el-tooltip<el-tooltip placement="top" :append-to-body="false" content="asdasdasdasdasdasdasdasdasdasdasdasd" v-for="(item,key) in list" :key="key" ref="key"&gt

2021-07-10 22:28:30 4009 4

原创获取高度为0的div高度方法

记录一下获取高度为0的div高度方法// An highlighted blockthis.$nextTick(()=>{ const dd = window.getComputedStyle(document.getElementById('dd')).height this.dddd = dd });

2021-07-02 23:39:33 190

原创 Three.js不通过控制器实现（WASD）控制移动方向，记录一下

不适用控制器实现（WASD）控制移动方向，核心代码如下： if (front) { camera.position.z += vect.dot(new THREE.Vector3(0, 0, 15)) * 0.01; camera.position.x += vect.dot(new THREE.Vector3(15, 0, 0)) * 0.01; } if (back) { camera.posit

2020-05-18 14:53:13 1080 8

原创 three.js中使用CSS3D（CSS3DRenderer）方式展现效果修改展示形状（例子是官网的元素周期表）

**在Three.js中如何使用CSS3D方式的效果呢？就拿官网元素周期表举例子：具体核心代码如下：function init() { camera = new THREE.PerspectiveCamera( 40, window.innerWidth / window.innerHeight, 1, 10000 ); camera.position.z = 3000; scene = new THREE.Scene(); // table for

2020-05-17 16:23:48 4684 3

FZbucuo的博客