Babylonjs提供API来创建骨架和骨骼.
现在让我们看看不同函数的语法.
BABYLON.Skeleton = function(name，id，scene)
BABYLON.Bone = function(name，skeleton，parentBone，matrix)
骷髅和骨骼可以使用blender创建，并且可以在.babylonjs中导出.
<!doctype html>
<html>
<head>
<meta charset = "utf-8">
<title>BabylonJs - Basic Element-Creating Scene</title>
<script src = "babylon.js"></script>
<style>
canvas {width: 100%; height: 100%;}
</style>
</head>
<body>
<canvas id = "renderCanvas"></canvas>
<script type = "text/javascript">
var canvas = document.getElementById("renderCanvas");
var engine = new BABYLON.Engine(canvas, true);
var createScene = function() {
var scene = new BABYLON.Scene(engine);
//Adding a light
var light = new BABYLON.PointLight("Omni", new BABYLON.Vector3(20, 20, 100), scene);
//Adding an Arc Rotate Camera
var camera = new BABYLON.ArcRotateCamera("Camera", 0, 0.8, 100, BABYLON.Vector3.Zero(), scene);
camera.attachControl(canvas, false);
BABYLON.SceneLoader.ImportMesh(
"him", "scenes/Dude/", "Dude.babylon", scene, function (newMeshes, particleSystems, skeletons) {
var dude = newMeshes[0];
console.log(dude);
dude.rotation.y = Math.PI;
dude.position = new BABYLON.Vector3(0, 0, -80);
scene.beginAnimation(skeletons[0], 0, 100, true, 1.0);
})
return scene;
};
var scene = createScene();
engine.runRenderLoop(function() {
scene.render();
});
</script>
</body>
</html>在上面的演示链接中，我们使用了Dude.babylon网格.你可以从这里下载Dude.babylon的json文件 :
Dude.babylon
将文件保存在场景中以获得如下所示的输出.
上面一行代码生成以下输出 :
对于导入网格，我们使用了babylonjs dude mesh.
网格为我们提供了骨架.例如，skeleton = skeletons [0];
要从骨架获取骨骼，请执行以下命令 :
skeleton.bones;//它给出了一个数组.
在上面的演示中，我们创建了2个球并传递给网格.为此，我们执行了以下命令 :
sphere.attachToBone(skeleton.bones [30]，dude);
并且，
sphere1.attachToBone(skeleton.bones [40 ]，老兄);
attachToBone 是一个函数，其中，你可以为骨骼提供任何网格物体.
Skeleton.bones [30] 和 skeleton.bones [40] 指的是骨架的手.
