Q

Mô hình 3D trên trang HTML

2009-02-27 37 views 13 likes

13

Tôi có mô hình CAD 3D mà tôi muốn hiển thị trên trang web. Tôi muốn hiển thị nó dưới dạng một thẻ <img> (ví dụ: nội tuyến với mọi thứ khác thay vì dưới dạng một trang riêng biệt) và tôi muốn khách truy cập có thể xoay mô hình để xem mô hình từ các góc độ khác nhau.Mô hình 3D trên trang HTML

Tôi có các tùy chọn nào?

Những điều tôi đang nghĩ đến việc/nhìn

VRML
3DXML
đèn flash
PDF có một cái gì đó mà làm việc nhưng nó không nhúng như tôi muốn
3DMLW (Có vẻ rất chậm)
Universal 3D (được Adobe Reader hỗ trợ)

Edit: Mô hình này không phải là rất phức tạp nên Perf không phải là một mối quan tâm lớn.

2009-02-27 BCS

A

Trả lời

7

Thử nghiệm của Chrome đã phát hành một số ứng dụng Javascript 3D. Dưới đây là ví dụ: Colors Cube

2009-03-19 15:08:04 Jacob

+0

OMG thật ngọt ngào !! – BCS

+0

Có cách nào không phải JS để thực hiện việc này không? Có một kế hoạch cho một điều như vậy trong HTML5? –

2

Tôi không chắc cách flash tốt hỗ trợ 3d cho những thứ như định dạng tệp ứng dụng CAD. IIRC, flash không thể làm đồ họa 3D tăng tốc phần cứng. Mặt khác, một applet Java có thể (với đúng thư viện).

2009-02-27 21:02:23 tkotitan

+0

Tôi muốn gắn bó với javascript flash (không có lý do hợp lý, chỉ quan điểm của tôi) – BCS

1

Bạn cũng có thể xem thẻ <canvas>, hiện đang được nhiều trình duyệt hơn triển khai. Có thể đã là một thư viện JavaScript để xem mô hình.

2009-02-27 21:25:57 greyfade

1

Hãy xem xét QuickTime VR. Nó cho phép phần lớn những gì bạn hỏi và vì bạn có bản gốc, bạn có thể tạo ra một mô hình khá chính xác.

2009-02-27 21:27:48 Paulo

4

Papervison3D là thư viện flash 3D có thể đáng xem. Tôi đã không có cơ hội để chơi với nó bản thân mình, nhưng một số các bản demo nhìn tốt.

2009-02-27 21:48:30

1

VRML có thể là một lựa chọn tốt. Có một khách hàng tốt có sẵn từ Parallel Graphics mà tôi đã sử dụng trong một thời gian ngắn. Tôi đã có một số mô hình VRML trên website của tôi (mặc dù nội dung là khá tầm thường!). Các mô hình sẽ tải khá nhanh, đặc biệt nếu chúng không lớn. Có một số chế độ điều hướng có sẵn và bạn có thể khóa nó để "kiểm tra" cho phép người dùng xoay mô hình (mặc dù trên thực tế nó là camera di chuyển xung quanh đối tượng).

Bạn sẽ cần phải tìm một chương trình có thể ghi tệp VRML, mặc dù bất kỳ người kiểm duyệt nào cũng sẽ có tùy chọn đó.

2009-02-27 22:39:27 ChrisF

0

Shockwave với một số mã tập lệnh cho người dùng có thể xoay mô hình.

2009-02-28 00:05:30

1

Unity: http://unity3d.com

2009-03-01 12:23:13 NeARAZ

+1

để được nhắm mục tiêu vào các trò chơi (vì vậy nó sẽ nặng hơn một chút) và cần một trình cắm thêm không phổ biến. – BCS

1

Có một cái nhìn tại http://labs.autodesk.com/technologies/freewheel/

Líp Dự án có thể hiển thị 2D và mô hình 3D thực hiện trong Autocad, Invertor hoặc Revit. Tôi nghĩ rằng nó sử dụng DWF hoặc một cái gì đó.

Tại thời điểm này, bạn không thể lưu trữ FreeWheel trên máy chủ của riêng mình, nhưng bạn có thể tải DWF lên Autodesk và hiển thị mô hình của bạn trong IFrame.

