Jump to content

3D model viewer using googles model viewer

Recommended Posts

Site URL: https://adrian-alex-webpage-design.squarespace.com/

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta charset="utf-8">
        <title>Model Viewer</title>
<!-- Import the component -->
<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>

<style> 
Model viewer {
Width:400px;
Height:600px;
  Margin: 0 auto; }

</style>
    </head>
    <body> <model-viewer> scr=”HOW DO I ADD MY OBJ FILE HERE?” </model>
    </body>
</html>

 

or 

 

<!DOCTYPE html> 
<html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta charset="utf-8">
        <title>Model Viewer</title>
<!-- Import the component -->
<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>

<style> 
Model viewer {
Width:400px;
Height:600px;
  Margin: 0 auto; }}

</style>


    
    </head>
    <body> <model-viewer> scr="https://products.aspose.app/3d/assets/js/aspose.3d-2.0.js" camera-controls auto-rotate
>< </model>
    </body>
</html>

 

I'm trying to add a 3D model to website for free without using thirdparty programs 

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

this is the video that helped me write that html 

I have the file as a obj but can't open or load it onto google poly. 

I can't open the file on my computer unless using windows 10 3D model viewer and can save and download the file as a jbl I have the file on a dropbox as a obg

Looking for some help thank you

Just now, christina_marie_333 said:

I

 

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.