Three.js

Three.js เป็นผู้มากมิตรและให้ง่ายต่อการเข้าใจระบบสำหรับการแสดงผลกราฟิก 3D ผ่านทางจาวาสคริปต์แม้สำหรับผู้มาใหม่.

เครื่องยนต์เป็นไปตามหลักเกณฑ์ทั้งหมดและหลักการใช้เครื่องมือ 3 มิติอื่น ๆ ที่ทำงานร่วมกับแนวคิดเช่นฉากพื้นผิวรูปแบบมุมกล้องใบหน้า, ไฟ, ray ติดตาม ฯลฯ ..

หากคุณเคยทำงานร่วมกับเครื่องยนต์ 3D แล้วจากนั้นจะมีนิสัยเป็นปัญหาการโยกย้ายไปยัง Three.js, อุปสรรคเพียงการไวยากรณ์ JavaScript คุณต้องการที่จะได้รับใช้.

Three.js สามารถใช้สำหรับเบราว์เซอร์ภาพเคลื่อนไหวง่าย (อาจจะมีค่าใช้จ่าย), การสร้างภาพยนตร์ที่เบราว์เซอร์ที่นำเสนอและแม้แต่เกมเบราว์เซอร์.

ในการช่วยให้นักพัฒนาเริ่มต้นผู้สร้าง Three.js ได้จัดให้มีเอกสารจำนวนมากออนไลน์และตัวอย่าง

มีอะไรใหม่ ในรุ่นนี้:.

ใหม่ R67 Three.js (25 เมษายน 2014)

มีอะไรใหม่ ในรุ่น R75:

• Updated vr_video ตัวอย่างเช่น

มีอะไรใหม่ ในรุ่น R74:.

• Updated vr_video ตัวอย่างเช่น

มีอะไรใหม่ ในรุ่น R71:.

• Updated vr_video ตัวอย่างเช่น

มีอะไรใหม่ ในรุ่น R70:.

• วัสดุที่ถูกนำออก SmoothShading สนับสนุน
• เพิ่ม SphericalRefractionMapping สนับสนุน.
• Uvs สนับสนุน BufferGeometry.
• ดำเนินการแอนิเมชั่ผสมโครงกระดูก.
• ชั้นที่สร้างขึ้นสำหรับการแคชไฟล์.
• เปิดใช้งาน onerror โทรกลับใน loadTexture.

มีอะไรใหม่ ในรุ่น R66:.

