Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

3D models on HTML page [closed]

Tags:

html

3d

cad

I have 3D CAD model that I want to show on a web page. I'd like to show it in a form like a <img> tag (e.g. inline with everything else rather than as a separate page) and I want the visitor to be able to rotate the model to view it from different perspectives.

What options do I have?

Things I'm thinking of/looking at

  • VRML
  • 3DXML
  • flash
  • PDF has something that works but it doesn't embed like I want
  • 3DMLW (Seems very slow)
  • Universal 3D (supported by Adobe Reader)

Edit: The model is not very complex so perf is not a major concern.

like image 546
BCS Avatar asked Feb 27 '09 20:02

BCS

People also ask

Does HTML support 3D?

The new HTML 5 canvas 3D / WebGL™ allows the user to add 3D objects and animations to HTML5/CSS pages. It is often used to deliver full screen content such as demos or computer games into a browser.

How do I open a 3D file in my browser?

Just install our software 3D Viewer for Google Chrome™ To begin viewing your 3D files, simply do the following Install the software 3D Viewer for Google Chrome™ Click on the software icon Find the 3D file you wish to open Its that simple, begin viewing and editing your 3D files online today!

How can I share 3D models online?

To share 3D models, you can either choose to use the share button or simply copy and paste the browser link of the viewer and send it to your peers, for example in an e-mail. After receiving the message, everyone you invited can access the model just as easily as you.

1 Answers

Chrome Experiments has released several 3D Javascript applications. Here's an example: Colors Cube

like image 60
Jacob Avatar answered Oct 31 '22 14:10

Jacob
Sign in to Comment

Related questions

media query for browser size where width is less than height
How to create a master page using HTML? [closed]
Html anchor tag onclick() and href execute simultaneously
Prevent mousedown event on input range html element and still let user drag slider
Conditional class in HAML
increase text box size bootstrap (ASP.NET MVC)
Does the Edge browser support HTML5 Server Side Events?
R: Check existence of url, problems with httr:GET() and url.exists()
Ordered list rendered as flexbox doesn't show bullets/decimals (items also rendered as flexbox)
Remove border circle from radio input
When using picture, source and srcset how check which src was loaded? (img.src is empty)
difference between bootstrap and css
JavaScript: Send raw text to printer - no server requests/method calls, able to work offline, purely clientside
Angular 2 (change) for file upload
Can I access custom html tag <component> or <slot> contents
Render Component in iframe using vuejs without src attribute
How to convert HTML page to PDF then download it?
TypeError: data.forEach is not a function
How to create nested elements dynamically?
What are the advantages of using an imageless button?

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!