子禾丶

前言 在现今的软件开发领域，Vue.js凭借其高效、灵活和易于上手的特性，成为了前端开发的热门选择。对于需要快速搭建企业级后台管理系统的开发者而言，使用现成的Vue后台管理...

前言 分享一个基于Three.js封装的树生成器插件，可以实现创建不同类型且渲染效果真实的3D树 说实话，第一次在这个插件官网看到这个效果时我一度以为这只是一个视频...

长久以来，"用 Vue 3 写真正的原生 App" 一直是块短板。 uni-app 虽然"一套代码多端运行"，但性能瓶颈、厂商锁仓、原生能力羸弱的问题常被开发者诟病。 整个...

实现飘动红旗的效果整体分两部，一是利用三角函数的周期性让红旗摆动起来，二是根据每个片元的摆动幅度来计算对应位置的阴影。 这是我在一个园区项目中收到的需求，在此记录及分享实现...

讲解面试常见的flex:1和flex:auto的区别。其实这两个属性的差异藏在细节里，今天我们就从 “原理拆解→场景对比→误区避坑” 三个维度，彻底搞懂它们的区别，让你在项...

使用向量投影长度方式计算点到直线上的最近点，从二维计算到三维计算，使用Canvas和Cesium演示结果。...

从最基础的单棵草模型开始，逐步构建出一个拥有20000棵草的高性能拟真草地场景。整个过程包括Three.js中几何体、材质、着色器的基本使用，并通过合并几何减少绘制调用、使...

前言 人生一迹，谨以此记录地图相关系列知识 问题背景：解决Cesium中气象环境模拟模型！ 一、雨着色器代码（GLSL） 雨着色器代码是用于模拟下雨效果的图形渲染代码，通常...

热力图是一种常用的数据可视化方式,它通过颜色编码的方式表示数据在二维平面上的分布情况。热力图通常以二维矩阵的形式呈现数据，每个单元格的颜色深浅表示该位置数据值的大小,颜色越...

源码及演示地址 前言 本文主要讲解怎么将ttf文字文件转成threejs可用的json文件，从而通过加载器将指定文字的路径和顶点信息获取到，并且兼容孔洞的处理，既然有路径和...

仅需几行代码，无需关心矩阵转换相关问题，只需要像在Threejs中一样，通过调用add方法就能轻松地将物体加载到Cesium地球上的预期位置。...

正射投影矩阵的目标是将几何体顶点坐标转为标准的单位立方体（NDC）。 x轴范围 [-1,1] y轴范围 [-1,1] z轴范围 [-1,1]...

本文讨论如何根据起点和终点规划出一条避开大于指定坡度的最短路线，目的是研究A*算法的应用场景，加深对其的理解。 前置知识：理解A*算法...

带深度信息的下雨特效的实现 上一篇技术文章three.js 模拟真实海洋（超详细教程，炫酷海洋） - 掘金 (juejin.cn) 发布后，获得了许多小伙伴的收藏，如果还没...

用Threejs+vite+vue3从零到一实现一套完整的数字孪生园区，内含源码以及threejs基础概念讲解...

想写粒子运动很久了，看网上的粒子运动都是从一个图形变成另一个图形的运动，好像不是很炫酷，于是自己搞一个即实用又炫酷的粒子运动...，兄弟们，走曲儿~...