最近在开周会的时候，我问了大家两个问题： 我们现在的开发模式合理么？ 你35岁的时候会做什么样的工作内容？ 之所以问这2个问题，是因为就我观察到，公司目前大部分前端开发人员，都是在做体力活，陷入了无尽的业务开发中。这些低效的工作浪费了大家大量的时间。 当前的开发模式公司的同事，大部分都是做业务开发，分属不同的业务团队。基本上就是： 产品经理出需求了 开发过完需求，基本不写方案设计，然后

3D场景和2D页面不同，其效果是多种因素综合后决定的，因此还原设计师的3D场景，需要了解一些注意事项才行。 渲染器常规的renderer设置这里就不赘述了，主要是下面几个设置，一定不要忘记了： 1234// 色彩空间编码，因为我用到了设计师给的gltf模型，所以使用更符合人眼的sRGBEncoding，而不是默认的linearEncodingrenderer.outputEncoding = TH

最近的一个需求，要实现用户点击3D场景中的某个物体后，对该物体进行聚焦效果：放大该物体，并且物体之外的屏幕出现毛玻璃效果。 UnrealBloomPass的灵感-针对场景里面的部分物体生效的后处理器我在前面做单个物体泛光效果的时候，参考过这个官方示例，此时想起来，是否也可以用这个示例的分层的方案来实现局部模糊呢？这样的后处理器可以只针对场景里面的部分物体生效。 将焦点物体加入焦点层，将其他物体加入

有东西被加密了, 请输入密码查看.

React关于Three.js的生态，相比Vue完善很多，通过react-three-fiber可以大幅提升我们业务开发的效率。 教程Haunted House： Haunted House - Part 1 - App Setup ( ThreeJS | WebGL | React Three Fiber ) - YouTube 资料react-three-fiber： GitHub - pmn

Meta Human官方网站：https://www.unrealengine.com/zh-CN/metahuman Meta Human Creator这个软件太强大了，今后肯定用得着。 这还是网页版的在线工具，我们的3D可视化也应该走这条路。 这是用的云端渲染做的，整个页面内容就是一个video。 一些教程 https://www.bilibili.com/video/BV1GL4y1574

文件操作读取本地 JSON 文件可以通过JSON Blueprint Utilities插件来实现。 Json | Unreal Engine Documentation 内嵌 HTML 网页可以通过Web Browser插件来实现，制作一个 Web Browser 类型的 UI 控件，并设置其 url 属性。 教程：https://www.youtube.com/watch?v=k3hlRvGX

缘由最近用Three.js写东西，发现了一个库：react-three-fiber，这个库将Three.js的开发成本降得足够低，且其设计理念很是吸引我，而且做3D开发，Vue基本没啥生态可言，而React有一大堆工具和库，再加上看到了这篇文章，感觉可能了解React的设计思想对于我后续的3D开发和程序设计能力会有所帮助，因此准备了解下React这个框架。 PS：React官网的render方法

缘由最近给海外组做图解财报的3D组件，陆陆续续耗费了我不少时间，但是最终回头来看，这个需求实际上可能只需要1天就能搞出来。究其原因，在于我的技术方案选型上，误入歧途了。 这其实算是一个特别偏业务的定制需求，里面的3D内容并不通用，难以在其他的场景下复用。然而我用做通用组件的思维去写代码，这样就额外的做了很多过度设计，代码量也暴增。当然这也不是一点好处没有，至少让我对于3D组件开发有了更深的理解，且

动画系统介绍three.js docs 动画是一个很成熟的领域，已经形成业界标准的概念和工作流了，因此不同库对于动画的设计，都是相似的。比如UE、Unity、Three.js、ZRender里面，都可以看到拆分了clip(片段)、track(关键帧轨道)等部分。 名词概念参考Untangling the ThreeJS animation structure · Issue #6881 · mrd