通过几个月的 Shader学习，看到一些酷炫大屏效果时，感觉我上我也行。本文将列举一些实现/学习的小效果， 当然这种用 shader直接渲染的方法一定是计算性能相对较大的，但是在编写过程中发现其实时渲

3D 是前端的一个重要分支，而 Three.js 是最主流的 3D 渲染框架。 做业务开发的前端，很多都是同质化的 vue、react 项目经验，如果你做过 3D 相关项目，这个可以作为一个不错的亮点

在产品需求中有管道展示的需求，管道展示有两个点需要注意，一是管道是具有宽度，需要有半径；二是管道拐角处理，需要圆滑。 1. TubeGeometry 由于管道需要半径，用Line就不合适。TubeGe

概述 在加载场景模型后，场景中还会有些需要不断修改位置、大小、方向的物体，游戏世界中，各个互动物品的摆放一直是个令人头疼的问题，因为它很重要但无疑十分繁琐。

基于React+Umi4+Three.js 实现3D模型数据可视化 项目效果 使用umi4+antd快速搭建项目框架。Umi是可扩展的企业级前端应用框架，也是蚂蚁集团的底层前端框架,Umi 以路由为基

在线预览地址 前言 上一章主要介绍了怎么创建基础的场景以及推箱子的人物，这一章主要介绍整个游戏场景的创建，以及游戏的基本逻辑。 正文 游戏的所有内容都是通过ThreeJs的立体几何来创建的，整个场景分

概述 当我们上次利用ecctrl库对人物控制进行了优化后，我们意识到在一个基本的可交互的3D游戏中，人物和环境是不可或缺的元素。接下来，我们将逐步迭代我们的项目，使其更像一个真正的可交互的3D游戏。

概述 上一次我们为游戏添加了小地图，但整个场景上依然只有一个机器人在孤单的游荡。是时候，添加些其他存在了。 为了让场景热闹起来，我们决定添加些其他玩家！这次我们将仅仅使用最简单的状态同步来实现多人同屏

前言 随着智能电车越来越火，3d车辆的官网效果也越来越盛行，趁着空档，写一个车辆雷达识别概念效果， 话不多说，直接上源码 https://gitee.com/sunhuapeng/automotive