BabylonJS - Viewports
HTML
<script src="http://cdn.babylonjs.com/2-3/babylon.js"></script>
<canvas id="renderCanvas"></canvas>
CSS
#renderCanvas {
width: 100%;
height: 100%;
min-height: 100%;
}
JavaScript
if (BABYLON.Engine.isSupported()) {
var canvas = document.getElementById("renderCanvas");
var engine = new BABYLON.Engine(canvas, true);
var scene = new BABYLON.Scene(engine);
var camera = new BABYLON.FreeCamera("camera1", new BABYLON.Vector3(0, 5, -10), scene);
camera.setTarget(BABYLON.Vector3.Zero());
camera.attachControl(canvas, true);
var light = new BABYLON.HemisphericLight("light1", new BABYLON.Vector3(0, 1, 0), scene);
light.intensity = 0.7;
var sphere = BABYLON.Mesh.CreateSphere("sphere1", 16, 2, scene);
sphere.position.y = 1;
var ground = BABYLON.Mesh.CreateGround("ground1", 6, 6, 2, scene);
BABYLON.Tags.AddTagsTo(sphere, 'testing');
var objs = scene.getMeshesByTags("!testing");
for (var i = 0; i < objs.length; i++){
console.log(objs[i].name);
}
var objs = scene.getMeshesByTags("testing");
for (var i = 0; i < objs.length; i++){
console.log(objs[i].name);
}
// Render loop
var renderLoop = function () {
scene.render();
};
// Launch render loop
engine.runRenderLoop(renderLoop);
}