babylonjs 分部加载模型_初学WebGL引擎-BabylonJS：第2篇-基础模型体验

此次学习进度会比之前快很多，有了合适的学习方法后也就会有更多的乐趣产生了。

接上一章代码

上章代码

Babylon - Getting Started

}#renderCanvas{width:100%;height:100%;touch-action:none;

}

varcanvas=document.getElementById('renderCanvas');//加载巴比伦3D引擎

varengine= newBABYLON.Engine(canvas,true);//创建场景

varcreateScene= function() {//通过引擎创建基本场景

varscene= newBABYLON.Scene(engine);//创建一个开放免费的相机，地点位于x:0(横向距离), y:5(高度), z:-10(纵向距离)

varcamera= newBABYLON.FreeCamera('camera1',newBABYLON.Vector3(9,5,-10), scene);//相机到场景的起源

camera.setTarget(BABYLON.Vector3.Zero());//相机放置画布

camera.attachControl(canvas,false);//创建基本光源, 目标位于 x:0,y:1,z:0 -(由天空出现)

varlight= newBABYLON.HemisphericLight('light1',newBABYLON.Vector3(0,1,0), scene);//创建一个内置的“球”的形状,它的构造函数包括5个参数:名称、宽度、深度、细分,场景(例子中仅4个参数)

varsphere=BABYLON.Mesh.CreateSphere('sphere1',16,2, scene);//球向上移动高的二分之一距离

sphere.position.y= 1;//创建一个内置的“地面”，它的构造函数包括5个参数:名称、宽度、深度、细分,场景

varground=BABYLON.Mesh.CreateGround('ground1',6,6,2, scene);//返回该场景

returnscene;

}//赋予该场景于变量

varscene=createScene();//在引擎中循环运行这个场景

engine.runRenderLoop(function(){

scene.render();

});//追加事件：帆布与大小调整程序

window.addEventListener(&