- 博客(7)
- 资源 (2)
- 收藏
- 关注
原创 vue + Element主题换肤
1. 生成Element自定义主题参考官网自定义主题章节:https://element.eleme.cn/#/zh-CN/component/custom-theme得到生成的主题:2. 如果是只要应用一种主题,将文件夹放入项目中,在main.js中引入该样式文件即可。(可以将index.css重命名,但必须保持样式文件与fonts文件夹的相对位置)3. 如果想要实现多种主题切换,思路是将生成的每种主题css文件都包裹一个类名,js动态改变body的类名即可。效果:
2021-04-27 16:27:57 274
原创 实例化网格模型InstancedMesh 点击相交部分实例闪烁
当我一个实例化网格模型里面的小实例们相交时,他们本身都是同一种材质,在都是同一种颜色时没有问题,而在我点击更改了其中一个的颜色后,就会出现闪烁问题,这种现象的本质还是Z-Fighting。在之前关于Z-Fighting的文章中(three.js 模型重合相交部分闪烁 Z-Fighting)我已经说了几种解决闪烁的方法,但是面对实例化网格模型用的是一个材质时,我们的多边形偏移就没法奏效了。于是我想到一个曲线救国的方式:1. 在点击之后,把这个小实例隐藏;那么怎么隐藏实例呢,我们可以使用setMatr
2021-01-21 09:35:47 1364 6
原创 three.js 性能优化 实例化网格模型InstancedMesh
使用场景当我们有大量的相同的几何体形状和相同的材质时,比如我有一千个立方几何体要渲染,他们的材质时相同的,但是坐标、大小矩阵变换这些不相同。如果按照常规的一个个Mesh的渲染,要生成一千个geometry,一千个material,一千个Mesh,占用太多内存和性能。我们可以使用合并几何体的方式,但这样合并后变为一个个体 ,失去了对单个小模型的控制。three.js还提供了InstanceMesh实例化模型可以实现。关于两种方法的对比:InstanceMesh合并几何体Mate
2021-01-20 16:04:18 4987 1
原创 three.js 点击交互事件 含解决点击的物体与看到的不一致问题(非全屏/多边形偏移)
首先关于Three.js鼠标点击交互事件的基础部分的推导及写法不再详细赘述,可参考:ThreeJS中的点击与交互——Raycaster的用法1. 先上基础的写法://点击物体触发clickGoujian(event) { var width = document.getElementById("canvas-frame").clientWidth; var height = document.getElementById("canvas-frame").clientHeight; var
2021-01-19 17:14:14 3292 4
原创 three.js 模型重合相交部分闪烁 Z-Fighting
Z-Fighting当场景中两个模型在同一个位置时,渲染器会根据它们的深度值来显示前面的模型,隐藏背后的部分。而当他们的位置及深度值相同时,渲染器则不确定哪个将被绘制到颜色缓冲区中,相机旋转时,情况会变得更糟,于是就出现了闪烁现象,这就是“Z-Fighting”...
2021-01-19 15:15:56 3873 2
原创 Angular学习笔记——自定义指令directive参数详解
目录一、 基础的几个指令:二、directive的参数详解:restrict:Stringpriority:numberterminal:Booleanreplace:BooleanScope(重要)1. scope为false2. scope为true3. scope:{ }隔离的scope接触angular的第五天,把前几天的学习内容记录下来...
2019-10-21 00:09:50 984
原创 EXIT、NVIC中断配置
EXIT、NVIC中断配置 以配置PG8为例1.配置GPIO为输入模式 使能GPIO和AFIO的时钟 电路中上拉,芯片也应设置为输入上拉模式(CRH、ODR)2.AFIO-EXTICR3的配置 配置成PG引脚的 3.查找中断向量表(stm32参考手册table 63) PG8 -> EXTI8 -> EXTI9_5 中断号是23(后面配置NVIC用到)4.配置EX
2019-04-09 17:46:49 1354 1
xmousecontrol.zip
2019-07-03
DroidCam Wireless Webcam 电脑端和安卓版安装包
2019-05-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人