Forum Replies Created
-
AuthorPosts
-
David DuperronCustomer
Thanks Ivan!
I already saw your post, but I must confess that I am far from an expert in Vue.js and actually I have troubles loading the visual_logic.js resource file… I don’t know how to import, or declare or whatever in the .vue or template files to load it properly… I suspect I need to properly import the visual_logic.js resource inside the <script> section of the V3DApp.vue file (similarly to what is done with the app.js file), but I don’t know how…EDIT: I managed to get the file loaded by adding the following line to the V3DApp.vue file:
import * as LOGIC from '../v3dApp/visual_logic.js';
But now I get a message saying that createApp is not a function… So it’s another issue. I probably need to add something else in the “export” section?EDIT2: Ok I just found that there is no createApp function in the app.js file when using the puzzles version… I then called V3DApp; instead of V3DApp.createApp(); once mounted, and got rid of the error… But this is just to go one more step! Now the scene does not load. Must be something to do with path…?
David DuperronCustomerHi Yuri!
Thanks for your reply! That’s the guide I followed to get the sample project working inside the Quasar framework. Now as I said I would like to integrate a more complex V3D project, which uses puzzles and therefore its own visual_logic.js file… I will try harder on my own, but if there is a quick help somewhere it’s always welcome! :p
CheersDavid
David DuperronCustomerHi there!
I was playing with Electron framework, and then discovered Quasar, which seams really powerful!
I managed to run a simple Quasar application by following the tutorial here without any issue (https://www.soft8soft.com/docs/manual/en/introduction/Using-JavaScript.html).
Now I would like to run a “custom” project instead of the simple V3D cube, i.e. a web app that I would set up using V3D puzzles and js to interact with the rest of the user interface.
Could any of you guys give me a hand or point me in the right direction?? (like how to set-up the index.vue and/or V3DApp.vue to correctly import the visual_logic.js file…).
Any help would be greatly appreciated!
CheersDavid
David DuperronCustomerBasically seeing this demo:
https://cdn.soft8soft.com/demo/examples/index.html?q=svg#webgl_loader_svg
I thought it was possible to load a SVG file in the 3D scene, and benefit from its SVG crispness to display complicated schematics (electrical, networks, …) and eventually also interact with the SVG itself like what is possible in HTML (active links, change properties, colors…).
It seems that it is a little more complicated than expected!
Ans as I’m far from expert in Javascript and coding, it’s a little bit out of my league I’m afraid…David DuperronCustomerOk but it looks like a “custom” box mapping where you separate X,Y and Z and then project the same wood texture differently along each of the axis with a “flat” mapping… Am I right? There is no direct box mapping as far as I could see!?
RegardsDavid
David DuperronCustomerThanks for your answer! But…
I’ve had a look, but unless I’m wrong the textures use a “flat” projection… I could not find any with the “box” projection (wood, wall, etc…). From version 2.15 it is said that “We supported all available projection modes”. Can you indicate me which material uses this projection mode?
Thanks very much!David
David DuperronCustomerThanks for your answer! but I cannot make it work… I tried unloading the current scene and loading the new one… Just sent you an email!
David DuperronCustomerOk, and doing so, I can force the refreshing of the objects included in a specific collection upon the scene loading completion?
David DuperronCustomerEDIT:
I found a solution with a CSS selector that looks for a specific substring inside the “id”, which works perfectly….v3d-annotation[id*="-MM-"] { background-color: blue; }
will style all my annotations with “-MM-” in the id name with a blue background. I did not need anything more! :)
David DuperronCustomerYou’re too good! (and you should take a break during your week-ends! ;))
I was suspecting something with the styling, and that was it… transparent background was not OK! :)David DuperronCustomerYeah! But thank you anyway!
I’ve managed to set up some select boxes exactly the way I wanted, and I also managed to trigger the display of some elements in the 3D view.
Now one problem appear: for some reason the dropdown list stays open, whatever the option “stayOpen” is set to in the js initialization of the select box… you solve one thing and another appears!! I need to investigate a bit more I guess! Perhaps something to do with CSS…?
Attached the project as it is now! :)David DuperronCustomerThat’s awesome!!
Thank you so much! See you at the next stopper!David DuperronCustomerThat would be great Thank you very much!
This dropdown multiselct box is great too I think… this is the one I tried, but I cannot retrieve the “selected” items… :(David DuperronCustomerHi!
Thanks for your prompt answer! I start to get used to these amazing puzzles, but there is lots to learn!!
And I’m still struggling…
In fact I would like to know if a given option inside:
`<select id=’testSelect1′ multiple>
<option value=’1′>Item 1</option>
<option value=’2′ selected=’selected’>Item 2</option>
<option value=’3′>Item 3</option>
<option value=’4′>Item 4</option>
<option value=’5′ selected=’selected’>Item 5</option>
</select>’is selected or not… I cannot build the proper query for that… :(
-
AuthorPosts