Three.js

Three.js là rất thân thiện và cung cấp một cách dễ hiểu hệ thống dựng hình ảnh 3D thông qua JavaScript, ngay cả đối với những người mới đến.

Các công cụ sau tất cả các hướng dẫn và nguyên tắc sử dụng bởi các công cụ 3D khác, làm việc với các khái niệm như cảnh, kết cấu, mô hình, góc máy ảnh, khuôn mặt, ánh sáng, ray tracing, vv ..

Nếu bạn đã từng làm việc với một công cụ 3D rồi sau đó có wont được một vấn đề di cư đến Three.js, trở ngại duy nhất được cú pháp JavaScript bạn cần phải làm quen với.

Three.js có thể được sử dụng cho các hình động trình duyệt đơn giản (có thể là một chi phí), tạo phim dựa trên trình duyệt, thuyết trình và các trò chơi thậm chí dựa trên trình duyệt.

Để giúp các nhà phát triển bắt đầu, Three.js người sáng tạo đã cung cấp rất nhiều tài liệu trực tuyến và các ví dụ

Điều gì là mới trong phiên bản này:.

Mới trong R67- Three.js (25 tháng tư năm 2014)

Điều gì là mới trong phiên bản R75:

• Cập nhật vr_video dụ.

Điều gì là mới trong phiên bản r74:.

• Cập nhật vr_video dụ

Điều gì là mới trong phiên bản r71:.

• Cập nhật vr_video dụ

Điều gì là mới trong phiên bản R70:.

• Tài liệu Removed SmoothShading hỗ trợ
• Added SphericalRefractionMapping hỗ trợ.
• UV Hỗ trợ BufferGeometry.
• Thực hiện xương hoạt hình pha trộn.
• Tạo lớp cho bộ nhớ đệm tập tin.
• Bật onerror gọi lại trong loadTexture.

Điều gì là mới trong phiên bản R66:.

• Sửa chữa BufferGeometry phải đối mặt với số lượng
• Added Menubar.Add / Object3D.
• Sử dụng localStorage ít hung hăng.
• Tạo misc_animation_keys dụ.
• Cố định 'STLLoader trong IE.
• Thêm bắt đầu và kết thúc sự kiện để OrbitControls.
• Thêm thiết lập lại () để OrbitControls.
• Fix snap trong không gian địa phương trên TransformControls.

Điều gì là mới trong phiên bản R63:.

• Cố định CylinderGeometry không tiết kiệm thông số openEnded
• Giải pháp cho IE và Safari thiếu của phong trào * hỗ trợ API.
• Lưu material.side.
• Added Sprite hỗ trợ.
• Cải thiện ColladaLoader đồ gói hỗ trợ.
• Cố định liệu doublesided trên SỬ DỤNG phi rắn (d) IndexedFaceSets trong VRMLLoader.
• Added Sprites hỗ trợ để SVGRenderer.
• Hỗ trợ cho các nút trong nền VRMLLoader.
• Thay thế xpath với querySelectorAll hỗ trợ IE11.
• Thay đổi ParallaxBarrier để sử dụng các hàng như nó có vẻ là phổ biến hơn.
• Export tất cả các máy trong generate_cameras, không chỉ là một lựa chọn.
• đèn xuất khẩu.
• Hãy flipyz vào tài khoản.
• normals cố định không đúng xuất khẩu.
• Thiết alpha để sai theo mặc định.
• Hỗ trợ cho Sprites kết cấu-ít hơn.

Điều gì là mới trong phiên bản r59:.

• Bắt đầu VRMLLoader (có thể sẽ phát triển để X3DLoader thay)
• Added NURBSCurve và NURBSSurface.
• Gỡ bỏ sự phụ thuộc chiếu trong CSS3DRenderer.
• Added FaceNormalsHelper.
• Added Euler và làm xoay Object3D của một thể hiện của nó.
• Cải thiện hiệu suất của Geometry.mergeVertices () bởi 2x.
• Thay đổi Material.overdraw từ boolean để số.
• Made WebGLRenderer z phân loại thực sự ổn định.
• Added BufferGeometry hỗ trợ để Raycaster.
• Added Oculus Rift headtracking dụ.
• Cải thiện SpotLightHelper.
• Cải thiện TrackballControls xử lý kích thước phần tử.
• Thêm tài sản uuid để Object3D, Hình học, BufferGeometry, Vật liệu và kết cấu.
• Added Box3.setFromObject () và BoundingBoxHelper.
• Added VertexTangentsHelper.
• Added STLExporter.
• Cố định SkinnedMesh để nó có thể được sử dụng với BufferGeometry.
• Thử nghiệm với LoadingManager.
• Chuyển ObjectLoader vào xây dựng.
• .clone thêm () để cảnh.

Điều gì là mới trong phiên bản R58:.

