Hello!
I don't speak English well ..
I have a question using TweenMax I'm asking the right question here?
I want Controlling a lot of TweenMax in my project
I want visual() function run -> reset
I want to Infinite repeat this function
Please help me. I am a beginner. ?
I made the code like this. ⬇️
<script type="text/javascript">
$(document).ready(function() {
var visual= function() {
var $con_03_mobile = $('.top_con .motion_mobile')
, $con_03_01 = $('.con_03 .motion01')
, $con_03_02 = $('.con_03 .motion02')
, $con_03_03 = $('.con_03 .motion03')
, $con_03_04 = $('.con_03 .motion04')
, $con_03_05 = $('.con_03 .motion05')
, $dim1 = $('.con_03 .dim1')
, $dim2 = $('.con_03 .dim2')
, $mask = $('.con_03 .mask')
, $mask2 = $('.con_03 .mask2')
function a5(){
TweenMax.fromTo($con_03_04, 0.6, {x:'8px', y:'184'}, {x:'8px',y:'8px', ease: Power2.easeIn, onComplete: function(){
TweenMax.fromTo($con_03_05, 0.3, {opacity:'0'}, {opacity:1, ease: Power2.easeIn, onComplete: function(){
}});
}});
TweenMax.fromTo($con_03_04, 0.1, {opacity:'0'}, {opacity:1, ease: Power2.easeIn, onComplete: function(){
}});
}
function a4(){
TweenMax.fromTo($dim1, 0.5, {opacity:'0'}, {opacity:0.8, ease: Power2.easeIn, onComplete: function(){
}});
TweenMax.fromTo($con_03_03, 0.7, {x:'8px', y:'184'}, {x:'8px',y:'8px', ease: Power2.easeIn, onComplete: function(){
TweenMax.fromTo($con_03_03, 0.3, {opacity:'1'}, {opacity:0, ease: Power2.easeIn, onComplete: function(){
}});
setTimeout(a5, 100)
}});
TweenMax.fromTo($con_03_03, 0.1, {opacity:'0'}, {opacity:1, ease: Power2.easeIn, onComplete: function(){
}});
}
TweenMax.fromTo($con_03_02, 0.8, {x:'200', y:'0'}, {x:'8px',y:'8px', ease: Power2.ease, onComplete: function(){
setTimeout(a4, 200)
}});
}
});