3D Helper Tool

Tuur · November 12, 2024 at 2:05 PM

Hi,

as a new little study project i made a 3D helper tool.
I think it is quite conveniant already, but it is still in 'beta'.
Please let me know what you think and if you find problems or issues.
As it is all quite new, also to me, it can be that it is not 'perfect' yet... seems to work quite nice though.

imagine you have some 3d hotspots and lights in your project and you want to (re-) place or edit them.

Add the plugin to your project like:

Code

    <plugin name="helper3d" 
        url="3Dhelper.js" 
        keep="true" 
        align="righttop"    
        keycode_to_activate="51"
        log_methode="log"
    />

Press 3 on your keyboard to make it show/hide... or any other keycode to your needs (keycode_to_activate).
Select 'model' or 'light'. It shows all 3d model or light hotspots, select one.. fiddle on the drag sliders etc..input color and enter..
You can go back to the list by clicking the hotspot name or the 'light' or 'model' button. Click the header to minimize it.
When finished editing a particular hotspot, press log or copy (see 'log_methode' .. log to log (xml and js.. or something else to copy to clipboard), and take what you need. You can use the reset button to reset the values of the currently selected hotspot.

Best usage, one hotspot at the time.

Make sure you have the TransformControls module added to your threejs plugin (!)

Here is an online example to see:
3D Helper Tool | © by Virtual Tuur - Arthur van den Enk

Download it here:

3Dhelper.js.zip

The idea is to integrate it in the ToolBox at a later stage.

I hope you like it!
Tuur

Fernando · November 12, 2024 at 3:36 PM

Hi Tuur, thanks for showing your example and sharing 3Dhelper.js. I made a very simple apartment model in Sketchup to test in krpano and exported it as "demo.obj", "demo.mt" and also "demo.glb". I would like to be able to navigate that model within krpano so I can study from an example.

Could you share a simple and basic project of navigating within the model?

Thanks!

Tuur · November 12, 2024 at 4:05 PM

Hi,

Just check the tour.xml of my little example. It is a model, and a glb hotspot, and some lights.

Or, when you want to edit/posiotion the model/room it self maybe better try with the toolbox plugin (?) .. or blender.

Tuur

Fernando · November 12, 2024 at 5:11 PM

Hi Tuur, thank for your fast answer.

1) Where is your.xml?

I can see only the plugin definition:

3Dhelper.js.zip does not contain the .xml either

2) Is your plugin toolbox ready? Link?

I think that very simple examples are perfect to start and then continue with Blender.

Tuur · November 12, 2024 at 5:23 PM

Hi,

You can always open the link, open the js console of your browser and see the source. There it says tour.xml..

So .. the link to the tour.xml is:

https://www.virtualtuur.com/krpano/122/barebones/examples/3dHelperTool/1/tour.xml

Tuur

Fernando · November 13, 2024 at 2:00 AM

Hi Tuur, I have downloaded (via JS console) almost everything I thought was necessary to reproduce and study your project on my PC, but the result was a black screen. Maybe if you posted a .zip with everything (except tour.js) it would be ideal, but I don't want to bother you and I can continue researching the still dark (for me) world of 3d in krpano. Thanks for inspiring me with your work.

Tuur · November 13, 2024 at 11:59 AM

Hi,

First put everything in one folder, then check all the paths in the index.html and tour.xml. Make sure your correct tour.js is used and the the plugins, like threejs and the module etc all are also in place.

That should make it work i guess.

Tuur

Fernando · November 13, 2024 at 5:43 PM

With a little help from @ramiro I was able to reproduce the project, which I think is an excellent idea to be able to manipulate lights and models. (I think it would also be interesting to have the possibility of rotating the model)

I congratulate you and thank you for sharing.

How difficult would it be in the menu if you could choose and manipulate scenarios (.obj + .mtl)?

Tuur · November 13, 2024 at 5:54 PM

Hi,

I made this only to have a bit of a conveniant tool to get relevant numbers to copy and use in your project.

It's not an editor. I'm sure that , San7 perhaps(?) or others are doing editor updates as we speak (?)..

I have other plans

Or .. what do you mean exactly?

Tuur

Fernando · November 13, 2024 at 6:02 PM

~~The idea is to be able to visualize a 3D scenario with 3D objects and lights in an easy way using Krpano. It is like a viewer.~~

Sorry, studying a little more, I understand that what I am saying does not make much sense in the context of your example.

Tuur · November 13, 2024 at 7:06 PM

I think you want something like panimator 2.0.... but that is another subject.

Tuur

Tuur · December 3, 2024 at 6:22 PM

Hi all,

