最近因为有需求，不得不搞起3d这一块，说到3d，以为是学一个`threejs`就够了，结果是`blender`也要学。且看小白以前没接触过的react怎么搞3d这一块，听我娓娓道来，不疾不徐...

前言 在我的技术交流群里，经常会有不少刚接触三维开发的小伙伴发出疑问： 大家三维开发都是怎么学的？ 大家的三维模型都是在哪里下载的？ 你们的GIS数据都是从哪里获取到的？数据格式在哪转换？ Three

水波图是大屏里很常用的图表： 一般用来表示百分比数据，水波的高度会根据百分比的数值变化，另外水波也会左右移动，就像真实的水波一样。 实际项目里我们可以使用ECharts来实现，不过自己实现一个也并不难

这是一款基于Three.js的3D编辑器，我之前一直喊错，叫人家"牛牛"，因为我觉得它真的好牛，其实人家正确拼音喊“努努”！ 可以发布web的运行包，直接可以网页端二次开发，真的不要太方便了！

各位掘友好，我是一拳，一个兴趣使然的英雄！啊不，前端开发工程师。我相信很多前端开发者都曾有过开发一个炫酷的3D页面的想法，当下元宇宙概念盛行，各位同学炫技的DNA是不是都蠢蠢欲动了。

参照网上的做法，定义了Index.js，在其中引用mxGraph的相关对象。 中定义的，而且这个文件定义了很多对象，但并没有export，像mxCellAttributeChange、mxVisibleChange、mxGeometryChange、mxValueChange都…

本文使用React+Three.js技术栈，实现粉丝突破1000的3D纪念页面，包含的主要知识点包括：Three.js 光源、奖牌素材生成、贴图知识、物理材质、镜头补间动画、CSS礼花动画等

只要理解了 WebGL 背后的概念，学习 WebGL 并没有那么难。很多 WebGL 入门文章并没有介绍这些重要的概念，直接使用 WebGL 复杂的 API 开始渲染图形，很轻松就把入坑文变成了劝退文

几个月前开源的H5页面制作平台H5-Dooring 收到了很多热心的反馈和交流, 顺着笔者之前的规划, 我们又做了一款可视化大屏编辑器V6.Dooring. 接下来笔者就来带大家一起看看我们的方案设计和技术实现. 在介绍之前, 我们先看看实现的效果展示. 目前很多企业或多或少的…