- 博客(35)
- 收藏
- 关注
RSS订阅原创 WebGL BabylonJS如何创建自定义天空盒
天空盒通常是一个立方体盒子，其内部贴有六个方向的纹理，分别代表了上、下、前、后、左、右六个方向的天空景象。这些纹理能够形成一个连续的、无缝的天空背景，使得观察者在场景中的任何位置看到的天空都是一致的。通过调整天空盒的纹理，可以模拟不同的天气、环境和氛围，如晴天、多云、夜晚、黄昏等。
2024-04-07 11:12:45
486
原创 WebGL BabylonJS 如何创建阴影
1、需要显示阴影的mesh 的 receiveShadows 属性设置为true。4、开启光源的autoCalcShadowZBounds 属性更容易生成阴影。2、阴影对光源有限制，一般为定向光。3、级联阴影更容易生成真实的阴影。
2024-04-07 11:06:10
325
原创 Babylonjs如何复制模型
boolean | undefined：（可选）一个布尔值，指示是否克隆原始网格的物理仿真器。这个副本是原始网格的一个完全独立的复制，包括其几何形状、材质、位置、旋转、缩放等属性。newParent?: BABYLON.Nullable | undefined：（可选）新副本的父级节点。: boolean | undefined：（可选）一个布尔值，指示是否克隆原始网格的子节点。如果设置为 true，则新副本不会克隆原始网格的子节点，默认值为 false，即克隆子节点。
2024-03-30 10:54:37
186
原创 Babylon 如何使用AssetsManager()，导入多个模型
AssetsManager 是 Babylon.js资产管理工具，可以加载多个模型或者纹理，并且在任务完成时提供回调函数。
2024-03-30 10:39:23
364
原创 Babylonjs 如何获取模型中心点位
获取模型中心首先获取模型的跟节点，一般名为root的结点，然后获取模型的boundingBox......
2024-03-29 09:59:23
303
原创 解决canvas缩放后鼠标定位偏移
因为canvas是基于屏幕像素的，而非css像素，所以页面被缩放后的css位置并非是canvas中的坐标位置，所以导致canvas中鼠标定位偏移问题。
2023-11-06 20:27:18
788
原创 WebGL Babylon 离线模型加载失败问题
默认情况下，Draco解压器使用的文件是从https://preview.babylonjs.com引用，需要将引用下载到本地使用。
2023-07-03 17:15:39
452
原创 WebGL Babylon 开发中容易遇到的问题，包含动画、模型、载入、自发光、gui等。
环境纹理：BABYLON.CubeTexture.CreateFromPrefilteredData( ‘texture/environment.env’, scene )
2023-06-02 15:25:26
938
原创 WebGL Babylon 利用pbr材质(金属材料)
合理利用pbr材质结合环境纹理,可以大幅度提升模型质感和反射效果调整pbr材质的金属.....
2023-03-23 11:46:55
550
原创 Vue实现拖拽绑定功能
防止mouseDown事件被子元素引用可以利用css pointer-events: none（禁用点击穿透）;防止父级事件向下传递。因为是简单的两个列表项的绑定，对拖拽性能要求不高。
2023-03-15 14:29:34
390
原创 WebGL Babylon GlowLayer 解决自发光材质穿透问题
【代码】Babylon.js GlowLayer 踩坑（自发光材质永远显示在最顶层）
2023-01-30 14:40:49
352
原创 vue js实现table高度自适应
自适应表格的max-height,即使头部元素发生换行也不影响，不是表格也可以用，自行调整底部距离即可。(此函数没有监听窗口resize)
2022-11-18 11:01:11
1742
原创 Vue BabyLon.js和Three.js 解决模型卡顿，模型优化
如果用Vue搭建3D模型时候注意不要把3D模型的场景、相机等数据双向绑定，否则会影响帧率vue3可以直接不采用响应式声明数据vue2可以在data() 外部声明所用数据这样模型大一点也不会影响模型渲染、性能对于体积特别大的模型可以将模型进行压缩再使用gltf-pipeline安装将glTF转换为Draco glTFmodel.gltf：需要压缩的文件modelDraco.gltf：压缩后的文件名称详细可参考：Gltf模型太大，Threejs加载耗时怎么办？答：Blender导出Gltf可以
2022-06-09 13:22:29
7110
原创 跨域跨页面通信
iframe 为例window.parent //iframe的父窗口window.parent.postMessage('2','*',') // * 为目标窗口，*代表任意目标接受消息 mounted() {window.addEventListener('message', function (e) { // e.data为传递过来的数据 this.areaId = e.data console.log(e.data,'data')}) },
2022-04-24 11:13:59
261
原创 uniapp 原生tabbar无法覆盖问题（uView框架）
刚接触 uniapp 发现原生 tabbar 无法覆盖，但还不想用 v-if 或者动态组件，所以自己封装一个组件，通过uni.hideTabBar() 隐藏 tabbar，这样既能用tabbar功能还能解决层级问题，但是需要再每个tabbar页引入自定义组件。
2022-03-07 13:46:25
5688
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人