We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

Mars 3D demo learn Control Camera / Sound Js Call Learn

Home Forums Programming Mars 3D demo learn Control Camera / Sound Js Call Learn

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #20925
    nunomadeira
    Customer

    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! :good:

    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.

    https://widestudio.pt/mars/

    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.
    Nuno

    #20950

    Hi,

    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

    Soft8Soft Tech Chief
    X | FB | LinkedIn

    #20961
    nunomadeira
    Customer

    Hello 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!
    Nuno

    #20966

    Hi,

    Your procedure in Puzzles has no input parameters, as such you just need to call it v3d.puzzles.procedures.cammove().

    Soft8Soft Tech Chief
    X | FB | LinkedIn

    #20984
    nunomadeira
    Customer

    Thank You Alexander :good: ! 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.

    https://www.widestudio.pt/mars/

    #20985

    :good:

    Chief 3D Verger | LinkedIn | Twitter

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.