- 综合排序
- 最热优先
- 最新优先
- 来自专栏Web 技术
在 Vue3 中使用 BabylonJs 开发 3D 是什么体验
安装 BabylonJs 我们需要将 Babylon 包安装到我们的项目中。在这个项目中，我们将使用几个 Babylon 包，但现在，让我们从 Babylon 的核心包开始。 为此，我们在终端中使用以下命令： npm install @babylonjs/core 上面的命令会将 babylon.js 安装到我们项目的节点模块文件夹中。 以下是上述内容的实现： import { Scene, Engine } from "@babylonjs/core" export class BabylonScene { scene: Scene
2.2K10编辑于 2022-07-29 - 来自专栏菩提树下的杨过
babylon.js 学习笔记(2)
; return scene; } Playground平台可以直接导出为.babylon文件 随便弄个html，只需要下面2行即可： <script src="https://cdn.<em>babylonjs</em>.com -- <script src="https://cdn.babylonjs.com/babylon.js"></script> <script src="https://cdn.<em>babylonjs</em>.com /loaders/<em>babylonjs</em>.loaders.min.js"></script> <script src="https://code.jquery.com/pep/0.4.3/pep.js /js/<em>babylonjs</em>.loaders.min.js"></script> <script src=".. 时，注意下目录的相对位置（参考下图） 在线地址：https://yjmyzz.github.io/babylon_js_study/day02/03.html 参考文档： https://doc.<em>babylonjs</em>.com
96420编辑于 2023-05-23 - 来自专栏acoolgiser_zhuanlan
webgl图库研究（包括BabylonJS、Threejs、LayaboxJS、SceneJS、ThingJS等框架的特性、适用范围、支持格式、优缺点、相关网址）
/16-babylonjs/ PlayGround:http://babylonjs-playground.azurewebsites.net/ 在线开发工具：http://wow.techbrood.com /github.com/BabylonJS/Babylon.js/tree/master/Exporters 模型预览：http://sandbox.babylonjs.com/ 格式解析： https ://www.babylonjs.com/demos/mansion/ http://www.babylonjs.com/demos/distraction/ http://www.babylonjs.com /demos/actions/ http://www.babylonjs.com/demos/train/ http://cyos.babylonjs.com/ 二、ThreeJS（适用于小场景 （三） 支持格式 模型预览： http://sandbox.babylonjs.com/ 格式解析： https://github.com/h53d/babylonjs-doc-cn/blob/master
6.1K30发布于 2020-11-12 - 来自专栏深度学习与python
Babylon.js 将成构建元宇宙重要工具？专访 Babylon.js 团队负责人| 卓越技术团队访谈录
但无论大家的教育背景如何，我总会向 Babylon.js 学习者推荐三大资源： 首先是 Babylon.js playground (https://playground.babylonjs.com/) 第二个就是 Babylon.js 丰富的说明文档（https://doc.babylonjs.com/）。 Babylon.js 论坛（https://forum.babylonjs.com/）汇聚了世界各地友好、善良、乐于助人的贡献者们。我想把所有美好的词汇都献给我们的社区。 https://doc.babylonjs.com/advanced_topics/webGPU/webGPUWGSL InfoQ：在开发 Babylon.js 时，团队是如何平衡包体积、性能、功能等因素的 https://www.babylonjs.com/games/。 另外，我们还使用最新的 Babylon.js 5.0 版本开发了一段全新的《太空海盗》游戏演示，大家可以看看。
1.5K20编辑于 2023-03-29 JSAR 粒子系统实战：打造炫酷 3D 烟花秀
粒子纹理（使用在线资源） particleSystem.particleTexture = new BABYLON.Texture( 'https://playground.babylonjs.com explosion', 2000, scene); ps.particleTexture = new BABYLON.Texture( 'https://playground.babylonjs.com particleTexture) { particleTexture = new BABYLON.Texture( 'https://playground.babylonjs.com/textures /features/featuresDeepDive/particles](https://doc.babylonjs.com/features/featuresDeepDive/particles /](https://playground.babylonjs.com/)
29310编辑于 2025-10-15- 来自专栏张高兴的博客
使用 Babylon.js 在 HTML 页面加载 3D 对象
Babylon GitHub : https://github.com/BabylonJS/Babylon.js Babylon Document : https://doc.babylonjs.com
4.9K50发布于 2018-06-26 - 来自专栏HT
基于HTML5的电信网管3D机房监控应用
兼容性问题，这些问题就交给各种框架来解决，HTML5的3D引擎非常多threejs是知名度较高的，但较臃肿大好几百k的包，什么功能都触及但都做不深入，动画引擎像玩具，做游戏引擎又缺碰撞检测，这点上不及后起之秀babylonjs ，最早吸引我的是注意的是介绍babylonjs的这段话 I am a real fan of 3D development. 我喜欢babylonjs主要因为他专注游戏引擎的定位，同样企业应用我选择Hightopo的HT for Web 3D引擎，毕竟企业应用和游戏功能、性能、渲染效果等方面考虑的是不一样的，没有一个引擎能解决所有行业的所有问题
1.8K70发布于 2018-01-03 - 来自专栏HT
基于HTML5的WebGL电信网管3D机房监控应用
兼容性问题，这些问题就交给各种框架来解决，HTML5的3D引擎非常多threejs是知名度较高的，但较臃肿大好几百k的包，什么功能都触及但都做不深入，动画引擎像玩具，做游戏引擎又缺碰撞检测，这点上不及后起之秀babylonjs ，最早吸引我的是注意的是介绍babylonjs的这段话 I am a real fan of 3D development. 我喜欢babylonjs主要因为他专注游戏引擎的定位，同样企业应用我选择Hightopo的HT for Web 3D引擎，毕竟企业应用和游戏功能、性能、渲染效果等方面考虑的是不一样的，没有一个引擎能解决所有行业的所有问题
1.2K100发布于 2018-01-03 - 来自专栏前端Q
大型 3D 互动项目开发和优化实践
项目渲染层级总体分为两层：3D 场景层和 HUD 层 3D 场景层顾名思义渲染 3D 场景，由人物模型、建筑模型和宝箱这些互动模型组成 HUD 层渲染互动按钮、弹窗、业务需要的商品列表等2D UI 内容 本来 babylonjs 是支持 3D 和 2D 内容混合渲染的，但是如果都使用 babylonjs 渲染，在设置两种内容需要使用统一的分辨率，而在现在的移动端设备上，能支持像素分辨率（如iPhone 14的像素分辨率为1170x2532 由 babylonjs 渲染 3D 场景层，而 HUD 层则通过 react 框架使用传统 DOM 方式渲染。 babylonjs 自带的镜头没有避开模型的功能，在产品也没有处理经验的时候，我们做了如下两个方案： 镜头外围用一个不可见模型包围，跟人物一样与建筑、场景模型做碰撞检测，使镜头不会进入到模型中去。 babylonjs 自带一个分级渲染的功能，能实时检测运行帧率决定是否降级，在之后的迭代中，可以增加从像素分辨率加上特效到设备分辨率基本渲染的分级渲染策略。
1.1K20编辑于 2023-08-23 - 来自专栏hightopo
原 基于HTML5的WebGL电信网管3D
兼容性问题，这些问题就交给各种框架来解决，HTML5的3D引擎非常多threejs是知名度较高的，但较臃肿大好几百k的包，什么功能都触及但都做不深入，动画引擎像玩具，做游戏引擎又缺碰撞检测，这点上不及后起之秀babylonjs ，最早吸引我的是注意的是介绍babylonjs的这段话 I am a real fan of 3D development. 我喜欢babylonjs主要因为他专注游戏引擎的定位，同样企业应用我选择Hightopo的HT for Web 3D引擎，毕竟企业应用和游戏功能、性能、渲染效果等方面考虑的是不一样的，没有一个引擎能解决所有行业的所有问题
81130发布于 2018-06-05 - 来自专栏才浅coding攻略
怎样在你的网页中嵌入展示3D奎爷模型（可360度观看）
首先在HTML的<head>中增加 script 引入Babylon.js： <script src="https://cdn.<em>babylonjs</em>.com/babylon.js"></script> < script src="https://cdn.<em>babylonjs</em>.com/loaders/<em>babylonjs</em>.loaders.min.js"></script> 然后到ts中为模型创建画布: const 如果你感兴趣可以到BabylonJS官方的Sandbox中尝试下按面贴图。
1.1K50编辑于 2023-09-18 - 来自专栏hightopo
基于HTML5的WebGL电信网管3D机房监控应用
兼容性问题，这些问题就交给各种框架来解决，HTML5的3D引擎非常多threejs是知名度较高的，但较臃肿大好几百k的包，什么功能都触及但都做不深入，动画引擎像玩具，做游戏引擎又缺碰撞检测，这点上不及后起之秀babylonjs ，最早吸引我的是注意的是介绍babylonjs的这段话 I am a real fan of 3D development. 我喜欢babylonjs主要因为他专注游戏引擎的定位，同样企业应用我选择Hightopo的HT for Web 3D引擎，毕竟企业应用和游戏功能、性能、渲染效果等方面考虑的是不一样的，没有一个引擎能解决所有行业的所有问题
1.1K60发布于 2018-07-09 - 来自专栏GIS 地图可视化
arcgis 与 claygl 引擎结合做地图可视化
Camera 类 （透视相机）Matrix4 类Vector3 类相机透视矩阵setProjectionMatrix和 Matrix4 decomposeMatrix方法刚好他们坐标系方向都是一致的不像babylonjs
41210编辑于 2022-12-15 - 来自专栏张善友的专栏
Blazor 和 TypeScript 互操作工具库
作者为了验证这样的一个互操作工具库的可用性，通过一个 Three.js类似的一款WebGL开发框架 Babylon ， 示例站点：BabylonJS 生成的示例站点（https://wonderful-pond
99920编辑于 2022-03-30 - 来自专栏张高兴的博客
使用 Babylon.js 在 HTML 页面加载 3D 对象
Babylon GitHub : https://github.com/BabylonJS/Babylon.js Babylon Document : https://doc.babylonjs.com
5.7K120发布于 2018-05-18 - 来自专栏菩提树下的杨过
babylon.js 学习笔记(8)
return scene; } 在线地址：https://yjmyzz.github.io/babylon_js_study/day08/04.html 参考文档： https://doc.babylonjs.com /features/introductionToFeatures/chap5/sky https://doc.babylonjs.com/features/featuresDeepDive/materials
1.1K40编辑于 2023-06-10 用 JSAR 让天气"活"起来：我的 AR 天气可视化之旅
rain', 3000, scene); rain.particleTexture = new BABYLON.Texture( 'https://playground.babylonjs.com snow', 2000, scene); snow.particleTexture = new BABYLON.Texture( 'https://playground.babylonjs.com scene); particleSystem.particleTexture = new BABYLON.Texture( 'https://playground.babylonjs.com scene); particleSystem.particleTexture = new BABYLON.Texture( 'https://playground.babylonjs.com 没有完美公式，只能试及时清理：记得 dispose()，不然内存泄漏参考资料JSAR 官方文档：https://jsar.netlify.app/Babylon.js 粒子教程：https://doc.babylonjs.com
20610编辑于 2025-11-03- 来自专栏菩提树下的杨过
babylon.js 学习笔记(4)
}); </script> 效果如下： 在线地址：https://yjmyzz.github.io/babylon_js_study/day04/08.html 参考文档： https://doc.babylonjs.com /features/introductionToFeatures/chap2/copies https://doc.babylonjs.com/features/introductionToFeatures
81730编辑于 2023-05-23 - 来自专栏数字孪生
WebGL开发3D展示的框架
Babylon.js网站: babylonjs.com特点:与Three.js类似，提供了丰富的功能来创建3D应用程序。支持物理引擎、粒子系统、高级材质等。提供了详细的文档和一个非常活跃的社区。3.
40010编辑于 2025-03-13 - 来自专栏菩提树下的杨过
babylon.js 学习笔记(9)
return scene; } 在线地址：https://yjmyzz.github.io/babylon_js_study/day09/05.html 参考文档： https://doc.babylonjs.com /features/featuresDeepDive/sprites/sprite_manager https://doc.babylonjs.com/features/introductionToFeatures
56220编辑于 2023-06-10
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号