The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> How to embed 3D files on my html pages?
calmabubbasst
post Oct 23 2023, 04:08 AM
Post #1


Member
***

Group: Members
Posts: 48
Joined: 20-July 22
Member No.: 28,449



Hi folks,
here I am again with my strange questions,
today I would like to insert 3D models into my html pages.

I've read several pages and seen several solutions, but each one gives me complex problems or doesn't work at all.

With this code I can view the "Deer.x3d" file (the sample file found with the code) but I can't see my "h146.x3d" test file ...

Could you tell me why I can't just copy the code and replace my 3D model with deer.x3d?

Can you suggest me another method to embed my 3d file into an html page?


CODE

<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <title>My first X3DOM page</title>
    <script type='text/javascript' src='https://www.x3dom.org/download/x3dom.js'> </script>


</head>
<body>
<h1>Using the Inline Node</h1>

<p>
    This example includes an external x3d scene. You can even manipulate its content during runtime.
</p>
<x3d width='500px' height='500px'>
    <scene>
            <viewpoint position="-1.9 1.7 -2.8" orientation="0.04 0.9 0.1 3.7"></viewpoint>
            <Inline nameSpaceName="Deer" mapDEFToID="true"
                    onclick='redNose();' url="https://doc.x3dom.org/tutorials/models/inline/Deer.x3d" />
    </scene>
</x3d>

<p>
    This example includes an external x3d scene. You can even manipulate its content during runtime.
</p>
<x3d width='500px' height='500px'>
    <scene>
            <viewpoint position="-1.9 1.7 -2.8" orientation="0.04 0.9 0.1 3.7"></viewpoint>
            <Inline nameSpaceName="De5er" mapDEFToID="true"
                    url="http://www.nastri-trasportatori.com/3D/h146.x3d" />
    </scene>
</x3d>

</body>
</html>


IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
Reply to this topicStart new topic
Replies
coothead
post Oct 24 2023, 10:33 AM
Post #2


Advanced Member
****

Group: Members
Posts: 207
Joined: 12-January 23
From: chertsey, a small town 25 miles south west of london, england
Member No.: 28,743



Hi there calmabubbasst,

if you are mildly interested, these are the reported errors for you page...

QUOTE

Loading failed for the <script> with source “https://www.nastri-trasportatori.com/www.google-analytics.com/analytics.js”. index.html:48:63
Loading failed for the <script> with source “https://www.nastri-trasportatori.com/web3dsurvey.com/collector.js”. index.html:40:54

Source map error: Error: request failed with status 404
Resource URL: https://www.nastri-trasportatori.com/3dmd/n...l-viewer.min.js
Source Map URL: model-viewer.min.js.map



coothead
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
calmabubbasst
post Oct 26 2023, 04:10 AM
Post #3


Member
***

Group: Members
Posts: 48
Joined: 20-July 22
Member No.: 28,449



QUOTE(coothead @ Oct 24 2023, 10:33 AM) *

Hi there calmabubbasst,

if you are mildly interested, these are the reported errors for you page...

QUOTE

Loading failed for the <script> with source “https://www.nastri-trasportatori.com/www.google-analytics.com/analytics.js”. index.html:48:63
Loading failed for the <script> with source “https://www.nastri-trasportatori.com/web3dsurvey.com/collector.js”. index.html:40:54

Source map error: Error: request failed with status 404
Resource URL: https://www.nastri-trasportatori.com/3dmd/n...l-viewer.min.js
Source Map URL: model-viewer.min.js.map



coothead


TNX U smile.gif

I've copied your html and modify it
https://www.nastri-trasportatori.com/3dmd/test2.html
do you know why, i can see the original glb files but not mine (B/C) glb files?

Also could you tell me how to "erase/clear" the (A) pages zone?
IPB Image

This post has been edited by calmabubbasst: Oct 26 2023, 04:15 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
coothead
post Oct 26 2023, 04:43 AM
Post #4


Advanced Member
****

Group: Members
Posts: 207
Joined: 12-January 23
From: chertsey, a small town 25 miles south west of london, england
Member No.: 28,743



QUOTE(calmabubbasst @ Oct 26 2023, 10:10 AM) *


Also could you tell me how to "erase/clear" the (A) pages zone?



Yes, I can do that.IPB Image

Change this code...
CODE

<style>
.demo model-viewer {
   background-color: #fff;
}
</style>

...to this...
CODE

<style>
.demo model-viewer {
   background-color: #fff;
}
.slogan, pre {
   display: none;
}
</style>



coothead
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 9th June 2024 - 09:41 PM