计算机图形学《GAMES101-现代计算机图形学入门》看的B站视频。 第一次学习，是上下班开车的时候听了几节课，过后就忘了； 第二次学习，是抽出专门的时间，边听边记录笔记，有一点收获，但是因为当时没有什么应用场景，后面又放弃了。 第三次学习，是因为工作中接触到了Shader，自己直接网上看文章发现很吃力，看不进去，然后把这个课程翻出来看了下，带着问题去学习，果然效果好很多。 主要是数学几何方面的内

静态与动态光照效果 As the_sonnie briefly summarised, in order to be fast, lights which you’ve marked as not moving (static on stationary), are effectively “painted” on to non-moving surfaces as textures (these

SVG本质上也是DOM，因此DOM的属性SVG都支持；然后SVG还有一些扩展的属性，是DOM所没有的，这些属性一般和具体的几何图形相关联。 SVG独有的属性x、y、rx、ry、cx、cy、dx、dy、fill stroke、stroke-width、stroke-dasharray width和height的差异

今天下午到公司加班，一直在打呵欠，加不进去。然后我带上耳机听了一会歌，不知道为什么，就突然想起了小学四年级时的野炊。 很奇怪，那应该是98年或者99年的事情了，已经过去二十多年了，但是我现在仍然清晰的记得，那天早上，妈妈给我用装盐的塑料袋装了一袋煮过的、切好的腊肉，仍然记得那次我们是去了一个类似岩洞的洞穴里面野炊，仍然记得那是一个阴天，没有什么阳光，还有我们炒的肉，炒了两次才熟了。我甚至还记得当时

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/