BabylonJS-뼈와 스켈레톤
Babylonjs는 뼈대와 뼈대를 만드는 API를 제공합니다.
통사론
이제 다른 함수에 대한 구문을 살펴 보겠습니다.
스켈레톤 용
BABYLON.Skeleton = function (name, id, scene)뼈용
BABYLON.Bone = function (name, skeleton, parentBone, matrix)Skeletons and Bones 블렌더를 사용하여 만들 수 있으며 .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 파일을 다운로드 할 수 있습니다.
야 바빌론
아래와 같이 출력을 얻으려면 장면에 파일을 저장하십시오.
산출
위의 코드 줄은 다음 출력을 생성합니다.
설명
임포트 메시에는 babylonjs dude mesh를 사용했습니다.
메시는 우리에게 스켈레톤을 제공합니다. 예를 들어, skeleton = skeletons [0];
뼈대에서 뼈를 얻으려면 다음 명령을 실행하십시오.
skeleton.bones; //it gives a array.위의 데모에서 2 개의 구를 만들고 메시로 전달했습니다. 이를 위해 다음 명령을 실행했습니다.
sphere.attachToBone(skeleton.bones[30], dude);과,
sphere1.attachToBone(skeleton.bones[40], dude);attachToBone 뼈에 메쉬를 줄 수있는 함수입니다.
Skeleton.bones[30] 과 skeleton.bones[40] 해골의 손을 말합니다.