I have made a small update for the 3d Helper Tool. (1.0.2)

online example:
3D Helper Tool | © by Virtual Tuur - Arthur van den Enk

download:
https://www.virtualtuur.com/krpano/122/barebones/examples/3dHelperTool/1/3dhelper.js.zip

Implementation:

Code

	<plugin name="helper3d" 
		url="3dhelper.js" 
		keep="true" 
		align="righttop"	
		keycode_to_activate="51"
		log_methode="log"
	/>

Changes:

- added scale x-y-z for models
- 'text' input also possible (click on value)
- full reset (reset all hotspots to the state as they where loaded. ( i took 1.5 secs after plugin loaded before backing up all hotspot data)
- some bug fixes
- smaller bulb icon

36 kb of conveniance i think.

If you find issues or have suggestions feel free to contact me here.

Tuur

Tuur · December 4, 2024 at 2:36 PM

Made small update (1.0.3) with some fixes.
As i hardly get any feedback, i suppose it works fine for you... if anybody uses it of course
I do, 'all' the time to be honest.

Tuur

Tuur · December 4, 2024 at 8:22 PM

so.. i just tested it on chrome and firefox (mac, and looks the same on pc) , cause a friendly person told me to do, and since it is online for a while, over 3 weeks(!) and visited 1000 times ... nobody took the effort to tell me there is something wrong? .. such a friendly community.. a real motivation to share stuff and help etc..
Thanks!

On mac safari it is just perfect,-ish and a great help.

What is the bug?

https://www.virtualtuur.com/krpano/122/barebones/examples/3dHelperTool/helper3d_macsafari.mp4

Tuur

kme · December 4, 2024 at 10:57 PM

One bug I noticed is that the panel is not resizing properly. It does so in the video, but not for me (chrome/windows).

Tuur · December 5, 2024 at 10:07 AM

Yes i know now because yesterday someone was so friendly to tell me that there was something wrong. Which makes me think nobody cares and just leave me with this.. why should i invest much time to make helper tools and share them at all with these levels of appreciation and participation..

For my self, this tool saves me a lot of time and i use it all the time in my fun play 3d experiments which i might show soon.

I think it is the same krpano bug as here.

Or chrome/firefox bug or safari bug of course.. i don't know.

Thread

Problem displaying layers in "flowchildren" mode when scrolling is enabled

Hi everyone, there is a problem in my code that I can't figure out. I have a menu, and for example, I simplified the code as much as possible. These are three blocks, the middle block has the flowexpand="true" parameter and it has scroll buttons.

(Code, 25 lines)

Example
I checked on android and on PC in chrome browser

At the first launch, it seems that the lower part becomes lower, and the lower block is not visible, and scrolling does not work correctly.

correct: …

San7

December 3, 2024 at 12:44 PM

because i do no resizing .. only use the flowchildren thing..

The link from san7 works also perfect on mac safari.

Tuur

kme · December 5, 2024 at 12:27 PM

So far, I did not have the time to make a deep dive into this. I only looked at your online demo, as at the moment, I'm only doing single (and moslty non threejs) models. But I'm sure this will become useful when we go deeper into the new features of krpano 1.22

Hope the bug can be resolved by a krpano update soon. And I'm also curious on your 3d experiments!

Tuur · December 5, 2024 at 12:42 PM

Me too

I hope to present an better working update tomorrow or at least asap as i'm out today. After some review and a bit help i possibly must/might indeed conclude the issue is on my side (and browser interpretation/calculation i guess) and not krpano, tomorrow i'll be more sure..

Tuur

Tuur · December 6, 2024 at 2:35 PM

Hi,

with some kind help and insight on a specific part here a new version. (1.0.5)
I hope it works better now.
I plan a re-write later but for now i think it works quite well.. i hope.
I tested on chrome, safari,firefox on mac.

3D Helper Tool | © by Virtual Tuur - Arthur van den Enk

download: https://www.virtualtuur.com/krpano/122/bar…3dhelper.js.zip

Implementation:

Code

   <plugin name="helper3d" 
        url="3dhelper.js" 
        keep="true" 
        align="righttop"    
        keycode_to_activate="51"
        log_methode="log"
    />

I'm aware it is not perfect yet.. getting there.
I'll now first focus on other things.
if you find issues or have wishes.. please let me know.

I hope it helps you in your projects,

Tuur

indexofrefraction · December 6, 2024 at 6:35 PM

works very well

3D Helper Tool

Problem displaying layers in "flowchildren" mode when scrolling is enabled

Participate now!

Similar Threads

Transition Effect for Krpano and Panotour Pro

Load tiles from makepano into krpano Tools

Tags

Users Viewing This Thread