three.js
Meshes

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


Introduction

Un maillage Three.js est une classe de base qui hérite d' Object3d et permet d'instancier des objets polygonaux en combinant une géométrie avec un matériau . Mesh est également la classe de base pour les classes MorphAnimMesh et SkinnedMesh plus avancées.

Syntaxe

  • nouveau TROIS.Mesh (géométrie, matériau);

Remarques

La géométrie et le matériau sont tous deux facultatifs et par défaut, BufferGeometry MeshBasicMaterial respectivement BufferGeometry et MeshBasicMaterial s'ils ne sont pas fournis dans le constructeur.

Rendu un maillage de cube avec une géométrie de boîte et un matériau de base

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
Sous licence CC BY-SA 3.0
Non affilié à Stack Overflow