shader是生成图，可以将其生成的结果应用到3D上面。 可以将shader理解为透镜。 Shader开发人员，可以理解为创意编程者。 我有正当的理由买高端显卡了 如何学习ShaderShader必修课Games101 Unity Shader入门精要 3blue1brown 的线性代数视频 学习流程1、查看坐标系转换的文章，弄清楚3D坐标到屏幕坐标的转换原理和相关矩阵 2、自己一定要推导一次

内容来自ChatGPT，感觉不大正确： 用表格的形式，从对WebGL的支持度、学习成本、渲染效果、生态丰富度、插件数量、优点、缺点、应用场景、成功案例数量、职业发展上限等多个方面，对比下这几个3D引擎：three.js,babylon.js,Cocos3D,Oasis Engine,Unity,Unreal Engine 技术 Three.js Babylon.js Cocos3D Oa

最近在给业务方开发动态折线图，期间遇到N多问题，这里做个记录，就当是技术复盘了，避免下次重复踩坑。 出现问题，先盯着问题看10遍，把问题明确了、想清楚了，把接下去应该如何调试的步骤想清楚了，再去动代码调试。 花在思考上的时间越多，后面花在盲目调试上的时间就越少。 需求列表折线图 找产品经理拿测试数据 确定数据结构 公司logo的实现(如何解耦？组件化的思维、装饰器模式，参考蔡东的思路)，

我理出来数据结构和GameLoop，就成功一半了！问题列表 应该有哪几个生命周期阶段？ 每个阶段应该做什么，不应该做什么？ 如何做到数据、逻辑、渲染分离？ 如何处理动画？包括中断、两帧之间的无缝切换？ 如何解决跨组件的数据传递问题？即当前的state对象 如何管理组件内部的css样式名，应该有个规范 如何设计页面上的布局(这个一定得形成规范，不然理解成本高，而且后面会很乱) 生命周

缘由最近在做范式组件，我写了动态柱状图和折线图，在考虑如何给使用者开放配置项的时候，考虑到如果全部配置都给用户，我感觉他们的理解成本会比较高，因此我想将配置封装为Theme类，只开放设计规范中允许的配置项给用户。 形式默认的配置格式组件默认的配置是类似这样的： 1234567891011121314151617181920212223242526272829const option = {

效果https://www.windy.com/?34.380,-160.664,3 技术openlayers+wind-layer插件实现风场可视化：https://blog.csdn.net/l329831342/article/details/119185174 风场可视化：How I built a wind map with WebGL： https://www.1024sou.com/

设计技巧坐标轴可以不是线条，而是换成砖块墙 Demo3D折线图： https://www.youtube.com/watch?v=AESg_9F73uQ 美国大选的票数流向： https://www.youtube.com/watch?v=xxOD5gOVquo 3D散点图： https://www.youtube.com/watch?v=GVOE0WQx9X8 (精)神经网络可视化-最后一段配上

名词概念名词部分，可以参考WebGL Fundamentals。 DirectX VS. OpenGLOpenGL：开放的图形库（Open Graphic Library）。如其名，它的作用，就是绘制图形，除此之外都不做。 DirectX：专门适配windows平台的OpenGL，是微软定义的一个标准，基于微软的COM组件框架。 Metal 3D：专门适配Mac平台的OpenGL OpenGL E

设计技巧1、数据周期太多的，就绕圈(环形图) 2、数据维度太多的： 2.1 分图展示(一个主图展示时间轴，宏观趋势；一个或多个附图和主图联动，展示具体某一个周期的数据快照，对数据降维)，这种适合在产品功能中讲解复杂逻辑，配合动画会更出彩 2.2 继续绕圈，然后以同心圆的形式，每个环展示一个维度的数据；每个环的形式可以根据数据特性选择基础元素的类型(柱子、线条、象形图……)，这种适合讲故事，做信息图

数据结构绘图流程问题不是 TS 写的，阅读源码效率低下想法写绘图引擎和写游戏一样，核心在于实现一套机制底层协议都是一样的，关键在机制上面，不同的框架和引擎，因为机制不同而呈现了差异性。 机制即设计。 资料github： https://github.com/pissang/claygl