three.js
mazen

aframe Angular 2 CSS HTML html5-canvas JavaScript jQuery Node.js SVG TypeScript
Zoeken…


Invoering

Een Three.js Mesh is een basis klasse die erft van Object3d en wordt gebruikt om instantiate veelhoekige objecten door een combinatie van Geometry met een materiaal . Mesh is ook de basisklasse voor de meer geavanceerde klassen MorphAnimMesh en SkinnedMesh .

Syntaxis

  • nieuw THREE.Mesh (geometrie, materiaal);

Opmerkingen

Zowel de geometrie als het materiaal zijn optioneel en zullen standaard worden ingesteld op respectievelijk BufferGeometry en MeshBasicMaterial als ze niet in de constructor zijn opgegeven.

Geef een kubusgaas weer met een doosgeometrie en een basismateriaal

var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 50);
camera.position.z = 25;

var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

var geometry = new THREE.BoxGeometry(1, 1, 1);
var material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
var cubeMesh = new THREE.Mesh(geometry, material);
scene.add(cubeMesh);

var render = function () {
    requestAnimationFrame(render);

    renderer.render(scene, camera);
};

render();


Modified text is an extract of the original Stack Overflow Documentation
Licentie onder CC BY-SA 3.0
Niet aangesloten bij Stack Overflow