Three.js-边绑定 需求来源 最近的一个项目,需要将公司的各项技术和应用的关系,以3D的形式呈现出来。如果直接用直线连接,会密密麻麻很难看,分不清具体的关系。因此我们考虑通过边绑定的方式,对同一个源头和目标的连线,做一些聚合。我写了个Demo,效果如上图所示。 思路大致分为如下几个步骤: 构建数据:将从A分类到B分类的数据梳理出来,形成若干个数组 计算每一组数据的中心点 从键值中获取所有技术模块的id,然后根 2022-12-21 Three.js #Three.js
Three.js-3D关系可视化 记录项目中的一些想法和经验教训。 (MIT)规范用户数据必须挂在3D对象的userData属性上。 命名特别要注意3D对象的id属性的命名 关系对象的命名:from_to 实现CSS2DObject的事件绑定这次的文本就是用的CSS2DObject绘制的,事件绑定需要这样处理: 123labelCSS2DObject.element.addEventListener('click 2022-12-21 Three.js #Three.js
优秀的简历是什么样的 随应聘的岗位做出对应的修改比如你应聘的是某个特定技术的岗位,公司是希望找一个专业技能的人员来解决问题你,那么就应该突出你在该方向的专业性,弱化其他无关的内容(比如不相关的技术、管理方面的内容等)。 投简历的第一步:先去了解该公司该岗位目前面临的问题。 深度对于技术人员而言,这块尤为重要,这是你和其他同龄人拉开差距的关键。 什么叫有深度? 深研底层,从零构建过引擎/优化过引擎 解决 2022-12-10 #随想
Unity-云渲染 https://zhuanlan.zhihu.com/p/445979720 这种游戏方式的本质是交互性在线视频流。 边缘计算 计算机性能切割,CPU虚拟化、GPU虚拟化 资料(精)云游戏的原理: https://www.zhihu.com/question/449827768/answer/1785394089 2022-12-07 #Unity
Three.js-GPU拾取 解决什么问题Three.js中常用的处理用户交互的方式,是RayCaster,这是CPU拾取方案。 但是如果遇到下面2个场景,常规RayCaster的方案就不够用了: 场景中的物体数量非常多/模型面数很多,RayCaster发射的每一根射线要判断的三角形数量巨大 在无用户交互接入的情况下,我们想判断下场景中当前哪些物体是可见的 这2种场景都需要巨大的计算量,CPU会不够看,此时, 2022-11-26 Three.js #Three.js
(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,开 2022-11-24 Unreal Engine #技术拆解 #Unreal
Three.js-WebGLRenderer Three.js是通过WebGLRenderer渲染场景的,因此只要把WebGLRenderer的每一个概念和属性搞清楚,做出Demo查看其影响范围,就能把如何调试渲染效果给掌握了。 建议先了解下WebGL的理论基础知识,不然里面有些名词概念会造成理解障碍。 这里我们就对其中影响渲染效果的关键属性进行分析。 构造参数属性clippingPlanes场景中和Plane点乘为负数的点,会被裁减掉,不进 2022-11-19 Three.js #Three.js
(TODO)Three.js-渲染效果 WebGLRendererThree.js是通过WebGLRenderer渲染场景的,因此只要把WebGLRenderer的每一个概念和属性搞清楚,做出Demo查看其影响范围,就能把如何调试渲染效果给掌握了。 建议先了解下WebGL的基础知识,不然里面有些名词概念会造成理解障碍。 这里我们就对其中影响渲染效果的关键属性进行分析。 1234567891011121314151617181920212 2022-11-19 Three.js #Three.js