Tag: three.js
Three.js ist ein leichtes, cross-browser JavaScript library/API zum erstellen und anzeigen, animierte 3D-computer-Grafik auf einem Web-browser. Three.js Skripte können verwendet werden in Verbindung mit dem HTML5-canvas-element, SVG oder WebGL.
threejs - Darstellung ein 2D-Bild
1 Antworten
Anderen threejs Frage. Ich bin im Grunde versucht, um ein 2D-Bild auf dem Bildschirm angezeigt, wenn ich eine Taste drücken. Ich habe gesucht, aber ich kann nicht einen Weg finden, um mein Bild korrekt angezeigt werden und
Wie kontrollieren Sie TrackBallControls rotation in three.js
2 Antworten
Ich habe seit diesem app, wenn Sie auf die Obere linke Registerkarte zeigt es der Assistent cube und klicken Sie dann auf und ziehen Sie Ihre Maus über den Bildschirm zu bewegen Sie die Kamera mit der
Three.js canvas Rendern und Transparenz
1 Antworten
Bitte haben Sie einen Blick diese demo mit beiden WebGL aktiviert und deaktiviert. Beim wechseln zwischen WebGL und canvas Rendern (dies geschieht automatisch als javascript erkennen, ob Sie WebGL oder nicht) die wireframe-only-Bereich (das erste auf der
Three.js & OrbitControls.js - pan Kamera parallel zur Bodenebene (wie Google Earth)
4 Antworten
Arbeite ich an einer einfachen Three.js demo verwendet OrbitControls.js. Möchte ich das Verhalten ändern, schwenken in OrbitControls. Derzeit, wenn Sie die Kamera schwenken, bewegt sich die Kamera in einer Ebene, die senkrecht auf der Blickrichtung. Ich möchte
Export-Szene aus Three.js editor und importieren
2 Antworten
Ich eine einfache Szene mit dem editor von three.js arbeiten in lokalen. Wenn ich fertig bin die Szene, ich will gehen Sie zu "Datei" -> "export-Szene" und der editor erzeugt JSON-Objekt/Szene. Jetzt werde ich kopieren und fügen
Three.js - billboard-Effekt, pflegen Ausrichtung, nachdem die Kamera schwenkt
3 Antworten
Habe ich eine Ebene geometrie, die immer vor der Kamera über: plane.lookAt(camera.position); in der update-Schleife. Ich bin mit OrbitControls zur Steuerung der Kamera. Beim drehen oder Zoomen der Szene, das Flugzeug weiterhin vor der Kamera, wie erwartet.
Three.js: Wie Update BufferGeometry Eckpunkte
1 Antworten
Ich nur das update einer Zeile, die haben 2 Ecken und ich versucht zu verwenden, diese Dinge oben, die geändert werden, r58, aber die Linien kippe bewegen, ich habe gerade dieses zu initialisieren: var geometry = new
three.js: BufferGeometry mit textur-Koordinaten
2 Antworten
Könnte ich nicht gefunden, Beispiel DREI.BufferGeometry mit textur-Koordinaten. Es soll verwendet werden für strukturierte mesh? Ich kann nicht ankommen es zu wirken. Hier ist mein test-code: var quad_vertices = [ -30.0, 30.0, 0.0, 30.0, 30.0, 0.0, 30.0,
OBJ-Loader THREE.JS Problem
2 Antworten
Ich habe ein Problem mit dem OBJ-Loader in THREE.JS. Ich habe geschrieben das folgenden code: //Scene scene = new THREE.Scene(); //Camera camera = new THREE.PerspectiveCamera(60,window.innerWidth/window.innerHeight,1,1000); //Renderer renderer = new THREE.WebGLRenderer(); renderer.setSize(window.innerWidth-5,window.innerHeight-5); document.getElementById('container').appendChild(renderer.domElement); //loader loader = new THREE.OBJLoader();
Aktualisierung ShaderMaterial-Attribut in three.js
1 Antworten
Aus der three.js tutorial über Shader, wir lernen, wir können aktualisieren, einheitliche Werte einer ShaderMaterial: var attributes = { displacement: { type: 'f', //a float value: //an empty array } }; var uniforms = { amplitude:
THREE.js Ray-Schnittmenge fällt durch das hinzufügen von div
3 Antworten
Meine Three.js script läuft wunderbar, wenn es nur einen Ziel-div-Element auf der Seite (die hält renderer.domElement). Sobald ich fügen Sie ein weiteres div mit fester Höhe und Breite über das Ziel-div-ray.intersectObjects null zurück. Ich bezweifle, dass der
Wie ausblenden und anzeigen eines Objekts in der Szene three.js
1 Antworten
Ich habe ein Objekt, welches aus Kugeln auf meine Szene. Und ich habe einen ein-und ausblenden-Schaltfläche. Der Fluss von meinem Programm ist, dass wie. Zum Beispiel, wenn ich wählen Sie eine der Kugeln (ich verwendete raycasting für
Ab Cinema 4D [R13+] und Three.js
1 Antworten
Bin ich einfach nur zu starten, um das erstellen eines 3D-website, und ich bin mit Cinema 4D. Nun ist meine Frage, wie kann meine 3D-Modelle auf meiner website? Sie weisen zu verwenden Py4d - ein plugin, aber
Three.Js zeichnen linearer Farbverlauf textur in webgl
1 Antworten
Mit canvas-renderer verwende ich eine Funktion, die zieht einen linearen Verlauf. Ich möchte diese Arbeit mit der webgl-renderer als gut, aber es drosseln auf Transparenz. Der code ist unten und hier ist ein link zu ein Turnschuh,
THREE.js - Nicht Lesen-Eigenschaft 'lib' undefined (DREI.ShaderUtils.lib["normal"])
2 Antworten
Arbeite ich durch die übungen fanden in der WebGL-erste-Schritte-Buch von Oreilly. Die folgende Zeile verursacht einen Laufzeitfehler. Ich gegoogelt um und nicht sehen, alle anderen haben das Problem, also was mache ich falsch? var specularMap= THREE.ImageUtils.loadTexture("WebGLBook/images/earth_specular_2048.jpg"); var
Three.js Fliesen, die mehrere Texturen verwenden von Ebenen geometrie
2 Antworten
So, ich bin versucht, zu erstellen eine 3D-Welt basiert, bestehend aus Fliesen. Ich es erfolgreich geschafft haben, dies zu tun mit der Ebenen geometrie-und height-Werte etc. Jetzt habe ich aber zu einem Punkt kommen, wo ich evtl.
THREE.js Renderer
2 Antworten
Kann mir jemand erklären, was ist der Unterschied zwischen three.js Renderer? Welches ist schneller? Die eine ist mehr standard-und cross-browser? Wie der svg-renderer und dom-renderer arbeiten? Ich habe anderes Ergebnis, wenn ich webGl statt der canvas-renderer für
Three.js Auto-Kamera drehen, um den Fokus auf das Objekt
3 Antworten
In three.js 3D-Raum habe ich einige MESH-Objekte, für die seine Positionen sind bekannt, und ein Kamera-Objekt. Was ich erreichen möchte ist: wenn ich auf einen button klicken, wird die Kamera automatisch drehen und Zoomen (Veränderung seiner position),
Einschließlich textur-Dateien in das collada-Datei
2 Antworten
Ich möchte mein Bild mit der textur-Dateien in meine collada-Datei. Jetzt habe ich viele Dateien: die .dae selbst und die .png-textur-Dateien. Möchte ich aber nur eine Datei: die .dae, aber mit den Texturen enthalten in es. Könnte
wie, um den ersten lookAt/Ziel-Steuerung
2 Antworten
Ich brauche, um die ersten 'lookAt' Punkt der Szene ist, dass wird in der Mitte des Bildschirms und der Kontrolle der rotation. Wenn möglich, würde ich es vorziehen, legen Sie einen Punkt (oder die position eines Objekts),
Isometrische Kamera mit THREE.js
2 Antworten
Wie kann ich den Winkel der Kamera zu so etwas wie der isometrische Projektion? InformationsquelleAutor Daniel Ribeiro | 2014-05-03
Wie auf ein Objekt in THREE.js
2 Antworten
Arbeite ich meinen Weg durch dieses Buch, und ich bin okay tun denke ich, aber ich habe getroffen, was ich nicht wirklich bekommen. Unten ist, wie Sie sich anmelden können, für die Konsole und das Objekt im
Zoom auf Objekt in ThreeJS
6 Antworten
Wo kann ich die zoom-Richtung im three.js? Ich möchte zum vergrößern in die Richtung der Maus-cursor, aber ich verstehe nicht, wo kann man den zoom ändern Ziel. InformationsquelleAutor Niekes | 2014-06-02
Wie man die Maus-position mit three.js?
3 Antworten
Hallo, ich bin mit IcosahedronGeometry. Dass ich bin das hinzufügen CircleGeometry, um jeder seiner Ecken. So nun meine Anforderung ist, wenn die Maus bewegt wird zum Kreis, der Kreis sollte Einblick in die mousemove und Sie sollte
Holen Sie sich euler rotation von Quaternionen?
1 Antworten
Ich bin mit FlyControls für die Verschiebung und das drehen mein Flugzeug (ich mache eine Flug-sim), und es funktioniert ziemlich gut. Aber jetzt habe ich lief in ein problem, wo eine mögliche Lösung wäre, zu wissen, die
Aktivieren einer Erweiterung auf eine Three.js shader
2 Antworten
Wie kann ich die Erweiterung aktivieren auf ein Three.js shader? Mein code bisher: erste Erweiterung: var domElement = document.createElement( 'canvas' ); var gl = domElement.getContext('webgl') || domElement.getContext('experimental-webgl'); gl.getExtension('OES_standard_derivatives'); auf meinem shader: fragmentShader: [ "#extension GL_OES_standard_derivatives : enable",
So erstellen Sie ein Gelände in three.js?
1 Antworten
Ich weiß, ich habe um eine Schnittebene zu erstellen mit einer Menge von Segmenten, sondern danach, wie Sie die y-position der vertices? Vielen Dank im Voraus, Vielleicht sollten Sie versuchen, zu verwenden Perlin für die Generierung von
Three.js als hintergrund der website möglich?
4 Antworten
Habe ich mit three.js für ein lustiges experiment auf einer Website. Ich würde gerne auf einen aktuellen Test (für die ich bereits den code für), und verwenden Sie es als hintergrund für meine Website. Weiß jemand, wie
Wie export von SketchUp-Modellen zu three.js?
2 Antworten
Habe ich ein Modell entwickelt, von google SketchUp, und ich möchte um es zu exportieren, um three.js um etwas Zeit zu sparen.Weil ich denke, dass die Verwendung SketchUp ist einfacher als three.js.Dann kann mir jemand sagen, wie
three.js 3d-Modelle als hyperlink
3 Antworten
Ich versuche, herauszufinden, einen Weg, um ein 3D-Modell erstellt mit Three.js als hyperlink. In anderen Worten, wenn ich auf einen cube (eine DREI.CubeGeometry), möchte ich eine andere Seite zu öffnen. Beispielsweise in diese threejs.org Beispiel, wie kann
Three.js bewegen Sie und drehen Sie das Zentrum der geometrie
2 Antworten
Ich habe ein Komplexes Modell beladen mit OBJLoader. Ich möchte zu bewegen und drehen Sie Ihr Zentrum, damit der Benutzer ( die Benutzer meiner Anwendung ), um den Mittelpunkt, wo er/Sie will. Ich bin mir bewusst: alte
Three.js die lookAt-Funktion Problem
2 Antworten
Erstellte ich einen Kegel mit einem Zylinder-geometrie. Dann, wenn ich will drehen Sie den Konus auf die positive Richtung der X-Achse mit lookAt-Funktion, es funktioniert einfach nicht. Gibt es etwas falsch mit meinem code? Oder ist dies
Unbegrenzte Fläche von wireframe-Plätze three.js
2 Antworten
Ich würde gerne wissen, eine effiziente Methode für die Instanziierung einer unendlich großen (oder effektiv unendlich große) Ebene der quer angeordneten Linien zu bilden Quadrate. three.js hat ein line-Objekt, sollte ich einfach instanziieren eine große Anzahl dieser?
Partikelsysteme Tutorial/Intro in Three.js
1 Antworten
Ich habe versucht zu finden, einige gute tutorials über Partikel-Systeme in Three.js,, aber noch nicht in der Lage, etwas zu finden, bemerkenswert. Gibt es eine Partikel-engine, dass wäre einfach zu bedienen, für die es, vielleicht mit ein
Die Kombination A-frame mit Three.js
1 Antworten
Ich Frage mich... Ist es möglich hinzufügen Three.js Elemente zu einer Ein-frame-Szene? Vorausgesetzt wird Ein frame aufgebaut ist Three.js und three Version: ^0.74.0 angemeldet ist in die Konsole ein, sollte es nicht eine seltsame Sache, richtig? Versuchte
Wählen Sie Netz auf Three.js
2 Antworten
wissen Sie, wie kann ich wählen Sie eine geometrie mit Three.js? hab Sie noch nie gesehen so etwas? Suchte ich für viele Tage, aber alle Beispiele, die ich gefunden habe funktionieren nicht und sind legacy-codiert. Ich müsste
Drei js Zusammenführen von Geometrien und Mesh
1 Antworten
Drei js ver67 Den aktuellen code so etwas wie dieses - var materials = ; var totalGeom = new THREE.Geometry(); var cubeMat; for (var i = 0; i < dataSetArray.length; i++) { var ptColor = dataSetArray[i].color; var
Three.js material, textur und Farbe
2 Antworten
Ich versucht zu machen, material für ein Auto-Modell mit three.js wo die Grundfarbe von dem Auto-kann dynamisch geändert werden. Dieser war einfach durch ändern der Farbe-Attribut des MeshPhongMaterial, die ich verwende. Ich brauchte dann zum anwenden einer
Wie kann ich Texturen mit Vorspannung Three.js?
2 Antworten
Ich bin mit DREI.TextureLoader() zum laden der Texturen, aber ich kann nicht scheinen, um zuordnen zu meinem Shader. var textureLoader = new THREE.TextureLoader(); textureLoader.load('img/texture.jpg', function(){ assetsLoadedCount++; }); In einer anderen Funktion, ich check assetsLoaded zu initialisieren, meine
ThreeJS vordefinierten shader Attribute / Uniformen
4 Antworten
Habe ich begonnen, mit ThreeJS die WebGL-renderer nach einigen "normalen" WebGL ohne zusätzliche Bibliotheken + GLSL-Shadern. Ich bin versucht, zu schreiben benutzerdefinierte Shader nun in meinem ThreeJS-Programm, und ich bemerkte, dass ThreeJS kümmert sich um eine Menge
Mithilfe von Matrizen zu transformieren Three.js scene graph
2 Antworten
Ich versuche, eine Szene laden aus einer Datei in Three.js (benutzerdefiniertes format, nicht eine, die Three.js unterstützt). Dieses format beschreibt eine Szene, graph, wo jeder Knoten im Baum hat eine Transformation angegeben, wie eine 4x4-matrix. Der Prozess
JSONLoader mit textur
1 Antworten
Machte ich eine Form mit textur in Blender und exportiert es. Dann mit json-loader angezeigt. Fast alles ist in Ordnung, gute geometrie, textur, sehen Sie an der Form, aber keine Farben. Nur schwarz und weiss. Wie die
Three.JS Zuweisen von Farbe zu Objekt
1 Antworten
Möchte ich hinzufügen, ein material/eine Farbe auf ein Objekt geladen, aber ich weiß nicht die genaue syntax besser gesagt, was vars und Funktion sollte ich hinzufügen. Wenn ich diese Zeile oben, dann zeigt er das Objekt, sondern
threejs bekommen, Zentrum Objekt
2 Antworten
Habe ich versucht, abrufen und zeichnen Sie den Mittelpunkt der einige Objekte aber ich bekomme immer den gleichen Wert für alle meine Objekte, die x=0, y=0 und z=0. Also mein Mittelpunkt ist immer der Mittelpunkt der Szene.
Scheinwerfer-Rotation in three.js
2 Antworten
Ich versuche zu drehen, ein Scheinwerfer. Mein code ist: var light = new THREE.SpotLight( color, intensity, distance ); light.position.set( 0, 100, 0 ); light.rotation.set( 0, Math.PI, 0 ); light.shadowCameraFar = 50; light.shadowCameraNear = 0.01; light.castShadow = true;
ThreeJS Textur ist pixelig, wenn man Sie aus der Entfernung
1 Antworten
Spielte ich mit webGL und ThreeJS, dann hab ich das folgende Problem: Texturen mit großen Bildern wird pixelig, wenn man Sie aus der Entfernung. Überprüfen Sie die Beispiel: http://jsfiddle.net/4qTR3/1/ Unten ist der code: var scene = new
ThreeJS: update camera FOV
1 Antworten
Ich versuche zu aktualisieren, Kamera-Sichtfeld, ohne eine neue Kamera. Ich habe in der Lage, dies zu tun mit der position, indem Sie den folgenden code: camera.position.set() Möchte ich dies auf ähnliche Weise mit dem fov: camera.fov.set() Funktioniert
Ich bin neu in threejs, wie man eine sky-Kuppel
2 Antworten
Bin ich ziemlich neu three.js und ich habe versucht, für Stunden zu erstellen, die eine skybox/skydome für eine bessere visuelle Gefühl in meiner Welt (in diesem Fall Leerzeichen). Gegoogelt, geprüft tutorials, fragte hier auf StackOverflow. Und das
Bauen Sie ein Zimmer, die dynamisch mit Three.js
1 Antworten
Ich brauchen, um zu bauen ein Zimmer mit three.js im Grunde, Wände, Boden und Türen. Aber es muss dynamisch sein, so kann ich die Eigenschaften ändern, Größen, etc, die in der Laufzeit. Ich konnte nichts finden auf
Three.js OBJLoader .obj-Modell keine Schatten
1 Antworten
Arbeite ich an einem Projekt, wo ich wünschte zu ermöglichen .OBJ-Modell geladen OBJLoader.js Schatten von einem Scheinwerfer. Das Licht wird zu Schatten von anderen normalen Gegenständen, sondern die .OBJ wird nicht scheinen, um Schatten zu werfen. Ein