• แก้ไข BufferGeometry ใบหน้านับ
• เพิ่ม Menubar.Add / Object3D.
• การใช้ localStorage ก้าวร้าวน้อย.
• misc_animation_keys สร้างตัวอย่าง.
• คง `STLLoader ใน IE.
• เพิ่มเริ่มต้นและสิ้นสุดกิจกรรมเพื่อ OrbitControls.
• เพิ่มการตั้งค่า () เพื่อ OrbitControls.
• สแน็ปแก้ไขปัญหาในพื้นที่ท้องถิ่นบน TransformControls.

มีอะไรใหม่ ในรุ่น R63:.

• คง CylinderGeometry ไม่ประหยัดพารามิเตอร์ openEnded
• วิธีแก้ปัญหาสำหรับ IE และ Safari ขาดการเคลื่อนไหว * การสนับสนุน API.
• บันทึก material.side.
• เพิ่มการสนับสนุนสไปรท์.
• ปรับปรุง ColladaLoader สนับสนุนแผนที่ห่อ.
• คงวัสดุ doublesided เกี่ยวกับการใช้ของแข็งที่ไม่ใช่ (ง) IndexedFaceSets ใน VRMLLoader.
• เพิ่มการสนับสนุนเพื่อ Sprites SVGRenderer.
• การสนับสนุนสำหรับโหนดพื้นหลังใน VRMLLoader.
• แทนที่ด้วย XPath querySelectorAll สำหรับการสนับสนุน IE11.
• เปลี่ยน ParallaxBarrier ใช้แถวที่มันน่าจะเป็นเรื่องปกติมากขึ้น.
• ส่งออกกล้องทั้งหมดใน generate_cameras ไม่เพียงเลือก.
• ไฟส่งออก.
• ใช้ flipyz เข้าบัญชี.
• ปกติคงไม่ถูกต้องส่งออก.
• การตั้งค่าอัลฟาเป็นเท็จโดยปริยาย.
• การสนับสนุนสำหรับ Sprites เนื้อน้อย.

มีอะไรใหม่ ในรุ่น R59:.

• เริ่ม VRMLLoader (อาจจะมีวิวัฒนาการไป X3DLoader แทน)
• เพิ่ม NURBSCurve และ NURBSSurface.
• นำออกพึ่งพาโปรเจคเตอร์ใน CSS3DRenderer.
• เพิ่ม FaceNormalsHelper.
• เพิ่มออยเลอร์และทำให้การหมุน Object3D ของอินสแตนซ์ของมัน.
• การปรับปรุงประสิทธิภาพการทำงานของ Geometry.mergeVertices () โดย 2x.
• เปลี่ยน Material.overdraw จากบูลีนจำนวน.
• ทำ WebGLRenderer Z เรียงลำดับมั่นคงอย่างแท้จริง.
• เพิ่มการสนับสนุนเพื่อ BufferGeometry Raycaster.
• เพิ่ม Oculus Rift headtracking ตัวอย่าง.
• SpotLightHelper ปรับปรุง.
• TrackballControls ปรับปรุงการจัดการองค์ประกอบมิติ.
• เพิ่มคุณสมบัติ UUID เพื่อ Object3D เรขาคณิต BufferGeometry วัสดุและพื้นผิว.
• เพิ่ม Box3.setFromObject () และ BoundingBoxHelper.
• เพิ่ม VertexTangentsHelper.
• เพิ่ม STLExporter.
• คง SkinnedMesh เพื่อที่จะสามารถนำมาใช้กับ BufferGeometry.
• การทดสอบกับ LoadingManager.
• ย้าย ObjectLoader เข้าไปสร้าง.
• เพิ่ม .clone () เพื่อฉาก.

มีอะไรใหม่ ในรุ่น R58:.

• เพิ่ม PLYLoader (แฟ้ม ASCII)
• เพิ่ม BokehShader2 ใหม่.
• แทนที่สาย recursive ใน PolyhedronGeometry กับการก่อสร้างการวิเคราะห์ของเรขาคณิต.
• เปลี่ยนชื่อ Object3D ของ getChildByName () เพื่อ getObjectByName () และเพิ่ม getObjectById ().
• เพิ่มพารามิเตอร์ materialOffset ที่จะผสาน GeometryUtils ของ ().
• ตอนนี้ใช้ต้นแบบตาม EventDispatcher.
• เพิ่ม linewidth จะ ShaderMaterial.
• การสนับสนุน LOD ใน Raycaster.
• ไฟเพิ่มการสนับสนุนเพื่อ ColladaLoader.
• เริ่ม WebGLRenderer3 มุ่งมั่นที่จะหาทางแก้ปัญหาที่ดีกว่าสำหรับชั้น WebGL ได้.
• เพิ่มประสิทธิภาพการกรอง PCF แผนที่เงาที่จะใช้การเปรียบเทียบเวกเตอร์.
• SoftwareRenderer ตอนนี้จัดการกับการเปลี่ยนแปลงสีที่รันไทม์.
• เพิ่ม BoxHelper.
• นำออก setClearColorHex () parameters.clearColor และ parameters.clearAlpha.
• refactored CameraHelper.
• แก้ไขข้อผิดพลาดใน DirectionalLightHelper และ SpotLightHelper.
• แก้ไขข้อผิดพลาดในษ์ Shader เมื่อใช้แผนที่ปกติกับเสียบ้างอนุพันธ์.
• เพิ่มการสนับสนุนสำหรับการ FaceColors SoftwareRenderer.
• docstring convert_obj_three.py Updated ด้วยอินเตอร์เฟซสำหรับรถตักดินในปัจจุบัน.
• OculusRiftEffect Updated ตอนนี้มันควรจะทำงานกับ OculusRift เดิม.
• คงปกติจุดสุดยอดและ UVS สำหรับ CircleGeometry.
• เพิ่ม snapping ถึงบรรณาธิการ.
• มุมเด่นคงที่และ SpotlightHelper ของข้อผิดพลาดขนาดกรวย.
• การใช้ CanvasRenderer ในการแก้ไขเมื่อไม่มีการสนับสนุน WebGL.
• ปรับปรุง STLLoader กับการปรับปรุง GitHub.
• UVS คงที่สำหรับใบหน้าที่คร่อมตะเข็บใน PolyhedronGeometry ได้.
• การทำความสะอาดขึ้น ArrowHelper.
• เพิ่ม VertexColors สนับสนุนสายใน CanvasRenderer.
• TrackballControls คงขยายเพิ่มขึ้นที่จะปรับการตอบสนองของปัจจัยการผลิตต่างๆทั่ว.

มีอะไรใหม่ ในรุ่น R55:.

• เพิ่มลบล้าง () เพื่อ Plane
• เพิ่ม containsPoint () และ intersectsObject () เพื่อ Frustum.
• คง MeshNormalMaterial แสดงผลใน CanvasRenderer และ SVGRenderer.
• ย้ายเมทริกซ์ * / Quaternion ของคูณ * * * * * * * * ไปเป็น Vector 's .apply *.
• เพิ่ม MeshNormalMaterial กับ SmoothShading การสนับสนุนเพื่อ CanvasRenderer.
• เพิ่มแก้ไข / โคลนถึงบรรณาธิการ.
• การแก้ไข ArrowHelper.
• ปรับปรุง mergeVertices เรขาคณิตของ ().
• ปรับปรุง LatheGeometry.
• เพิ่ม insertPass เพื่อ EffectComposer.
• เพิ่มการสนับสนุนสำหรับการสนับสนุน BufferGeometry สาย.
• เพิ่ม intersectsSphere เพื่อทรงกลม.
• เพิ่มโทนทำแผนที่เพื่อ WebGLDeferredRenderer.
• ทำ updateMorphTargets วิธีสาธารณะของตาข่าย.

มีอะไรใหม่ ในรุ่น R54:.

• เพิ่ม WebGLDeferredRenderer กับทุกประเภทของความดี
• เปลี่ยนสไปรท์ใช้ SpriteMaterial แทนของวัตถุที่กำหนดเอง.
• เพิ่มตัวเลือกในการ sourcemap หลามและ nodejs สร้างระบบ.
• ไม่จัดทำดัชนี BufferGeometry.
• เพิ่มการสนับสนุนสำหรับพื้นผิวการโหลด cubemap ท.บ. .
• เพิ่มการสนับสนุน Mipmapping ด้วยตนเองเพื่อพื้นผิวและ DataTexture.
• สตริงสไตล์เพิ่มการสนับสนุนสี.
• เพิ่มแปลง FBX ใหม่.
• เพิ่ม nodejs, Perl, Python และเซิร์ฟเวอร์ localhost ทับทิมตาม.
• เพิ่มการสนับสนุนสำหรับการ alphaTest สไปรท์.
• การปรับปรุง SceneLoader.
• ระดับเพิ่มเครื่องบินและดำเนินการใน Frustum.
• เพิ่ม Box3 ทรงกลมชั้นเรียนคณิตศาสตร์และดำเนินการในเรขาคณิต.
• เพิ่ม bilinear แผนที่เงากรอง.
• กรอบทดสอบเพิ่ม.

มีอะไรใหม่ ในรุ่น R53:

• จำนวนของการปรับปรุงแก้ไข รวมถึงความเป็นไปได้ในการส่งออกเรขาคณิตและฉาก.
• สไปรท์ไม่ได้รับขนาดของมันจากเนื้อ.
• ปรับปรุง CSS3DRenderer.
• เพิ่มการสนับสนุนสำหรับภาวะปกติจุดสุดยอดในริบบิ้น.
• .clone Object3D ของ () คือตอนนี้ recursive.
• เพิ่มการสนับสนุนสำหรับหมอกในสไปรท์.

รูปแบบ
• ฉากในขณะนี้สนับสนุนไฟซ้อนกัน, กล้องและไฟล์ SkinnedMesh, OBJ, VTK, STL, UTF8 และ Collada.
• Object3D ของ .lookAt () ตอนนี้ทำงานเมื่อใช้ quaternions.
• เพิ่มการสนับสนุนสัมผัส TrackballControls.
• วัตถุเรียงลำดับใน WebGLRenderer คือตอนนี้มีเสถียรภาพโดยไม่คำนึงถึงการใช้งานเบราว์เซอร์.
• perPixel MeshPhongMaterial ของไม่เป็นความจริงโดยปริยาย.

มีอะไรใหม่ ในรุ่น R52:.

• Node.js ใหม่สร้างระบบ
• จัดการ SubdivisionModifier ขอบที่เหมาะสม.
• เพิ่มกำหนดพารามิเตอร์สำหรับการเพิ่มคำนิยาม preprocessor ​​เพื่อ ShaderMaterial.
• Split ShaderExtras เป็นไฟล์เดียว (BasicShader, BlendShader, ConvolutionShader, ... ).
• เพิ่ม HueSaturationShader และ BrightnessContrastShader.
• คง ColladaLoader ไม่โหลดบางครั้ง.
• เพิ่ม material.vertexColors = สนับสนุน THREE.FaceColor เพื่อ CanvasRenderer และ SVGRenderer.
• เพิ่ม Object3D.defaultEulerOrder.
• SceneUtils.traverseHierarchy และ SceneUtils.showHierarchy กับ object.traverse แทนที่.
• เพิ่ม PointerLockControls.
• เสร็จหน้าเอกสาร.
• Split SceneUtils.cloneObject เข้า * .clone ().
• ย่อ AxisHelper.
• เพิ่ม GeometryExporter.
• OrbitControls ปรับปรุง.
• เพิ่ม GeometryLibrary, MaterialLibrary, TextureLibrary และ ObjectLibrary (จำไว้ว่าคุณไม่สามารถพึ่งพา GC ตอนนี้โทร. * .deallocate () สำหรับการลบ.)
• * ย้ายออกจากการควบคุม lib ได้.

ต้องการ

• เปิดใช้งาน JavaScript บนฝั่งไคลเอ็นต์