Three.js-GPU拾取
解决什么问题Three.js中常用的处理用户交互的方式，是RayCaster，这是CPU拾取方案。 但是如果遇到下面2个场景，常规RayCaster的方案就不够用了： 场景中的物体数量非常多/模型面数很多，RayCaster发射的每一根射线要判断的三角形数量巨大 在无用户交互接入的情况下，我们想判断下场景中当前哪些物体是可见的 这2种场景都需要巨大的计算量，CPU会不够看，此时，
(TODO)Unreal-汽车配置器技术拆解
视频讲解：Exploring the New Real-Time Car Configurator Sample | Unreal Engine Webinar - YouTube 文档：https://docs.unrealengine.com/4.27/en-US/Resources/Showcases/AutomotiveConfiguratorTemplate/文档： 性能3080Ti，开
Three.js-WebGLRenderer
Three.js是通过WebGLRenderer渲染场景的，因此只要把WebGLRenderer的每一个概念和属性搞清楚，做出Demo查看其影响范围，就能把如何调试渲染效果给掌握了。 建议先了解下WebGL的理论基础知识，不然里面有些名词概念会造成理解障碍。 这里我们就对其中影响渲染效果的关键属性进行分析。 构造参数属性clippingPlanes场景中和Plane点乘为负数的点，会被裁减掉，不进
(TODO)Three.js-渲染效果
WebGLRendererThree.js是通过WebGLRenderer渲染场景的，因此只要把WebGLRenderer的每一个概念和属性搞清楚，做出Demo查看其影响范围，就能把如何调试渲染效果给掌握了。 建议先了解下WebGL的基础知识，不然里面有些名词概念会造成理解障碍。 这里我们就对其中影响渲染效果的关键属性进行分析。 1234567891011121314151617181920212
(TODO)拓扑可视化的设计要点
定义问题以业务拓扑结构可视化为例： 大概的诉求是：1，帮助做总览和监控；2，帮助做结构层级和下钻。具体实现：1关联的问题业务；若有事故，责任到人；服务上，看自己对别人的影响大概就是 公司所有业务之间的关联关系 之前的设计经验监控：页面主动推送数据和结论给用户探索：用户通过交互，主动分析结构微缩视图解决宏观+微观的问题。 性能优化这种性能优化，基本都是那几个套路： 1、通过需求和交互设计解决：提供宏
Unreal-像素流
硬件要求显卡网络待测试，如果是局域网验证Demo，应该问题不大。 这个应该和在线看高清视频/直播差不多。 资料官方文档： 虚幻引擎像素流介绍 | 虚幻引擎5.0文档 虚幻引擎像素流送入门 | 虚幻引擎5.0文档 基本概念介绍： (一)UE5像素流基本概念 - 简书 UE4像素流送PixelStreaming教程： https://www.bilibili.com/video/av6014
Three.js-汽车产业链
如何营造科技感HDRHDR，换个HDR，比如街景那个，效果就好多了。 这是效果最好的因素，没有之一。 应该将HDR的亮度设置大一些，场景中的光源亮度设置小一些 动态的光影比如我之前做的质检扫光小飞机、React的汽车Demo里面的发光圆环等，都是起到的这个效果。 镜面效果通过Reflector.js实现，但是默认不支持模糊的倒影。 扩展模糊的方式： drei/Reflector.tsx