Using variables to change size of shapes

Sorry Magda, this is not currently possible in Storyline.

Thanks. I will hack together a workaround. These are the times I miss Flash:)

Hi, Magda -- To the best of my knowledge, using states would be the way to go, but you are definitely welcome to submit a feature request. 

Cannot dynamically do much with it at all?

Flash is so much more advanced than this powerpoint macro program. Going backwards with HTML5.

Hi all, If someone is still looking for a solution. You can do it with a picture (it's easier to get the element with the filename of the picture) and JavaScript. Below is the JavaScript code for rotation and you can see the code for scale in the attached file.

var elem = null;
var slide = parent.document.getElementById('slide');
var divs = slide.querySelectorAll('div');

for (var i in divs) {
    if (divs[i].tagName == "DIV") {
        // data-acc-text attribute contains the filename
        var attr = divs[i].getAttribute('data-acc-text');
        // eg. avatar.png is the filename of the picture
        if (attr && attr=='avatar.png') {
            elem = divs[i];
            break;
        }
    }
}

if (elem) {
    var style = window.getComputedStyle(elem);
    var matrix = style.transform.match(/matrix.*\((.+)\)/)[1];
    var values = matrix.split(', ');
    // scale value
    var s = Math.sqrt(values[0]*values[0] + values[1]*values[1]);
    var player = GetPlayer();
    // angle from the slider
    var r = player.GetVar('rotationValue') ;
    elem.style.transform = "translate("+values[4]+"px, "+values[5]+"px) rotate("+r+"deg) scale("+s+")";
}

As a shape is SVG Gsap will work. Check my posts on Gsap.

Just changed Gaston's version to use GSAP as that is build into Storyline360. Gives many more possibilities too... like easing and more.

This was the original code...
var elem = null;
var slide = parent.document.getElementById('slide');
var divs = slide.querySelectorAll('div');

for (var i in divs) {
    if (divs[i].tagName == "DIV") {
        var attr = divs[i].getAttribute('data-acc-text');
        if (attr && attr=='avatar.png') {
            elem =  divs[i];
            break;
        }
    }
}

if (elem) {
    var style = window.getComputedStyle(elem);
    var matrix = style.transform.match(/matrix.*\((.+)\)/)[1];
    var values = matrix.split(', ');
    var r = Math.round(Math.asin(values[1]) * (180/Math.PI));
    var player = GetPlayer();
    var s = player.GetVar('scaleValue') ;
    elem.style.transform = "translate("+values[4]+"px, "+values[5]+"px) rotate("+r+"deg) scale("+s+")";
}

And this is the same but then using GSAP.
As you can see...shorter and simpler.

//this needs to be the 'acc-name' of the image
let imageToChange = document.querySelector("[data-acc-text='avatar.png']");

let player = GetPlayer();
let s = player.GetVar('scaleValue');
gsap.to(imageToChange, { duration:0.1,scale: s });

Added the adapted version.

And as the original question of this post was about shapes...

https://360.articulate.com/review/content/be8724c6-9fcd-42de-854f-554042ded54f/review

I added a shape scale and rotation to it. Toggling the checkboxes x and y you can scale it accordingly.

PS. this was already possible in Storyline 1, allthough getting Javascript to work was way more complex.