Orientation Change?

[I3D]

Hi Guys

Im trying to implement an orientation script. however I am facing a problem. The script work on the start of the scene, but not during the slide.

The way i have it setup is like this, I have a script on the start of the scene, which checks for orientation. Now if i load the slide, then it will be activated, but if i change the orientation midway, nothing happens!!! how can i keep this persistent all the time?

Best.

[arnebech]

You could probably add an event listener?

I am attaching a sample project. The sample project has a square that changes color when orientation changes. I have only tested it in the iOS simulator.

Here is the main code for it as well:

//create a global variable/namespace for use if we don't have already
if (typeof(myData) === "undefined") {
    myData = {};
}


//helper function to get a rounded value between 0-255
function getRandomColorComponent() {
    return Math.round(Math.random() * 255);
}


//get element on stage that has a cssid of 'box'
var element = document.querySelector('#box');


//if we haven't attached the listener allready lets do that
//Remeber: sometimes scenes are played multiple times
if (!myData.hasOrientationListener) {


    //attach orientation listener
    window.addEventListener('orientationchange', function () {
        
        var r = getRandomColorComponent(),
            g = getRandomColorComponent(),
            b = getRandomColorComponent();
    
        element.style.backgroundColor = "rgb("+r+","+g+","+b+")";
    
    });
    
    //set flag so we know we attached listenr
    myData.hasOrientationListener = true;
    
}

OrientationChange.animproj.zip

[I3D]

Thanks Arne

I'll have a look at this now.

Cheers

[I3D]

Hi Arne

The code worked, made a few tweaks to it but everything is working fine now

I will gather all the workflow steps i gathered doing this project and make a PDF out of it, post it to the community

Cheers

[arnebech]

Great! Looking forward to reading it.