three.js
Maschen

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


Einführung

Ein Three.js Ineinander greifen ist eine Basisklasse , die von erbt Object3d und verwendet wird polygonale Objekte zu instanziiert durch eine Kombination von Geometrie mit einem Werkstoff . Mesh ist auch die Basisklasse für die fortgeschritteneren MorphAnimMesh und SkinnedMesh Klassen.

Syntax

  • neues THREE.Mesh (Geometrie, Material);

Bemerkungen

Sowohl die Geometrie als auch das Material sind optional und werden standardmäßig auf BufferGeometry und MeshBasicMaterial wenn sie nicht im Konstruktor bereitgestellt werden.

Rendern eines Würfelnetzes mit einer Boxgeometrie und einem Basismaterial

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
Lizenziert unter CC BY-SA 3.0
Nicht angeschlossen an Stack Overflow