X3Dom and VRML so far

Beginners
5

Ha!
it has been driving me mad :stuck_out_tongue:
WHY cant I get that … 3d animation in that X3Dom… grid area!

just had food and tea, lets learn again and try and get it in there now.

Canvas, experience, 0%
X3D.js 0%
Grid… 20%

I see no problem here!
FORWARD!!>>>>>

Charge!!!

oh yes… Vanilla JS, 2%
Pinegrow implementation of Dynamic elements…oooh about the same…

Fab!
Love a challenge… where’s my hammer

Bingo :slight_smile:

Screenshot 2021-03-14 at 20.22.12
Screenshot 2021-03-14 at 20.22.121085×889 173 KB

And i did a lot of other stuff before heading for the horses, so I’d better check if there is something else too.

update - external stylesheet style now.
Ok,
I now have this for my external stylesheet, kauriViewer.css

.kauriViewer {
    grid-area: X3Dom;
}


#x3dom-1615699440440-canvas {
    width: 500px;
    height: 400px;
}

.x3dom-canvas {
    width: 500px;
    height: 400px;
}

And this for the page code.

        <link rel='stylesheet' type='text/css' href='https://www.x3dom.org/download/x3dom.css'/>
        <link href="file:///Users/schpengle/Public/SITES/pinegrowKaurie/kauriStyles.css" rel="stylesheet" type="text/css">
    </head>
    <body style="display:grid;grid-template-columns:minmax(10px, 100px) 500px 100px;grid-template-rows:113px 411px 100px;grid-template-areas:'. Title .' '. X3Dom .' '. footer .';grid-gap:20px;">
        <header style="grid-area: Title; background-color: #9dce33;">Young Kauri Tree</header>
        <div class="kauriViewer">
            <x3d width='500px' height='400px'>
                <scene>
                    <viewpoint position="-1.94639 1.79771 -2.89271" orientation="0.03886 0.99185 0.12133 3.75685"></viewpoint>
                    <inline nameSpaceName="Kauri" mapDEFToID="true" ' url="youngkauri.x3d" '>
                </scene>
            </x3d>
        </div>
        <footer style="grid-area: footer; background-color: #bcc4db;">

so I’ve saved the

grid-area: X3Dom
property in the

"kauriViewer"class

in the external stylesheet and applied it to that containing div

Ive left off the beginning and end of page code for brevity (rare for me)