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 คุณสามารถดาวน์โหลดไฟล์ json สำหรับ Dude.babylon ได้จากที่นี่ -

Dude.babylon

บันทึกไฟล์เป็นฉาก ๆ เพื่อให้ได้ผลลัพธ์ตามที่แสดงด้านล่าง

เอาต์พุต

บรรทัดโค้ดด้านบนสร้างผลลัพธ์ต่อไปนี้ -

คำอธิบาย

สำหรับตาข่ายนำเข้าเราใช้ 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] หมายถึงมือของโครงกระดูก