Home › Forums › Programming › Combine V3DRenderer and CSS3dRenderer w Puzzles?
- This topic has 7 replies, 3 voices, and was last updated 4 years, 4 months ago by GLiFTeK.
-
AuthorPosts
-
2020-07-20 at 1:23 am #30361GLiFTeKCustomer
Hi,
I’m experimenting with some Css3D stuff.I would like to know, that if I use something like say, the css3d orthographic code example
I would be able to use puzzles with it to interact with css3d objects etc?
Should I start with a raw blank html/js setup from the ground up? Or can you goo the usual route and add this code into the “run your code here” area?
Thanks!
Visit the GLIFTEK Verge3D Plugins Store!
GLIFTEK.com for Plugin Documentation & LIVE DEMOS!
LIKE The GLIFTEK Facebook Page for updates!
Join the Verge 3D Discord Server!
plz share Discord link & on your signature!2020-07-21 at 6:28 am #30389Yuri KovelenovStaff2020-07-22 at 2:58 am #30440GLiFTeKCustomeryou can try it both ways!
The verge 3d example code for css3d has been a pain to get working. It shows. The js scripts as local ones that aren’t included a verge, and I’ve gotten the dependencies from git, and placed them accordingly, but no go.
It’s also asking for v3d.module.js. nowhere to be found. Is that from the enterprise edition??
Visit the GLIFTEK Verge3D Plugins Store!
GLIFTEK.com for Plugin Documentation & LIVE DEMOS!
LIKE The GLIFTEK Facebook Page for updates!
Join the Verge 3D Discord Server!
plz share Discord link & on your signature!2020-07-22 at 2:47 pm #30471Yuri KovelenovStaffIt’s also asking for v3d.module.js. nowhere to be found
hmm let us check this…
2020-07-24 at 9:39 am #30594GLiFTeKCustomerIt’s also asking for v3d.module.js. nowhere to be found
hmm let us check this…
now with the new update with the modules, i’ve put in the script content into my “run here” area of my myApp.js and i get the error:
Uncaught SyntaxError: import declarations may only appear at top level of a module
i’m wondering what is within the “main.css” that’s being called here.
possibly missing pieces of the puzzle.also put the head data into my html.
<style> body { background-color: #f0f0f0; } a { color: #f00; } #info { color: #000000; } </style>
thnx!
as always.. i’m referring to : verge3d-code-examples/css3d_orthographic.html
just as a simple base to get an understanding on how to work the two together.
Visit the GLIFTEK Verge3D Plugins Store!
GLIFTEK.com for Plugin Documentation & LIVE DEMOS!
LIKE The GLIFTEK Facebook Page for updates!
Join the Verge 3D Discord Server!
plz share Discord link & on your signature!2020-07-24 at 10:26 pm #30615GLiFTeKCustomeri have the orbit and cssrender js files from the examples from three.js import dependencies in the local folder.
i made a js file to contain the imports, and load the imports_js.js file from the top of my html… no dice.. still get…Loading module from “http://127.0.0.1:5500/build/v3d.module.js” was blocked because of a disallowed MIME type (“text/html”). VERGE_WITH_CSS3D.html Loading failed for the module with source “http://127.0.0.1:5500/build/v3d.module.js”. VERGE_WITH_CSS3D.html:6:1 Uncaught SyntaxError: import declarations may only appear at top level of a module VERGE_WITH_CSS3D.js:215:4 Loading module from “http://127.0.0.1:5500/build/three.module.js” was blocked because of a disallowed MIME type (“text/html”). VERGE_WITH_CSS3D.html Loading failed for the module with source “http://127.0.0.1:5500/build/three.module.js”.
my imports look like:
import * as v3d from '../build/v3d.module.js'; import { OrbitControls } from './OrbitControls.js'; import { CSS3DRenderer, CSS3DObject } from './CSS3DRenderer.js';
(honestly never used imports before )
Visit the GLIFTEK Verge3D Plugins Store!
GLIFTEK.com for Plugin Documentation & LIVE DEMOS!
LIKE The GLIFTEK Facebook Page for updates!
Join the Verge 3D Discord Server!
plz share Discord link & on your signature!2020-07-25 at 4:24 am #30619core3dCustomerblocked because of a disallowed MIME type (“text/html”)
i think this is python server config related.
there should be ` if (request.url.endsWith(‘.js’)) {
response.writeHeader(200, {
‘Content-Type’: ‘application/javascript’
})
}` on server config… i didn’t look, i’m just assuming2020-07-26 at 4:20 am #30639GLiFTeKCustomerblocked because of a disallowed MIME type (“text/html”)
i think this is python server config related. there should be
if (request.url.endsWith(‘.js’)) { response.writeHeader(200, { ‘Content-Type’: ‘application/javascript’ }) }
on server config… i didn’t look, i’m just assumingHi core,
This is happening in all browsers, I’m using the visual studio code live server add-on. It’s also happening with the verge live server. (Both local).Where would I put that code you’re recommending?
Thanks
Visit the GLIFTEK Verge3D Plugins Store!
GLIFTEK.com for Plugin Documentation & LIVE DEMOS!
LIKE The GLIFTEK Facebook Page for updates!
Join the Verge 3D Discord Server!
plz share Discord link & on your signature! -
AuthorPosts
- You must be logged in to reply to this topic.