Home › Forums › Programming › Mars 3D demo learn Control Camera / Sound Js Call Learn
- This topic has 5 replies, 3 voices, and was last updated 5 years ago by Yuri Kovelenov.
-
AuthorPosts
-
2019-10-31 at 7:52 pm #20925nunomadeiraCustomer
Hello! My first post here. In a quick introduction i design and produce 360º photography virtual tours at wide.pt
I´ve been trying to mix 360º (with panotour software) and 3D for a while btw the tools for non programmers are not easy and finally after a lot of research and diving into the demo of verge3d i see that verge 3D do the job!
To start the experience and learn (planets are good to learn to apply in other scenarios),so the worlflow was : doing mars in 3dsmax, small hotspot: on click opens a tooltip, onclick on the tooltip goes to 360º of mars. Playing with div´s and simple js. Everything ok here.
In the example, panotour software for transition between 360 to 3D i add the feature “jscall” in a button/hotspot “fadeOut(tourDIV);” with the follow code this makes the transition easy:
<script type="text/javascript"> function fadeOut(tourDIV) { $("#tourDIV").fadeOut(400), $("#container").delay(1250).fadeIn(600); } </script>
So my question is how can we communicate with verge 3d with a external jscall function for a camera tween movement, and stop sound.
I confess that is very difficult to see examples/tutorials or code to make very simple things and im struggled here.
Puzzles of the project in attachment
Thank you a lot for the help!
cheers from Portugal.
Nuno2019-11-01 at 10:10 am #20950Alexander KovelenovStaffHi,
Welcome to Verge3D forums! What’s is exactly you’re trying to achieve? Smoothly move the camera from one point to another or doing some logic using external JavaScript calls?
In the first case your Puzzles seem to be good, in the later please consult with the basic example in the User Manual – https://www.soft8soft.com/docs/manual/en/introduction/Using-JavaScript.html#From_JavaScript_to_Puzzles
2019-11-04 at 5:49 pm #20961nunomadeiraCustomerHello Alexander! Thank you for your reply!
Check the image in attach, it´s simple just a tween camera, so when i click in the button on the 360 the camera change to another position. After saw the tutorial i don´t know what code i add in jscall “v3d.puzzles.procedures.cammove( ´box001´ , ´physCamera001.target´)” .
Thank you for your support!
Nuno2019-11-05 at 5:44 am #20966Alexander KovelenovStaff2019-11-05 at 5:29 pm #20984nunomadeiraCustomerThank You Alexander ! Now it´s working, i updated the demo, so when we click in the hotspot in the 360 pano,makes the transition to the planet, stops the sound and rotate the camera of the planet.
Verge 3d and panotour works really well.
i will update this demo with more devs.
2019-11-06 at 6:11 am #20985Yuri KovelenovStaff -
AuthorPosts
- You must be logged in to reply to this topic.