• Added PLYLoader (các tập tin ASCII)
• Thêm BokehShader2 mới.
• Thay thế các cuộc gọi đệ quy trong PolyhedronGeometry với một công trình phân tích các hình học.
• đổi tên Object3D của getChildByName () để getObjectByName () và thêm vào getObjectById ().
• Add parameter materialOffset để merge GeometryUtils của ().
• Bây giờ sử dụng nguyên mẫu dựa EventDispatcher.
• thêm độ rộng vạch phổ để ShaderMaterial.
• hỗ trợ LOD trong Raycaster.
• thêm đèn hỗ trợ để ColladaLoader.
• Bắt đầu WebGLRenderer3. Nhằm tìm ra giải pháp tốt hơn cho các lớp WebGL.
• Tối ưu hóa các PCF bản đồ bóng lọc để sử dụng so sánh vector.
• SoftwareRenderer bây giờ xử lý sự thay đổi màu sắc khi chạy.
• Added BoxHelper.
• setClearColorHex xoá (), parameters.clearColor và parameters.clearAlpha.
• refactored CameraHelper.
• Cố định lỗi trong DirectionalLightHelper và SpotLightHelper.
• Cố định lỗi trong Phong shader khi sử dụng bản đồ bình thường với tiếp tuyến phái sinh.
• Thêm hỗ trợ cho FaceColors để SoftwareRenderer.
• Cập nhật convert_obj_three.py docstring với giao diện bộ nạp hiện hành.
• Cập nhật OculusRiftEffect. Bây giờ nó phải làm việc với các OculusRift gốc.
• normals đỉnh cố định và UVs để CircleGeometry.
• Đã thêm chụp cho biên tập viên.
• góc cố định tiêu điểm và lỗi kích thước hình nón SpotlightHelper của.
• Sử dụng CanvasRenderer trong trình soạn thảo khi không có hỗ trợ WebGL.
• Cập nhật STLLoader với những cải tiến github.
• UVs cố định cho khuôn mặt mà dang chân ra đường may trong PolyhedronGeometry.
• Làm sạch ArrowHelper.
• Thêm VertexColors hỗ trợ cho Line trong CanvasRenderer.
• TrackballControls cố định zoom tăng để bình thường hóa đáp ứng trên đầu vào khác nhau.

Điều gì là mới trong phiên bản R55:.

• Thêm phủ nhận () để máy bay
• Added containsPoint () và intersectsObject () để hình cụt.
• Cố định MeshNormalMaterial vẽ trong CanvasRenderer và SVGRenderer.
• Chuyển Matrix * / tec non của nhân * để 's .apply Vector * *.
• Added MeshNormalMaterial với SmoothShading hỗ trợ để CanvasRenderer.
• Added Edit / Clone cho biên tập viên.
• Sửa chữa để ArrowHelper.
• Cải thiện mergeVertices Geometry của ().
• Cải thiện LatheGeometry.
• Added insertPass để EffectComposer.
• Thêm hỗ trợ cho hỗ trợ BufferGeometry Line.
• Added intersectsSphere Sphere.
• Thêm Tone Mapping để WebGLDeferredRenderer.
• Made updateMorphTargets một phương pháp nào của Mesh.

Điều gì là mới trong phiên bản r54:.

• Added WebGLDeferredRenderer với tất cả các loại của sự tốt lành
• Thay đổi Sprite để sử dụng SpriteMaterial thay vì đối tượng tùy chỉnh.
• Added sourcemap tùy chọn để trăn và nodejs xây dựng hệ thống.
• Non-lập chỉ mục BufferGeometry.
• Thêm hỗ trợ cho kết cấu tải cubemap DDS.
• Thêm hỗ trợ mipmapping hướng dẫn để Texture và DataTexture.
• Thêm mẫu dây hỗ trợ màu.
• Thêm mới chuyển đổi FBX.
• Thêm nodejs, perl, python và ruby ​​dựa trên máy chủ localhost.
• Thêm hỗ trợ cho alphaTest để Sprite.
• Cải tiến để SceneLoader.
• class Added máy bay và thực hiện trong hình cụt.
• Added Box3, lớp toán Sphere và thực hiện trong Hình học.
• Thêm Bilinear lọc bản đồ bóng.
• Nhập khuôn khổ kiểm tra.

Điều gì là mới trong phiên bản R53:

• Rất nhiều cải tiến để biên tập. Bao gồm cả khả năng để xuất khẩu hình học và cảnh.
• Sprite không còn được kích thước của nó từ các kết cấu.
• Cải thiện CSS3DRenderer.
• Thêm hỗ trợ cho normals đỉnh trong Ribbon.
• .clone Object3D của () bây giờ là đệ quy.
• Thêm hỗ trợ cho sương mù trong Sprite.
• Scene định dạng bây giờ hỗ trợ đèn lồng, máy ảnh và các tập tin SkinnedMesh, OBJ, VTK, STL, UTF8 và Collada.
• Object3D của .lookAt () bây giờ làm việc khi sử dụng quaternion.
• Thêm hỗ trợ cảm ứng để TrackballControls.
• Object sắp xếp trong WebGLRenderer bây giờ đã ổn định, bất kể thực hiện trình duyệt.
• perPixel MeshPhongMaterial là không đúng sự thật theo mặc định.

Điều gì là mới trong phiên bản R52:.

• Node.js mới hệ thống xây dựng
• đúng xử lý trong SubdivisionModifier cạnh.
• Added định nghĩa tham số cho việc thêm các định nghĩa tiền xử lý để ShaderMaterial.
• Split ShaderExtras vào tập tin duy nhất (BasicShader, BlendShader, ConvolutionShader, ...).
• Added HueSaturationShader và BrightnessContrastShader.
• Cố định ColladaLoader không tải đôi khi.
• material.vertexColors thêm = THREE.FaceColor hỗ trợ để CanvasRenderer và SVGRenderer.
• Added Object3D.defaultEulerOrder.
• Thay thế SceneUtils.traverseHierarchy và SceneUtils.showHierarchy với object.traverse.
• Thêm PointerLockControls.
• Hoàn thành nhiều trang tài liệu.
• Split SceneUtils.cloneObject vào * .clone ().
• Giản AxisHelper.
• Added GeometryExporter.
• Cải thiện OrbitControls.
• Added GeometryLibrary, MaterialLibrary, TextureLibrary và ObjectLibrary (nhớ rằng bạn không thể dựa trên GC bây giờ. Call * .deallocate () để loại bỏ).
• Đã chuyển * Điều khiển ra khỏi lib.

Yêu cầu :

• kích hoạt Javascript về phía khách hàng