- 博客(12)
- 收藏
- 关注
RSS订阅原创 node实现将一个文件夹下的所有文件合并到一个文件夹下
合并多个文件层级下文件合并文件我们用到最多的手动复制粘贴，但如果一个文件夹下层级繁杂手动一一的复制粘贴就非常的耗费时间而且容易出错，写一个脚本来帮助我们提高效率是非常棒的。实现方法也是非常的简单 首先我们需要新建一个文件夹，然后递归查找每一个文件，然后将每一个文件拷贝到目标文件夹下，就完成了合并多个文件夹层级下的文件。代码框架先判断存不存在merge文件夹，存在即删除文件夹内的所有文件和该文件夹，然后创建merge文件夹，递归遍历文件夹，然后拷贝到目标文件夹下。const fs = require(
2021-03-19 14:30:07
1276
原创 cesium.js 自定义shader实现流动尾线
cesium.js 实现流动尾线最近需要实现运动的线条，有拖尾的效果，然后再网上查看了一下大佬做的流动线的样例，查看的效果引发了我的想法，发现只需要再将纹理进行重复，改变运动的速率就可以实现这个功能，下面来简单的说明一下实现的过程。首先从我们使用的纹理图来入手分析实现的过程，这样纹理图使用的是渐变的效果，我直接将这张图片作为材质，给线条添加上去，就会得到一个渐变的线条。效果如下所示（因为后面...
2020-04-14 14:46:23
7245
3
原创 Three.js 使用组合动态纹理
Three.js 使用组合动态纹理写这篇博客主要不是为了说明怎么使用组合动态纹理，而是我在过程中发现了一个问题，刚开始我在给不同的片元着色器传uniform值时（传的是一个时间），发现只有一个片元着色器在动态改变，起初我以为是有一个片元着色器写的有问题，于是我将两个片元着色器分别应用于材质，发现都没有问题。仔细思考了一下，定位到可能是使用了一个uniform里同一个时间参数造成的，于是我就在同一...
2020-03-31 14:13:07
1350
原创 three.js关于移除掉setFaceCulling属性，实现剔除渲染
three.js关于移除掉ssetFaceCulling属性，实现剔除渲染three.js默认剔除的是背面，如果我们想要直接看到box内部的东西，就需要修改默认的剔除方式，之前我们实现这种功能的方式是采用ssetFaceCulling属性来实现。首先来看看之前的实现方法。 let geometry = new THREE.BoxGeometry( 10, 10, 10); let mats=...
2020-03-30 13:54:49
1568
原创 Three.js实现动态天空盒
Three.js实现动态天空盒通常我们实现天空盒是通过创建一个box，给box每一个面贴一张纹理图，构成一个天空盒，但往往都是比较固定，不能非常好的显示动态的天空，通过一番艰辛的努力终于实现了一个还不错的效果。天气晴朗风轻云淡多云天气阴天...
2020-03-25 16:04:59
2354
15
原创 Three.js 的ParametricGeometry 版本比较
关于Three.js ParametricGeometry 的探究，写代码时好久没有用这个来构造几何体了，于是就将之前版本写的直接拿来用，结果一直报错，也很纳闷。说第一个参数的函数的第三个参数需要是一个Vector3，但我就记得只有两个参数，于是就查看源码发现确实需要三个参数，而且不需要返回值了。经过一番研究查看文档终于成功了下面将两个版本的代码列出来。//v69 之前版本var plan...
2020-01-17 11:24:24
310
原创 Three.js实现模糊效果
实现这种效果还是比较容易的，下面简单的说一下实现的思路。顶点着色器没有什么好说的，主要是片段着色器来进行计算。在片段着色器中首先计算出每一个像素在纹理坐标的比例，在当前纹理坐标设置一个采集颜色的区域，这个区域设置的越大越模糊，原因很简单，就是将设置采集区域内的颜色值rgb累加再取其平均值，就获得了当前片元的颜色值。采集区域越大，就越偏离原本的颜色值，就会越模糊。下面给出原理图就是将采集区域的颜...
2020-01-13 16:51:55
2738
4
原创 Cesium.js着色器的简单实现
cesium.js着色器的简单实现 最近在研究cesium.js，第一次接触这个引擎，以前用Babylon.js和Three.js比较多，对于这个新的引擎感觉还是比较新鲜，也扩充一下自己的知识面。学习了一段时间感觉还是挺有意思的。于是乎就想实现一个简单的自定义shader，看一下cesium.js是如何...
2020-01-07 14:34:14
9302
18
原创 使用Three.js实现热力图（heatMap）的绘制
在项目开发过程中，需要将每一块区域的温度通过热力图的方式进行呈现，通过在网上查阅一部分资料和学习，想要实现这一技术需要在canvas上进行绘制。首先简单的说一下整体的思路：1、我们需要每一块区域的温度值和该温度所对应的坐标值，然后对每一个温度位置绘制出辐射圆椭圆，辐射圆的目的是为了获取每一个像素点的透明度的值（0-255），透明度的值越高则该区域的温度越高，对每一个像素点通过透明度的高低进行着色...
2019-09-25 20:48:25
9296
4
原创 THREE.JS使用JSON文件加载外部模型改变材质的透明度
THREE.JS使用JSON文件加载外部模型改变材质的透明度**今天在做项目的时候，想要使用代码改变json外部的模型的透明度起初认为非常简单。后来发现怎么修改都没有用，就查看了json文件，通过修改materials数组里的transparency属性可以改变模型的透明度**...
2019-06-25 18:41:54
3464
原创 在vue框架下通过ajxs向服务器传输数据并保存到数据库
在vue框架下通过ajxs向服务器传输数据并保存到数据库—、首先需要在项目中导入这两个文件<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script><script type=&qu
2018-12-10 10:24:46
3211
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人