本文介绍了Three.js中ShaderMaterial（着色器材质）的使用，重点讲解了顶点着色器和片元着色器的工作原理，并提供了两个实用案例：警告标记效果和收缩光环效果。警告标记效果通过动态调整着色

前言 今天蘑菇头将带来dts的最后一个功能，实现一个无人机航线信息的功能。当我们点击航线信息之后，在场景中会生成无人机的航线，包括无人机的位置，然后当我们点击无人机的点位之后，会跳转到无人机的视角，对

从零认识Canvas——什么是画布、如何获取绘图上下文、坐标系是怎样的。快速上手绘制直线，并学会控制线宽、端点样式、连接样式、虚线等属性，为后续学习打下扎实基础。

在当今快速发展的技术领域，AI辅助编程正逐渐改变开发者的工作方式。Trae（假设为AI编程助手）可以帮助开发者快速生成代码、优化逻辑，甚至完成整个项目的构建。本文将通过一个具体的AI编程实践案例——使

叫你如何构建一个属于自己的 3D 个人简历，这篇文章会探讨如何高定制化地构建一个自己喜欢的 3D 场景。我们将深入探讨 Three.js、Shader(GLSL)、Cursor rules希望你喜欢！

本篇是「JS随笔」系列中的浏览器 API 篇，面向浏览器端开发，系统梳理 DOM 与 BOM 的高频 API 与实践。

本文从前端视角复盘一套高内聚、低耦合的 WebGL 数字孪生架构设计。重点解析如何将 3D 场景封装为独立组件，实现与后端解耦。涵盖 Shader 特效编写、GPS 坐标映射算法及 GPU 实例化渲染

前端开发，3d小白，一句话自动3d建模，AI 3D模型生成，通过MCP AI技术直接生成3D模型，一款功能强大、操作便捷的AI 3D生成工具

结合网上现成素材，通过Blender进行模型加工，再使用ThreeJS渲染到浏览器的卡通人物跨栏小游戏