Daily Archives: July 6, 2016

Reproducing A Clever Animation Product, Part 20

Posted on July 6, 2016 by R.P. Churchill

Today I added the capability of adding a rotation tween, which I applied to a fourth element at the end of the previous animation. The tween definition is here:

      function bcDefineRotateTween(sElement,pStart,pEnd,tBegin,tDuration,mMethod) {
        var s = sElement+".style.transform='rotate("+pStart+"deg)';";
        var alpha = Math.round(tBegin * 60.0);
        var steps = Math.round(tDuration * 60.0);
        var omega = alpha + steps;
        var increment = (pEnd - pStart) / steps;
        var angle = pStart;
        var index = bcActivitiesList[0].length-1;
        if ((alpha > 0) && (!bcChainFlag)) {
          for (var i=0; i<alpha; i++) {    //>
            bcActivitiesList[i][0] = bcActivitiesList[i].push(s);
          }
        }
        if (!bcChainFlag) {
          index++;
        }
        for (var i=alpha; i<=omega; i++) { //>
          s = sElement+".style.transform='rotate("+angle+"deg)';";
          bcActivitiesList[i][0] = index+1;
          bcActivitiesList[i][index] = s;
          if (mMethod == "linear") {
            angle += increment;
          }
        }
        for (i=omega+1; i<=bcFinalActivity; i++) {
          bcActivitiesList[i][0] = index+1;
          bcActivitiesList[i][index] = s;
        }
        bcClearChainFlag();
      }

function bcDefineRotateTween(sElement,pStart,pEnd,tBegin,tDuration,mMethod) {

var s = sElement+".style.transform='rotate("+pStart+"deg)';";

var alpha = Math.round(tBegin * 60.0);

var steps = Math.round(tDuration * 60.0);

var omega = alpha + steps;

var increment = (pEnd - pStart) / steps;

var angle = pStart;

var index = bcActivitiesList[0].length-1;

if ((alpha > 0) && (!bcChainFlag)) {

for (var i=0; i<alpha; i++) { //>

bcActivitiesList[i][0] = bcActivitiesList[i].push(s);

}

if (!bcChainFlag) {

index++;

}

for (var i=alpha; i<=omega; i++) { //>

s = sElement+".style.transform='rotate("+angle+"deg)';";

bcActivitiesList[i][0] = index+1;

bcActivitiesList[i][index] = s;

if (mMethod == "linear") {

angle += increment;

}

for (i=omega+1; i<=bcFinalActivity; i++) {

bcActivitiesList[i][0] = index+1;

bcActivitiesList[i][index] = s;

}

bcClearChainFlag();

}

Here’s the code added to handle rotations in the addTransformToList … Continue reading →

Search for:
Recent Posts
Recent Comments
Categories
Meta
July 2016

M T W T F S S

1 2 3

4 5 6 7 8 9 10

11 12 13 14 15 16 17

18 19 20 21 22 23 24

25 26 27 28 29 30 31

« Jun Aug »

Daily Archives: July 6, 2016

Reproducing A Clever Animation Product, Part 20

Recent Posts

Recent Comments

Categories

Meta