Programmierung three.js

28

"Ursprungsübergreifende Anforderungen werden nur für HTTP unterstützt." Fehler beim Laden einer lokalen Datei

Ich versuche, ein 3D-Modell mit in Three.js zu laden JSONLoader, und dieses 3D-Modell befindet sich im selben Verzeichnis wie die gesamte Website. Ich erhalte den "Cross origin requests are only supported for HTTP."Fehler, weiß aber nicht, was ihn verursacht und wie ich ihn beheben kann.

796 javascript file http 3d three.js

8

Lernen von WebGL und three.js [geschlossen]

Geschlossen . Diese Frage basiert auf Meinungen . Derzeit werden keine Antworten akzeptiert. Möchten Sie diese Frage verbessern? Aktualisieren Sie die Frage, damit sie mit Fakten und Zitaten beantwortet werden kann, indem Sie diesen Beitrag bearbeiten . Geschlossen vor 4 Jahren . Verbessere diese Frage Ich bin neu und fange …

142 webgl three.js

6

Ändern des Hintergrunds von three.js in eine transparente oder andere Farbe

Ich habe versucht, die Standardhintergrundfarbe meiner Leinwand von Schwarz auf Transparent / jede andere Farbe zu ändern - aber kein Glück. Mein HTML: <canvas id="canvasColor"> Mein CSS: <style type="text/css"> #canvasColor { z-index: 998; opacity:1; background: red; } </style> Wie Sie im folgenden Online-Beispiel sehen können, habe ich eine Animation an …

122 css html canvas html5-canvas three.js

1

Transparenter Hintergrund mit three.js

Der Code funktioniert, aber ich habe ein Problem beim Festlegen eines transparenten Hintergrunds für die Zeichenfläche mit three.js. Ich benutze: Background.renderer.setClearColor(0xffffff, 0); Aber dann wird der Hintergrund schwarz. Wie ändere ich es, um transparent zu sein? Der Code: var camera, scene, renderer; var mouseX = 0, mouseY = 0; var …

113 javascript three.js transparent alpha

6

Verwenden von Texturen in THREE.js

Ich beginne mit THREE.js und versuche, ein Rechteck mit einer Textur darauf zu zeichnen, das von einer einzelnen Lichtquelle beleuchtet wird. Ich denke, das ist so einfach wie es nur geht (HTML der Kürze halber weggelassen): function loadScene() { var world = document.getElementById('world'), WIDTH = 1200, HEIGHT = 500, VIEW_ANGLE …

70 javascript three.js

1

Wie mache ich eine Textur immer vor der Kamera ..?

Update 5 Erstellt eine weitere Geige, um zu zeigen, wie erwartet wird. Ein unsichtbarer Fallschirm und eine Cubecamera werden hinzugefügt und die Umgebungskarte wird verwendet. In meinem Fall sollte keine dieser Techniken aus den bereits genannten Gründen verwendet werden. Code-Snippet anzeigen var MatcapTransformer = function(uvs, face) { for (var i …

10 javascript three.js geometry texture-mapping uv-mapping

2

Betten Sie Widgets mit jupyter-cadquery (threejs) ein: falsche Position beim Laden

Ich verwende jupyter-cadquery, um einige mit CadQuery erstellte 3D-Modelle zu visualisieren . Bei der Visualisierung der Modelle auf einem Jupyter-Notebook funktioniert alles wie erwartet. Beim Versuch, das Widget in ein HTML-Dokument einzubetten, scheint die Kamera beim Laden jedoch (0, 0, 0)nicht wie erwartet darauf zu zeigen. Sobald Sie mit dem …

8 python three.js jupyter-notebook ipywidgets pythreejs

Als «three.js» getaggte Fragen