- 博客(22)
- 资源 (12)
- 收藏
- 关注
RSS订阅原创 VR大空间资料 04 —— VRAF使用体验和源码分析
商城VR模板项目VRAF的源码分析，BP_MapInfo、PDA数据、Comp_Grab组件的逻辑分析、Grabbing接口实现调用分析
2025-10-06 17:57:15
944
1
原创 VR大空间资料 03 —— VRGK使用体验和源码分析
VRGK开源项目的源码分析和使用体验，基于UE4.27，SteamVR串流运行于HTC Vive VR和 打包apk 运行于Oculus Quest 2。
2025-10-05 23:35:43
773
原创 VR大空间资料 02 —— 常用Body IK对比
本文总结了多款VR身体IK插件的使用体验和问题。MimicIKVRBodySystem兼容性较好，可打包APK；DragonIK动画支持优秀；BodySyncIK无法打包Android；YnnkIKBody存在Pico手腕90度弯曲、UE5.2-5.4手指动画Bug等问题，但支持神经网络全身IK。重点推荐MimicProIKBodySystem配合VREP框架可修复Pico手腕问题，并提供了详细文档和Demo链接。各插件均有对应教程视频和GitHub项目参考，开发者可根据需求选择解决方案。
2025-10-05 23:13:36
1150
原创 VR大空间资料 01 —— 常用VR框架对比
本文对比分析了四大主流VR开发框架（VRGK、VRAF、VREP、GDXR）的核心特性和最新动态。VRGK 3.0已转为社区维护但停止更新，主打物理交互；VRAF 5.2收费组件较多且更新停滞；VREP 5.5开源且持续更新，兼容多种IK方案；最新的GDXR 5.5模板支持网络功能。各框架在打包适配（Oculus/Pico）、IK支持、网络功能等方面存在显著差异，并附详细性能测试数据（如VRAF在UE5.4的渲染表现）和解决方案（阴影同步Bug修复）。文末提供各框架的官方文档、源码地址及典型应用案例参考。
2025-10-05 22:53:21
1109
原创 虚幻版Pico大空间VR入门教程 05 —— 原点坐标和项目优化技巧整理
本文主要介绍了大空间VR设备定位与开发的技术要点，包括：1. 大空间定位设置（障碍物识别、坐标朝向调整）；2. UE5开发注意事项（跟踪原点设置、打包参数优化）；3. 性能优化方案（移动端渲染、贴图处理、阴影优化）；4. 网络同步方案（播控系统对接、UDP同步）；5. 常见问题解决方案（打包失败处理、CPU调度优化等）。文章结合Pico设备开发经验，提供了详细的技术参数和优化建议，对大空间VR项目开发具有实用参考价值。
2025-10-04 19:50:02
1599
原创 虚幻版Pico大空间VR入门教程 04 —— PicoOpenXR和PicoXR插件对于PDC串流、SteamVR串流、OpenXR串流对比 和 手势追踪对比
PICO4UE企业版VR设备开发中的串流与手势追踪技术方案。重点对比了三种串流方式：PDC串流调试、企业串流v2.0(支持OpenXR/SteamVR)和企业串流v1.2(仅SteamVR)，并详细分析了不同插件组合(PicoXR/PicoOpenXR)下的手势追踪实现效果。通过实际测试数据表明，企业串流v2.0在OpenXR模式下性能最优，手势追踪功能完整，而SteamVR模式存在连接不稳定的问题。文章还提供了手势追踪组件配置、骨骼映射调整等开发经验，以及不同串流方式下的性能对比数据，VR开发提供技术方案
2025-10-02 09:30:01
2355
原创 虚幻版Pico大空间VR入门教程 03 —— PicoXR插件和PicoOpenXR插件的文档对比记录
PicoXR和PicoOpenXR插件对比摘要：两款插件不能同时启用，否则会导致打包错误或闪退。PicoXR仅支持Android打包，功能更全面（含手势/面部追踪等）；PicoOpenXR支持Android/PC双平台打包，兼容OpenXR标准但功能较少。主要差异：1) PicoXR支持PDC串流调试和更多SDK特性；2) PicoOpenXR适配UE5.6且可兼容Oculus设备；3) 系统版本要求不同（5.8.0 vs 5.11.0）；4) 企业开发需联系官方获取历史版本SDK。
2025-10-01 17:02:33
1570
原创 虚幻版Pico大空间VR入门教程 02 —— Pico设备选择
Pico设备功能对比与开发要点：大空间开发推荐Pico4UE/4E/Neo3E；眼追支持Pico4E/4P/Neo3ProEye；面补需Pico4E/4P。企业版设备2025年8月仅保留4UE和Neo3E，疑似为Pico5E预热。开发文档显示4UE支持100m×100m大空间，眼追需SDK 2.1.4+及PUI5.4.0+系统。企业版无法直接安装普通版应用，需ADB强制安装但会丧失手势追踪功能。手柄输入映射文档已更新，新旧版本需注意兼容性。
2025-10-01 16:27:06
1987
原创 虚幻版Pico大空间VR入门教程 01 ——UE5 Android打包环境4.26~5.6
介绍了虚幻引擎(UE)打包Pico应用的全流程指南。主要内容包括：1)整合包下载链接及版本兼容性提醒；2)完整的安装流程，涵盖Epic启动器、VisualStudio、Java环境、AndroidStudio的配置；3)SDK版本管理及各UE版本对应的Android开发要求；4)常见问题解决方案，如Gradle下载失败、环境变量冲突等；5)打包过程中的Bug记录和解决方法。特别强调了不同UE版本(4.27-5.6)对应的Java版本(JDK1.8/17/21)、AndroidSDK版本和NDK版本的
2025-10-01 15:19:16
1323
原创 【Babylon小技巧04】进阶双开门事件绑定同时触发
鼠标点击其中一扇门时，另外一扇也同时开启或关闭效果如图双开门playground地址：Babylon.js Playgroundhttps://playground.babylonjs.com/#5F7R3K主要思路为使用combineAction绑定了多个模型的鼠标事件，顺便多绑定一个箱子做放大缩小测试let combineOpenDoorAction = new BABYLON.CombineAction( BABYLON.Action..
2022-03-17 16:35:11
1339
1
原创 【Babylon小技巧03】单开门事件绑定，代码设置模型中心点，辅助线xyz坐标系显示
效果如图单开门playground地址：Babylon.js Playgroundhttps://playground.babylonjs.com/#XU8VDN注意：通过代码调整中心点，inspector显示bug，显示的是初始中心点位置这段代码例子中 【左门】使用了【LocalPostion】进行设置中心点位置，相对于自身坐标系向x轴正向+1（pg里左门为了开门x是 -1）var doorMeshLeft = BABYLON.MeshBu...
2022-03-17 16:32:33
1555
原创 【Babylon小技巧02】第一人称移动时，限定视角抬头角度
例如展馆内，不希望用户看到头顶天花板，则需要设置抬头仰角范围只允许前后左右移动 室内不允许抬头scene.registerBeforeRender(function () { console.log(camera.rotation.x); if(camera.rotation.x>0.5 ){//look down camera.rotation.x = 0.5; }else if(camera.rotatio
2022-03-17 16:27:25
1329
原创 【Babylon小技巧01】点击dom按钮，鼠标焦点自动回到canvas画布上
例如通过弹窗的html的dom按钮，进行camera瞬移，让画布重新捕获鼠标焦点canvas.tabIndex = -1;canvas.focus();canvas.dispatchEvent(new KeyboardEvent('keydown',{'key':'Delete'}))//模拟键盘点击事件html的canvas的tabindex定义tabindex="-1"：表示元素是可聚焦的，但是不能通过tab导航来访问到该元素，可以通过js获取。 tabindex="0"：表...
2022-03-17 16:24:51
807
翻译 【翻译】WebGL 优化场景提高表现的基本操作
【原文出处】：Optimizing scenes for better WebGL performance - Soft8Softhttps://www.soft8soft.com/docs/manual/en/introduction/Optimizing-WebGL-performance.html目录优化场景以获得更好的WebGL性能表现几何体/网格额外补充：尽可能在制作模型时就优化好模型面数和模型拆分法线图贴图纹理额外补充（略长） Diffuse、BaseColor、
2022-03-17 16:20:14
982
原创 Babylonjs Playground中动态加载自己的glb gltf模型（github、dropbox）
目录以下提供两种常用的方法 （使用科学梯子）先说总结：对比 github和dropboxgithub外链使用方法方法一：rootUrl添加链接路径。sceneFilename必须置空方法二：rootUrl填写文件夹路径，sceneFileName填写对应的文件名字方法三：gltf+bin文件 见案例：额外补充：群友盲猜大佬整理的pg加载原神模型+卡通渲染，已被官方添加到首页demo案例墙上dropbox外链使用方法：①https://www.dropbox.com/ ..
2022-02-16 17:07:58
6501
2
原创 Babylonjs 基础教程与填坑④sandbox+inspector面板中的Mesh类
目录inspector基本操作1、在场景想要通过鼠标点击选中模型2、鼠标点击场景内的小桌子，选中模型后，可以通过左边的眼睛开关，确认是否选择正确。3、inspector左侧面板的上方的可以单选控制模型的transform值（移动、旋转、放大）额外补充:中心点pivot最好是模型师修改，也可以代码设置坐标点，查询api→Mesh→pivot。（1）点亮移动图标选项后，鼠标拖拽红绿蓝可以让模型沿着xyz轴移动，（2）点亮旋转图标选项后，红绿蓝圈可拖拽，分别表示绕着xyz轴旋转。【正常
2022-02-16 16:42:26
8496
原创 Babylonjs 基础教程与填坑③sandbox沙盒、inspector调试器操作教程【新手必看】和Camera类详解
简单介绍，无论是webgl程序员还是3D美术，都必须要学会用sandbox和inspector提高团队效率的必备工具例如模型师导出的gltf、glb模型，程序员通过代码加载模型，部署运行后才发现碎面破面、模型面出现闪烁、模型没有颜色、贴图反了等等bug，很多小伙伴不知道如何定位bug是模型师还是程序员的锅，这些bug有些是模型师的锅，比如模型面没有厚度、两个面贴太紧导致闪烁，法线反了导致模型黑色，uv贴错了导致贴图反了，有些bug是因为pbr材质，程序没写hdr环境，所以模型黑了；程序创
2021-05-19 11:47:36
8748
1
原创 Babylonjs 基础教程与填坑②editor在线编辑器操作教程【不推荐使用】
先说总结：【不推荐】使用这个editor编辑器；【推荐】使用inspector可以看看本编的题外话内容，算是踩坑小总结babylon官方编辑器 （我用的时候是4.1版本，以下吐槽部分皆为v3网页版本，v4客户端版本目前依旧不是完成品）http://editor.babylonjs.com/v3/4.1版本 网页版本http://editor.babylonjs.com/4.2版本，目前最新版，为本地下载客户端版本缺点：1.未完善，贴图的uv通道属性不能页面设置，api查...
2021-04-19 20:08:51
8138
原创 Babylonjs 基础教程与填坑①入门常用网址
入坑babylon.js一段时间了，现在项目上线了，整理一下基础的入坑姿势和部分填坑技巧，记录一下遇到过的一些问题。babylonjs大法好，在webgl领域，国内社区活跃度还比不过three，入坑时好多东西只能自己研究。目录先说总结：以下网址中，只是我先做一下简单概括笼统的整合网址链接，具体拓展放在之后章节（大概不咕）常用网址（国内）4.1版本 非最新版本有playground基本表示就有源码了 这点非常非常关键，babylon这点比three好非常多可以在线运行和ins.
2021-04-12 21:55:54
14376
1
原创 Babylonjs 在场景中优化处于实体墙后面的大量模型
Babylonjs 的摄像机转向时，如果镜头内有一面墙，墙不透明，墙后面一堆资源，比如花草树木无数个，会掉帧严重。这时候镜头内虽然看着只有墙，但是BJS的引擎把墙后面的模型也渲染了。例如墙后面有1000个球体，那么就可以隐藏这些球体模型。（表示1000个不同模型，否则同模型可用instance优化）先说总结，可以使用AssetContainer进行资源管理，removeAllFromScene后，场景内totals总模型数量就下降了，帧率就提高。测试用例截图和分析如下：1.墙后面有100
2020-12-07 23:27:31
2228
原创 webpack5.x 配合babel编译打包发布es5的代码
webpack5默认webpack命令，编译打包的代码为箭头函数，如图：按照webpack5特性里面的教程，output添加了 ecmaVersion: 5 无效果 output: { ecmaVersion: 5 , path: path.resolve(__dirname,'public'), filename: "bundle.js" },只需要新增 target: ['web', 'es5'], 编译后即为es5代码.
2020-12-03 15:11:51
4696
4
原创 Babylonjs 官网demo预览图合集整理 带说明
整理一份官方demo预览图，方便看图时可以直接了解所运用的相关技术，部分带简略文字说明可以从图片名称找到github内的源码，或者添加前缀访问 https://www.babylonjs.com/demos/+图片名称例如：https://www.babylonjs.com/demos/actions/babylon官网 https://www.babylonjs.com/ 的源码可以从github下载以下预览图为babylon官网部分demohttps://gi...
2020-10-23 21:47:13
5325
1
h5完美实现移动端 手势同时控制图片 旋转 拖拽 放大 的源码
2016-04-11
babylonjs 官方虚拟展厅.glb模型资源
2020-10-27
实现canvas 图片拖拽旋转移动 点击转成base64
2016-04-14
js完美实现同时拖拽、旋转、放大缩小图片的手势操作 ver2 添加图片截取功能
2016-04-21
canvas 手势拖拽旋转放大 crop截取图片 头像上传高清版本 (Tomcat 测试)
2016-04-18
Android读取doc(支持图片) 转html 并保存webview 成图片
2016-02-23
js完美实现同时拖拽、旋转、放大缩小图片的手势操作
2016-04-11
jOpenDocument jar包 1.4版
2016-02-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人