Babylon.js学习笔记 编辑器http://editor.babylonjs.com/ 跟Unity还是差的太远了 跨端基于React Native实现的跨平台。 框架功能 可能是我不了解,感觉这个设计没Unity的好理解和易用,甚至还不如Phaser 资源加载、loading进度、状态管理 Agent这个类有点像Element? 用户输入Input需要自己写,感觉还是不够开箱即用、不够效率。 Tick机制需要的类里面 2022-09-07 #3D
Three.js-体积光 别人的原理参考自这个文章。 体积光也是基于后处理,用叠加texture的方式来实现,整个流程如下: Render the scene, with the light source as white and all occluding objects as black, to a texture. With a shader, apply a parameterized radial blur 2022-08-31 Three.js #Three.js
Unreal-Editor使用技巧 ViewportUsing Editor Viewports in Unreal Engine | Unreal Engine 5.0 Documentation 切换为2D视角将视口类型切换为Orthographic,就可以进入2D视角编辑页面,可以快速精准的进行场景的布局。 这是偶尔看到设计师操控C4D时,使用2D视角很方便,因此去找了下,发现UE里面果然也是有这种切换视角的功能的。可以多跟建 2022-08-29 Unreal Engine > Editor #Unreal
Unreal-音频可视化 工具查看音频文件的频率Adobe Audition CC,后面设置蓝图参数的时候会用到。 转换wav格式UE只支持wav格式的音频文件,而下载的音频文件一般都是mp3格式的,因此需要一个转换工具。 MP3转WAV - 在线转换音频文件 数据 振幅 频率的强度 节拍检测(和平均频率做比较) 我们选择的是第二种:将频率强度作为基础数据 我们需要在Audition中打开音频文件,然后通过工具栏的 2022-08-27 Unreal Engine > Blueprint #Unreal
现代化开发模式 最近在开周会的时候,我问了大家两个问题: 我们现在的开发模式合理么? 你35岁的时候会做什么样的工作内容? 之所以问这2个问题,是因为就我观察到,公司目前大部分前端开发人员,都是在做体力活,陷入了无尽的业务开发中。这些低效的工作浪费了大家大量的时间。 当前的开发模式公司的同事,大部分都是做业务开发,分属不同的业务团队。基本上就是: 产品经理出需求了 开发过完需求,基本不写方案设计,然后 2022-08-27 #程序设计
3D场景还原技巧 3D场景和2D页面不同,其效果是多种因素综合后决定的,因此还原设计师的3D场景,需要了解一些注意事项才行。 渲染器常规的renderer设置这里就不赘述了,主要是下面几个设置,一定不要忘记了: 1234// 色彩空间编码,因为我用到了设计师给的gltf模型,所以使用更符合人眼的sRGBEncoding,而不是默认的linearEncodingrenderer.outputEncoding = TH 2022-08-27 Three.js #Three.js
(TODO)3D场景中实现局部毛玻璃效果 最近的一个需求,要实现用户点击3D场景中的某个物体后,对该物体进行聚焦效果:放大该物体,并且物体之外的屏幕出现毛玻璃效果。 UnrealBloomPass的灵感-针对场景里面的部分物体生效的后处理器我在前面做单个物体泛光效果的时候,参考过这个官方示例,此时想起来,是否也可以用这个示例的分层的方案来实现局部模糊呢?这样的后处理器可以只针对场景里面的部分物体生效。 将焦点物体加入焦点层,将其他物体加入 2022-08-25 #Three.js
react-three-fiber学习笔记 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 2022-08-15 Three.js > React #Three.js #React
Unreal-模型 Meta Human官方网站:https://www.unrealengine.com/zh-CN/metahuman Meta Human Creator这个软件太强大了,今后肯定用得着。 这还是网页版的在线工具,我们的3D可视化也应该走这条路。 这是用的云端渲染做的,整个页面内容就是一个video。 一些教程 https://www.bilibili.com/video/BV1GL4y1574 2022-08-12 Unreal Engine > Blueprint #Unreal