Artikel ini meneroka asas -asas pengesanan perlanggaran, fizik, dan kotak terikat dalam enjin webgl Babylon.js, dipertingkatkan oleh enjin fizik OIMO.JS. Kami akan membina demo yang mempamerkan konsep -konsep ini.

Demo fizik Babylon.js Espilit dengan oimo.js

(ganti http://www.miracleart.cn/link/e1dd47cc816ac88cd8100451384c97a dengan pautan sebenar) Demo ini, yang boleh dilihat dalam pelayar berkapasiti WebGL (seperti Chrome, Firefox, Safari, dan Edge), membolehkan anda menavigasi adegan 3D menggunakan kawalan gaya FPS. Tekan "S" untuk melancarkan sfera, "B" untuk kotak, dan klik objek untuk memohon daya impuls.

Konsep Utama:

Colliders memudahkan pengiraan: bukannya pengesanan perlanggaran mesh kompleks, geometri yang tidak kelihatan mudah (colliders) dengan ketara mengurangkan beban CPU.

perlanggaran vs enjin fizik:
• Babylon.js mengendalikan perlanggaran asas (mis., Pergerakan kamera), manakala oimo.js membolehkan simulasi dinamik dengan daya dan pergerakan realistik. Fizik untuk Realisme: Membolehkan Fizik dan Graviti di Babylon.js membolehkan interaksi objek yang realistik seperti melantun dan perlanggaran.
• manipulasi mesh interaktif: Memilih sokongan membolehkan pengguna berinteraksi dengan objek dengan mengklik dan memohon kuasa.
• alat penyahpepijatan: alat debugging Babylon.js menggambarkan elemen adegan dan menyesuaikan parameter fizik.
• Pengesanan perlanggaran dijelaskan:
• Pengesanan perlanggaran, seperti yang ditakrifkan oleh Wikipedia, adalah proses pengiraan mengenal pasti persimpangan antara objek. Ini penting dalam permainan dan simulasi. Kerumitan pengesanan ini adalah pertimbangan utama. Menguji perlanggaran antara jejaring terperinci adalah mahal, terutamanya dalam JavaScript.
Untuk menguruskan ini, kami menggunakan

colliders

.

colliders:

Colliders adalah geometri yang mudah dan tidak kelihatan (seperti kotak batas atau sfera) yang mewakili jejaring untuk pengesanan perlanggaran. Ini memudahkan pengiraan, meningkatkan prestasi. Pilihan collider (kotak, sfera, kapsul, atau mesh) bergantung pada bentuk mesh. Demo Espilit menggunakan kotak terikat, seperti yang digambarkan di bawah:

(ganti dengan url imej sebenar)

Imej ini menunjukkan dek kuning (mesh) dan collider kotak terikatnya.

(ganti dengan url imej sebenar)

Ini menunjukkan kotak terikat merah semitransparent di tempat kejadian espilit.

Memuatkan adegan: anda boleh memuatkan adegan espilit menggunakan salah satu kaedah ini:

1. Muat turun dari GitHub: Muat turun adegan dari repositori GitHub projek dan ikuti arahan dalam kursus Microsoft Virtual Academy (MVA) (ganti dengan pautan sebenar) pada pemuatan. Babylon Scenes.
2. Penyelesaian Visual Studio: Muat turun penyelesaian Visual Studio yang telah dibina.

Membolehkan fizik dengan oimo.js:

Untuk menambah fizik, gunakan kod berikut:

scene.enablePhysics(new BABYLON.Vector3(0, -10, 0), new BABYLON.OimoJSPlugin());

Ini menetapkan graviti dan menentukan oimo.js sebagai enjin fizik. Kemudian, berulang melalui meshes dengan checkCollisions diaktifkan tetapi tidak dapat dilihat, mengaktifkan sifat fizik mereka:

for (var i = 1; i < scene.meshes.length; i++) {
    if (scene.meshes[i].checkCollisions && scene.meshes[i].isVisible === false) {
        scene.meshes[i].setPhysicsState(BABYLON.PhysicsEngine.BoxImpostor, { mass: 0, friction: 0.5, restitution: 0.7 });
        meshesColliderList.push(scene.meshes[i]);
    }
}

Mewujudkan objek fizik:

Kod di bawah menambah sfera dan kotak dengan sifat fizik:

// ... (Material creation code) ...

function addListeners() {
    // ... (Key press event handlers) ...
}

Menambah Sokongan Memilih:

untuk membolehkan mengklik objek untuk memohon kuasa:

canvas.addEventListener("mousedown", function (evt) {
    // ... (Picking and impulse application code) ...
});

memaparkan kotak batas (debugging):

UI debug (ditunjukkan di bawah) membolehkan penglihatan collider dan sifat fizik. Kod untuk UI ini ditinggalkan untuk keringkasan.

(ganti dengan url imej sebenar)

(ganti dengan url imej sebenar)

Kesimpulan:

Tutorial ini menyediakan asas untuk memahami dan melaksanakan pengesanan perlanggaran dan fizik di Babylon.js menggunakan Oimo.Js. Demo dan coretan kod yang disediakan menawarkan contoh praktikal. Penjelajahan lanjut dokumentasi Babylon.js dan Oimo.js digalakkan. (termasuk pautan ke dokumentasi yang berkaitan)

Atas ialah kandungan terperinci Memahami Perlanggaran dan Fizik dengan Babylon.js dan Oimo.js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!