Using GreenSock with GWD
Chris Fortier
Svein-Tore Narvestad
In GWD, go to file, select Include JS library/Greensock/Tweenmax. Yes there are many others to select, but I recommend this one.
This will add the following in your head section:
<script type="text/javascript" id="TweenMax" src="https://s0.2mdn.net/ads/studio/cached_libs/tweenmax_1.18.5_23b0de6da0ee295131e32a500470610c_min.js"></script>
Which will include the tweenMax. Add three divs in your project, in colur red, blue and green, and name them (give them the id) box_red, box_blue and box_green.
Then, in the body, add the following script:
<body class="htmlNoPages">
<div class="gwd-div-kgpp" id="box_green"></div> //These are the divs you have created
<div class="gwd-div-1roc" id="box_red"></div>
<div class="gwd-div-1bhe" id="box_blue"></div>
<script>
var tl = new TimelineLite();
tl.to("#box_blue", 2, {
opacity: 0
})
tl.to("#box_blue", 0.5, {
opacity: 1,
rotation: 990,
left: 400,
top: 400
})
tl.to("#box_green", 2, {
left: 100,
top: 300
}, '-=2')
tl.to("#box_green", 2, {
left: 300,
top: 500,
rotation: 90
})
tl.to("#box_red", 2, {
left: 100
}, '-=4');
</script>
</body>
Hope this will help. Of course, If I have had your email I could have sent you the file (don't know how to upload here.....)
Svein-Tore
Svein-Tore
Chris Fortier
Jenny Graves
Svein-Tore Narvestad
To get this work you must be in code view:)
