• 2024-05-22出识babylonjs
    babylon.js初识代码<template><divstyle="width:100%;height:100%;overflow:hidden;"class="_Main_"><divid="babylonJS"style="float:left;width:100%;height:100%;"><c
  • 2024-03-30Babylon 如何使用AssetsManager(),导入多个模型
    AssetsManager是Babylon.js资产管理工具,可以加载多个模型或者纹理,并且在任务完成时提供回调函数。例如://创建一个AssetsManager实例constassetsManager=newBABYLON.AssetsManager(scene);//添加纹理加载任务consttextureTask=assetsManager.addTexture
  • 2023-10-07npm run dev 提示 { parser: "babylon" } is deprecated; we now treat it as { parser: "bab
    修改emacsnode_modules/vue-loader/lib/template-compiler/index.js将以下代码中的babylon替换babelif(!isProduction){code=prettier.format(code,{semi:false,parser:'babylon'})}if(!isProduction){code=prettier.format(code,{semi:false
  • 2023-07-29m1 mac 上使用 babylon native 构建项目注意事项
    目前(2023-07-29)babylon不支持arm架构的模拟器,所以需要开启Rosetta构建命令(使用模拟器64位,x86_64)cmake-Bbuild/iOS-GXcode-DCMAKE_TOOLCHAIN_FILE=Dependencies/ios-cmake/ios.toolchain.cmake-DPLATFORM=SIMULATOR64-DENABLE_ARC=0-DDEPLOYMENT_TARGET=16xcode
  • 2023-07-11npm run dev 提示 { parser: “babylon“ } is deprecated; we now treat it as { parser: “babel“ }.
    方法1修改文件:..../node_modules/vue-loader/lib/template-compiler/index.js//原来是这样的if(!isProduction){code=prettier.format(code,{semi:false,parser:'babylon'})}//修改后if(!isProduction){code=prettier.format(code,{semi:f
  • 2023-06-17babylon.js 学习笔记(10)
    今天来学习下车床(lathe)建型及粒子系统,babylon.js有一个很强大的函数CreateLathe,可以将一段路径经过旋转后,形成1个shape,这么说有点抽象,比如下面这张图:其中的关键点坐标为:constfountainProfile=[newBABYLON.Vector3(0,0,0),newBABYLON.Vector3(10,0,0),
  • 2023-06-04babylon.js 学习笔记(9)
    继续学习sprite用法,做为一个游戏引擎,怎能没有Sprite(精灵),下面是基本示例:constcreateScene=function(){constscene=newBABYLON.Scene(engine);constcamera=newBABYLON.ArcRotateCamera("Camera",-Math.PI/2,Math.PI/2,8,newBA
  • 2023-06-04babylon.js 学习笔记(8)
    接上回继续,现在的村庄已经有点象样了,但是远处的背景仍比较单调(如下图),今天来学习如何处理天空背景。babylon.js中,把整个空间假象成一个巨大的立方体(称为SkyBox),然后依次给立方体的6个面,贴上天空的背景图(如下图)在代码中只要指定这6张图的rootUrl即可,babylon.js会自动拼上一
  • 2023-05-28babylon.js 学习笔记(7)
    前面我们学习了如何画一堆房子(如下图),显然这单调的绿色大地,看上去效果并不好。babylon.js中,可以用图片模拟出地势高低不同的效果,比如下面这张图片:颜色越深的地方,表示地势越低(即:盆地),而颜色越浅的地方,地势越高(即:高山),可以参考下面的代码:constcreateScene=()=>{consts
  • 2023-05-28babylon.js 学习笔记(6)
    接上回继续,今天继续捣腾动画,上一节咱们让汽车的轮子动了起来,回顾一下核心代码://轮子转动constwheelAnimation=(scene,wheels)=>{//定义一个动画,每秒30帧,绕y轴转动constanimWheel=newBABYLON.Animation("wheelAnimation","rotation.y",30,BABYLO
  • 2023-05-21babylon.js 学习笔记(4)
    按上回继续,上节知道了如何用『方块+三棱柱+贴图』结合起来,画一个简单的小房子,实际应用中可以把这3个打包在一起,组成1个house对象,这样更方便一些constbuildHouse=()=>{constbox1=buildBox();constroof1=buildRoof();consthouse1=BABYLON.Mesh.Merg
  • 2023-05-20babylon.js 学习笔记(3)
    一、理解babylon.js坐标系constcreateScene=function(){constscene=newBABYLON.Scene(engine);constcamera=newBABYLON.ArcRotateCamera("camera",-Math.PI/2,Math.PI/2.5,3,newBABYLON.Vector3(0,0,0));camera.attachControl
  • 2023-05-14babylon.js 学习笔记(1)
    简单来说,babylon.js是一个能跑在浏览器上的(3D)游戏渲染引擎,而且官方提供了一个友好在线交互学习平台Playground,其开源项目在github上star数截止2023.05.14高达20.6K。下面是官方文档的学习笔记:一、helloworld强烈建议新手通过Playground在线体验,先来看第1个示例:核心代码如
  • 2023-04-22Introduction to WebGL 3D with HTML5 and Babylon.js
    Explore3Dbasics,andtakealookat3Dwithouthardware(creatingasoftwareengine).[05:45]-Understanding3DBasicsviaasoftengine[09:49]-UnderstandingtheTransformationpipeline[20:26]-Itsallabouttriangles[31:42]-MovingfromCPUto
  • 2023-03-21Going the distance with Babylon.js
    作者:JoshElster前言:DavidCatuhe,creatorandleaderoftheBabylon.jsopensourceproject前言:如果在当时你告诉我,有一天有人会有足够的动力来写一本关于它的书,我会
  • 2023-03-15Cesium 与 Babylon.js 可视化 添加贴地
    我决定不从Babylonjs基础来讲了直接整合cesium与babylonjs可视化来讲 我整合一个类库后续不断更新中```javascript npmi@haibalai/cesium-babylonjs ``` 
  • 2023-03-15Cesium 与 Babylon.js 可视化 第一个场景
    我决定不从Babylonjs基础来讲了直接整合cesium与babylonjs可视化来讲 我整合一个类库后续不断更新中```javascript npmi@haibalai/cesium-babylonjs ``` 
  • 2023-03-15Cesium 与 Babylon.js 可视化 联合两个mesh
    我决定不从Babylonjs基础来讲了直接整合cesium与babylonjs可视化来讲我整合一个类库后续不断更新中npmi@haibalai/cesium-babylonjs 初始化cesium-babylonjs
  • 2023-03-15Cesium 与 Babylon.js 可视化 给房子上贴图
    我决定不从Babylonjs基础来讲了直接整合cesium与babylonjs可视化来讲我整合一个类库后续不断更新中npmi@haibalai/cesium-babylonjs 初始化cesium-babylonjs
  • 2023-03-15Cesium 与 Babylon.js 可视化 构建房子
    我决定不从Babylonjs基础来讲了直接整合cesium与babylonjs可视化来讲我整合一个类库后续不断更新中npmi@haibalai/cesium-babylonjs 初始化cesium-babylonjs
  • 2023-03-15Cesium 与 Babylon.js 可视化 复制一个模型
    我决定不从Babylonjs基础来讲了直接整合cesium与babylonjs可视化来讲我整合一个类库后续不断更新中npmi@haibalai/cesium-babylonjs 初始化cesium-babylonjs
  • 2023-01-23Cesium 与 Babylon.js 可视化 添加人物动画
    我决定不从Babylonjs基础来讲了直接整合cesium与babylonjs可视化来讲我整合一个类库后续不断更新中npmi@haibalai/cesium-babylonjs初始化cesium-babylonjs类库,viewe
  • 2023-01-14Cesium 与 Babylon.js 可视化 给房子上贴图
    我决定不从Babylonjs基础来讲了直接整合cesium与babylonjs可视化来讲我整合一个类库后续不断更新中npmi@haibalai/cesium-babylonjs初始化cesium-babylonjs类库,viewe
  • 2023-01-14Cesium 与 Babylon.js 可视化 房子增加贴图
    我决定不从Babylonjs基础来讲了直接整合cesium与babylonjs可视化来讲我整合一个类库后续不断更新中npmi@haibalai/cesium-babylonjs初始化cesium-babylonjs类库,viewe
  • 2023-01-14Cesium 与 Babylon.js 可视化 构建房子
    我决定不从Babylonjs基础来讲了直接整合cesium与babylonjs可视化来讲我整合一个类库后续不断更新中npmi@haibalai/cesium-babylonjs初始化cesium-babylonjs类库,viewe