คำถามติดแท็ก three.js

ฉันกำลังพยายามโหลดโมเดล 3 มิติลงใน Three.js ด้วยJSONLoaderและโมเดล 3 มิตินั้นอยู่ในไดเรกทอรีเดียวกับเว็บไซต์ทั้งหมด ฉันพบ"Cross origin requests are only supported for HTTP."ข้อผิดพลาด แต่ฉันไม่รู้ว่าอะไรเป็นสาเหตุหรือวิธีแก้ไข

796 javascript  file  http  3d  three.js 

ปิด คำถามนี้เป็นคำถามความคิดเห็นตาม ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้สามารถตอบข้อเท็จจริงและการอ้างอิงได้โดยแก้ไขโพสต์นี้ ปิดให้บริการใน4 ปีที่แล้ว ปรับปรุงคำถามนี้ ฉันใหม่และเริ่มเรียนรู้เกี่ยวกับกราฟิกคอมพิวเตอร์ 3 มิติในเว็บเบราว์เซอร์ ฉันสนใจที่จะสร้างเกม 3 มิติในเบราว์เซอร์ สำหรับผู้ที่เรียนทั้ง WebGL และ three.js ... จำเป็นต้องมีความรู้เกี่ยวกับ WebGL ในการใช้ three.js หรือไม่ ข้อดีของการใช้ three.js กับ WebGL คืออะไร

143 webgl  three.js 

ฉันพยายามเปลี่ยนสิ่งที่ดูเหมือนจะเป็นสีพื้นหลังเริ่มต้นของผืนผ้าใบของฉันจากสีดำเป็นสีโปร่งใส / สีอื่น ๆ - แต่ไม่มีโชค HTML ของฉัน: <canvas id="canvasColor"> CSS ของฉัน: <style type="text/css"> #canvasColor { z-index: 998; opacity:1; background: red; } </style> ดังที่คุณเห็นในตัวอย่างออนไลน์ต่อไปนี้ฉันมีแอนิเมชั่นบางส่วนต่อท้ายผืนผ้าใบดังนั้นจึงไม่สามารถทำทึบได้: 0; บน id. ดูตัวอย่างสด: http://devsgs.com/preview/test/particle/ มีความคิดอย่างไรในการเขียนทับสีดำเริ่มต้น?

122 css  html  canvas  html5-canvas  three.js 

รหัสใช้งานได้ แต่ฉันมีปัญหาในการตั้งค่าพื้นหลังโปร่งใสให้กับผืนผ้าใบด้วย three.js ฉันใช้: Background.renderer.setClearColor(0xffffff, 0); แต่แล้วพื้นหลังก็กลายเป็นสีดำ ฉันจะเปลี่ยนให้โปร่งใสได้อย่างไร? รหัส: var camera, scene, renderer; var mouseX = 0, mouseY = 0; var p; var windowHalfX = site.Width / 2; var windowHalfY = site.Height / 2; Background.camera = new THREE.PerspectiveCamera( 35, site.Width / site.Height, 1, 2000 ); Background.camera.position.z = 300; //camera.position.y = …

113 javascript  three.js  transparent  alpha 

อัปเดต 5 สร้างซออื่นเพื่อแสดงสิ่งที่คาดหวังว่าจะมีลักษณะ มีการเพิ่ม skydome ที่มองไม่เห็นและ cubecamera และแผนที่สิ่งแวดล้อมใช้ ในกรณีของฉันไม่ควรใช้เทคนิคเหล่านี้ด้วยเหตุผลที่กล่าวถึงแล้ว แสดงตัวอย่างโค้ด var MatcapTransformer = function(uvs, face) { for (var i = uvs.length; i-- > 0;) { uvs[i].x = face.vertexNormals[i].x * 0.5 + 0.5; uvs[i].y = face.vertexNormals[i].y * 0.5 + 0.5; } }; var TransformUv = function(geometry, xformer) { // The first …

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