Babylonjs-tiled-ground
提供：Dev Guides
BabylonJS-タイル張りの地面
このセクションでは、タイル張りの地面を作成する方法を学びます。
構文
以下は、タイル張りの地面を作成するための構文です-
var precision = {
"w" : 2,
"h" : 2
};
var subdivisions = {
'h' : 8,
'w' : 8
};
var tiledGround = BABYLON.Mesh.CreateTiledGround("Tiled Ground", -3, -3, 3, 3, subdivisions, precision, scene, false);パラメーター
タイル張りの地面を作成するには、次のパラメータを考慮してください-
- 名前-地面の名前。
- Xmin -マップの最小x座標値。
- Zmin -マップの最小z座標値。
- Xmax -マップの最大x座標値。
- Zmax -マップの最大z座標値。
- Subdivisions -\ {w：number、h：number}）マップの高さと幅のサブディビジョン（タイル）の数。
- 精度-（\ {w：number、h：number}）各タイルの高さと幅の細分化の数。
- Scene -tiledgroundがアタッチされるシーン。
- 更新可能-これは、メッシュが更新可能な場合に当てはまります。
デモ-タイル張りの地面
<!doctype html>
<html>
<head>
<meta charset = "utf-8">
<title>MDN Games: Babylon.js demo - shapes</title>
<script src = "babylon.js"></script>
<style>
html,body,canvas { margin: 0; padding: 0; width: 100%; height: 100%; font-size: 0; }
</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);
scene.clearColor = new BABYLON.Color3(0,1, 0);
var camera = new BABYLON.ArcRotateCamera("Camera", 1, 0.8, 10, new BABYLON.Vector3(0, 0, 0), scene);
var spot = new BABYLON.PointLight("spot", new BABYLON.Vector3(0, 30, 10), scene);
spot.diffuse = new BABYLON.Color3(1, 1, 1);
spot.specular = new BABYLON.Color3(0, 0, 0);
//<h3>Parameters</h3>
var xmin = -3;
var zmin = -3;
var xmax = 3;
var zmax = 3;
var precision = {
"w" : 2,
"h" : 2
};
var subdivisions = {
'h' : 8,
'w' : 8
};
//Create the Tiled Ground
var tiledGround = new BABYLON.Mesh.CreateTiledGround("Tiled Ground", xmin, zmin, xmax, zmax, subdivisions, precision, scene);
scene.activeCamera.attachControl(canvas);
return scene;
};
var scene = createScene();
engine.runRenderLoop(function() {
scene.render();
});
</script>
</body>
</html>