2009-03-02 08:04:23 Sorskoot

+0

Ngoài bit không có máy chủ (Và trong khi đọc, tôi nghĩ rằng có hoặc sẽ thay đổi) đây là điểm trên. Vote ++ Nếu tôi có thể tìm cách lưu trữ nó, bạn sẽ nhận được dấu kiểm – BCS

+0

Tôi nghĩ rằng bạn phải đặt DWF trên máy chủ của riêng bạn và chuyển nó tới http://freewheel.autodesk.com/dwf.aspx?path= ?? ? thông qua một IFrame. Kiểm tra http://freewheel.autodesk.com/developers.aspx. Có một lời giải thích ở đây về cách cấu hình. – Sorskoot

+0

Điều này thật tuyệt. Tất cả các nền tảng đều hỗ trợ nó. Tuy nhiên tôi thất vọng với panning, phóng to và xoay điều khiển mà không đủ gọn gàng. Ngoài ra, việc thu phóng pinch không được hỗ trợ trong các thiết bị màn hình cảm ứng. – Mahya

2

Papervision and Unity3D là lựa chọn tốt nhất cho đường ống và tải nhanh. Flash được cài đặt trên hầu hết các máy nhưng bạn cần xuất dưới dạng định dạng COLLADA và có giới hạn 2000 polys trước khi nó bị hỏng.

Unity 3D có một đường dẫn tuyệt vời và miễn phí cho người độc lập ngay bây giờ. Nó hỗ trợ số lượng rất cao và các plugin cài đặt mà không cần khởi động lại trình duyệt và khoảng 4MB (Flash và Sliverlight là hơn 4MB bây giờ).

Một tùy chọn khác có thể là Mô-men xoắn 3D nhưng điều đó cũng rất dựa trên trò chơi. Tôi nghĩ lựa chọn tốt nhất của bạn là Unity 3D. Bạn có thể xuất dưới dạng FBX và đưa nó lên web trong khoảng 5 phút.

Trong tương lai, bạn có thể sử dụng O3D từ Google hoặc WebGL nhưng chưa sẵn sàng cho giờ vàng. Các đường ống đơn giản có khả năng duy nhất để có được 3d trên web hiện tại với số lượng phong nha là Unity3D. Nó hoạt động trên PC và Mac giống như Flash và Silverlight.

2009-11-12 23:58:56

1

Dường như bản vẽ javascript dựa trên thẻ canvas đang được chọn. Xem thư viện canvas canvas 3d js vừa được phát hành này, mặc dù nó chỉ hoạt động trong FF 3.5: http://www.c3dl.org/

2009-11-13 00:10:36

0

Đây là một công cụ dựng hình 3D 3D: pre3d.

Nếu bạn chưa đăng xuất, ông Doob có thư viện đồ họa và mô hình 3D: homepage và git repo for three.js.

2010-09-27 17:56:00

+0

cảm ơn chỉnh sửa màu xanh nhạt –

2

Công cụ mới có tên Sketch Fab xuất hiện cách đây vài tháng. Nó được thiết kế hoàn toàn bằng HTML5 và có vẻ rất mạnh mẽ.

2013-05-17 13:14:55 ChrisR

0

Bạn có thể sử dụng A3dsViewer - cung cấp xuất sang HTML5 (three.js) hoặc bạn có thể trực tiếp xuất sang Google Drive và nhận được URL được tạo cho trang của bạn. Mô hình HTML5 được xuất theo mặc định bao gồm chức năng xoay vòng.

2014-02-07 01:36:10 Slider

1

Autodesk là sắp ra với api xem mới của họ:

http://through-the-interface.typepad.com/through_the_interface/webtech/

2014-06-09 20:48:02 Rizzo

+0

Thêm: https://github.com/ADN-DevTech/A360ViewerSamples – Rizzo

0

Bạn có thể tạo html file of you 3D model sử dụng plugin này. Nó sẽ tạo ra tập tin html duy nhất và bạn sẽ có thể sử dụng nó bất kỳ nơi nào trong trang web của bạn hoặc bạn có thể gửi nó cho khách hàng cũng như

2015-12-31 04:04:54 Bharat