摘要：
1. 首先创建一个烟花类，有烟花上升的效果，烟花爆炸的两种效果（爆炸型和球型） 2. 创建线的属性方法，因为上升效果和爆炸效果都会用到 3. 上升效果为了达到那种螺旋上升的效果可以通过sin函数实现一个点的偏移量 4. 爆炸效果则是将随机生成多条半径不同的线 5. 球形效果则是将规则的点和不规则的点 阅读全文
摘要：
一、流水管线 实现逻辑： 1）先自定义几个点，通过CatmullRomCurve3生成一条平滑曲线 2）根据生成的曲线在XY面扩展一个面，其中需要注意顶点索引、UV坐标添加的顺序，否则可能会导致绘制的图片混乱，不是完整的图片 3）添加纹理同时设置偏移量实现流动效果 4）为了保证显示的箭头图标不失真， 阅读全文
摘要：
一、实现一个光影墙 1. 根据自定义坐标点，输出一个光影墙 /** * 添加光影墙 */ function addLightWall() { const geometry = new THREE.BufferGeometry(); const vertices = new Float32Array( 阅读全文
摘要：
一、飞线效果 功能说明：支持设置点的个数，飞线速度、起始和终止颜色值、线宽、线的大小 原理： 1. 首先绘制一条与线长度相同的线，线中各点的大小逐渐变小 2. 如何让线动起来？假设点的个数总共为num个，传入的点的下标为a，通过变化的时间计算出移动的下标b，如果a+b>=num则代表，该点可见，否则 阅读全文
摘要：
一、雷达图 实现原理：图中是一个旋转的渐变扇形，可以通过先实现一个扇形、然后再实现一个渐变扇形，最后再将扇形旋转来达到最终效果 1. 实现一个夹角为O的扇形，已X轴正方向为单位向量M，UV点到(0,0)形成向量N，通过M和N的点乘就可以得到一个夹角，然后判断角度小于O就可以了 2. 实现扇形的渐变色 阅读全文
摘要：
本文中效果主要采用ThreeJS 中的着色器(Shader)以及结合ShaderMaterial实现的。 主要用到的内置方法有： step：是一个阶跃函数，它将一个浮点数与一个阈值进行比较，并返回一个阶跃值； 比如step(edge, x), 如果 x 小于等于 edge，则返回 0.0, 如果 x 阅读全文
摘要：
一、实现方案 单独贴代码可能容易混乱，所以这里只讲实现思路，代码放在最后汇总了下。 想要实现一个简单的工业园区、主要包含的内容是一个大楼、左右两片停车位、四条道路以及多个可在道路上随机移动的车辆、遇到停车位时随机选择是否要停车，简单设计图如下 二、实现步奏 2.1 引入环境，天空和地面 引入天空有三 阅读全文
摘要：
一、qiankun使用场景 1. 简介：qiankun是在single-spa的基础上实现的，可以保证各个项目独立使用，也可以集成使用。各系统之间不受技术栈的限制，集成使用也能保证各样式和全局变量的隔离。 模块的插拔式使用，当公司项目集是一个大系统下包含多个子系统或者模块时，可以采用这种方式动态部署 阅读全文
摘要：
一. C#使用场景介绍 C#是微软公司发布的一种由C和C++衍生出来的面向对象的编程语言、运行于.NET Framework和.NET Core(完全开源，跨平台)之上的高级程序设计语言。 二. 开发流程 1. 创建项目：打开Visual Studio后右侧选择“创建新项目”，然后选择“C# Win 阅读全文
摘要：
一、webpack简介 webpack 是当下十分流行的一款静态模块打包工具，将JS、CSS、HTML、图片等各种静态资源视为一个个模块，通过一个或者多个入口文件通过解析依赖关系生成一个依赖图，最终打包成一个或者多个bundles，webpack本身只能打包JS文件，但是通过配置的loader和pl 阅读全文