pictcode

define(['block_data', 'image_manager', 'sprite_drawer', 'block_manager'], function(blockData, imageManager, spriteDrawer, blockManager){

  var canvas;

  var canvasContext;

  var dt = 20;//ミリ秒

  var timer;

  var dummy = {};

  var initialDummy = {size:125, position:{x:0, y:0}, scale:1.0, angle:0, opacity:1.0, mirrored:false};

  var aspectRatio;

  var ACTION_TYPE = {

    ROTATE_RIGHT : 0,

    ROTATE_LEFT : 1,

    ZOOM : 2,

    OPACITY : 3,

  };

  function initialize(cvs, cvsCtx){

    initialDummy.image = imageManager.images.preview_001;

    canvas = cvs;

    canvasContext = cvsCtx;

    canvasContext.fillStyle = '#4682b4';

    aspectRatio = spriteDrawer.editorInnerSize.height/spriteDrawer.editorInnerSize.width;

    initializeDummy();

    initializePreview();

  }

  function startPreview(targetBlock){

    stopPreview();

    initializeDummy();

    switch(targetBlock.name){

      case "move":

      move(targetBlock);

      break;

      case "rotate_right":

      action(targetBlock, ACTION_TYPE.ROTATE_RIGHT);

      break;

      case "rotate_left":

      action(targetBlock, ACTION_TYPE.ROTATE_LEFT);

      break;

      case "zoom":

      action(targetBlock, ACTION_TYPE.ZOOM);

      break;

      case "opacity":

      action(targetBlock, ACTION_TYPE.OPACITY);

      break;

      case "self_duplicate":

      selfDuplicate(targetBlock);

      break;

      case "self_kill":

      selfKill(targetBlock);

      break;

      case "mirror":

      mirror(targetBlock);

      break;

      default:

      initializePreview();

      break;

    }

  }

  function stopPreview(){

    if (timer) {

      clearInterval(timer);

    };

  }

  function initializePreview(){

    var cvDummySize = canvas.height*0.25;

    var cvGbRatio = cvDummySize / dummy.size;

    drawDummy(cvDummySize, cvGbRatio);

  }

  function initializeDummy(){

    dummy.image = initialDummy.image;

    dummy.size = initialDummy.size;

    dummy.position = {x:initialDummy.position.x, y:initialDummy.position.y};

    dummy.scale = initialDummy.scale;

    dummy.angle = initialDummy.angle;

    dummy.opacity = initialDummy.opacity;

    dummy.mirrored = initialDummy.mirrored;

  }

  function drawDummy(cvDummySize, cvGbRatio, isTwined){

    var cvDummyLeft = canvas.width/2 - cvDummySize/2 + dummy.position.x*cvGbRatio;

    var cvDummyTop = canvas.height/2 - cvDummySize/2 - dummy.position.y*cvGbRatio;

    canvasContext.clearRect(0, 0, canvas.width, canvas.height);

    canvasContext.fillRect(0, 0, canvas.width, canvas.height);

    var cvBgSize = {width:spriteDrawer.editorInnerSize.width*cvGbRatio*1.1, height:spriteDrawer.editorInnerSize.height*cvGbRatio*1.1};

    canvasContext.drawImage(imageManager.images.preview_002, canvas.width/2-cvBgSize.width/2, canvas.height/2-cvBgSize.height/2, cvBgSize.width, cvBgSize.height);

    canvasContext.save();

    canvasContext.lineWidth = 10;

    canvasContext.strokeStyle = "#8b4513";

    canvasContext.strokeRect(0, 0, canvas.width, canvas.height);

    canvasContext.translate(canvas.width/2, canvas.height/2);

    canvasContext.rotate(dummy.angle);

    if (dummy.mirrored) {

      canvasContext.transform(-1, 0, 0, 1, 0, 0);

    };

    canvasContext.translate(-canvas.width/2, -canvas.height/2);

    canvasContext.globalAlpha = dummy.opacity;

    canvasContext.drawImage(dummy.image, cvDummyLeft, cvDummyTop, cvDummySize, cvDummySize);

    if (isTwined) {

      var twinedLeft = canvas.width/2 - cvDummySize/2 - dummy.position.x*cvGbRatio;

      canvasContext.drawImage(dummy.image, twinedLeft, cvDummyTop, cvDummySize, cvDummySize);

    };

    canvasContext.restore();

  }

  function move(block){

    var duration;

    if (!block.value1.isVariable) {

      duration = block.value1.value * 1000;//ミリ秒

    }else{

      duration = blockManager.findVariableWithId(block.value1.value).value2.value * 1000;//ミリ秒

    };

    var passedTime = 0;

    var isInterval = false;

    var intervalTime = 0;

    dummy.position = {x:-block.value2.value.x/2, y:-block.value2.value.y/2};

    var gbDummySize = dummy.size;

    var gbDistance;

    var cvsDistance;

    if (Math.abs(block.value2.value.x) > Math.abs(block.value2.value.y)) {

      gbDistance = Math.abs(block.value2.value.x);

      cvsDistance = canvas.width;

    }else{

      gbDistance = Math.abs(block.value2.value.y);

      cvsDistance = canvas.height;

    };

    var cvDummySize = cvsDistance * gbDummySize / (gbDummySize+gbDistance);

    var cvDistance = cvsDistance * gbDistance / (gbDummySize+gbDistance);

    var cvGbRatio = cvDummySize / gbDummySize;

    var gbd;

    if (block.value1.value > 0) {

      gbd = {dx:block.value2.value.x*dt/duration, dy:block.value2.value.y*dt/duration};

    }else{

      gbd = {dx:block.value2.value.x, dy:block.value2.value.y};

    };

    timer = setInterval(function(){

      if (isInterval) {

        intervalTime += dt;

        if (intervalTime == 500) {

          dummy.position.x = -block.value2.value.x/2;

          dummy.position.y = -block.value2.value.y/2;

          drawDummy(cvDummySize, cvGbRatio, false);

        }else if (intervalTime >= 1200) {

          isInterval = false;

          passedTime = 0;

        };

        return;

      };

      dummy.position.x += gbd.dx;

      dummy.position.y += gbd.dy;

      passedTime += dt;

      if(passedTime >= duration){

        isInterval = true;

        intervalTime = 0;

      }

      drawDummy(cvDummySize, cvGbRatio, false);

    } , dt);

  }

  function action(block, actinType){

    var duration;

    if (!block.value1.isVariable) {

      duration = block.value1.value * 1000;//ミリ秒

    }else{

      duration = blockManager.findVariableWithId(block.value1.value).value2.value * 1000;//ミリ秒

    };

    var degree;

    if (!block.value2.isVariable) {

      degree = block.value2.value;

    }else{

      degree = blockManager.findVariableWithId(block.value2.value).value2.value;

    };

    var passedTime = 0;

    var isInterval = false;

    var intervalTime = 0;

    var ds;

    var cvDummySize;

    switch(actinType){

      case ACTION_TYPE.ROTATE_RIGHT:

      if (block.value1.value > 0) {

        ds = (degree*Math.PI/180 - dummy.angle) * dt / duration;

      }else{

        ds = degree*Math.PI/180 - dummy.angle;

      };

      cvDummySize = canvas.height*0.45;

      break;

      case ACTION_TYPE.ROTATE_LEFT:

      if (block.value1.value > 0) {

        ds = -(degree*Math.PI/180 - dummy.angle) * dt / duration;

      }else{

        ds = -(degree*Math.PI/180 - dummy.angle);

      };

      cvDummySize = canvas.height*0.45;

      break;

      case ACTION_TYPE.ZOOM:

      if (block.value1.value > 0) {

        ds = (degree - dummy.scale) * dt / duration;

      }else{

        ds = (degree - dummy.scale);

      };

      cvDummySize = canvas.height*0.25;

      break;

      case ACTION_TYPE.OPACITY:

      if (block.value1.value > 0) {

        ds = (degree - dummy.opacity) * dt / duration;

      }else{

        ds = degree - dummy.opacity;

      };

      cvDummySize = canvas.height*0.45;

      break;

    }

    if (!ds || !cvDummySize) {return;};

    var cvGbRatio = cvDummySize / dummy.size;

    timer = setInterval(function(){

      if (isInterval) {

        intervalTime += dt;

        if (intervalTime == 500) {

          initializeDummy();

          drawDummy(cvDummySize*dummy.scale, cvGbRatio, false);

        }else if (intervalTime >= 1200) {

          isInterval = false;

          passedTime = 0;

        };

        return;

      };

      switch(actinType){

        case ACTION_TYPE.ROTATE_RIGHT:

        case ACTION_TYPE.ROTATE_LEFT:

        dummy.angle += ds;

        break;

        case ACTION_TYPE.ZOOM:

        dummy.scale += ds;

        break;

        case ACTION_TYPE.OPACITY:

        dummy.opacity += ds;

        break;

      }

      passedTime += dt;

      if(passedTime >= duration){

        isInterval = true;

        intervalTime = 0;

      }

      drawDummy(cvDummySize*dummy.scale, cvGbRatio, false);

    } , dt);

  } 

  function selfDuplicate(block){

    var passedTime = 0;

    var isInterval = false;

    var intervalTime = 0;

    var duration = 250;

    var cvDummySize=  canvas.height*0.45;

    var ds = cvDummySize*0.28 * dt / duration;

    var cvGbRatio = cvDummySize / dummy.size;

    timer = setInterval(function(){

      if (isInterval) {

        intervalTime += dt;

        if (intervalTime == 1000) {

          drawDummy(cvDummySize*dummy.scale, cvGbRatio, false);

        }else if (intervalTime >= 1700) {

          isInterval = false;

          passedTime = 0;

        };

        return;

      };

      dummy.position.x += ds;

      passedTime += dt;

      if(passedTime >= duration){

        initializeDummy();

        isInterval = true;

        intervalTime = 0;

        return;

      }

      drawDummy(cvDummySize*dummy.scale, cvGbRatio, true);

    } , dt);

  } 

  function selfKill(block){

    var passedTime = 0;

    var isInterval = false;

    var intervalTime = 0;

    var duration = 1700;

    var cvDummySize=  canvas.height*0.45;

    var cvGbRatio = cvDummySize / dummy.size;

    drawDummy(cvDummySize*dummy.scale, cvGbRatio, false);

    timer = setInterval(function(){

      if (isInterval) {

        intervalTime += dt;

        if (intervalTime >= duration) {

          isInterval = false;

          passedTime = 0;

          initializeDummy();

          drawDummy(cvDummySize*dummy.scale, cvGbRatio, false);

        };

        return;

      };

      passedTime += dt;

      if(passedTime >= duration){

        isInterval = true;

        intervalTime = 0;

        dummy.opacity = 0;

        drawDummy(cvDummySize*dummy.scale, cvGbRatio, false);

        return;

      }

    } , dt);

  } 

  function mirror(block){

    var passedTime = 0;

    var isInterval = false;

    var intervalTime = 0;

    var duration = 1200;

    var cvDummySize=  canvas.height*0.45;

    var cvGbRatio = cvDummySize / dummy.size;

    drawDummy(cvDummySize*dummy.scale, cvGbRatio, false);

    timer = setInterval(function(){

      if (isInterval) {

        intervalTime += dt;

        if (intervalTime >= duration) {

          isInterval = false;

          passedTime = 0;

          initializeDummy();

          drawDummy(cvDummySize*dummy.scale, cvGbRatio, false);

        };

        return;

      };

      passedTime += dt;

      if(passedTime >= duration){

        isInterval = true;

        intervalTime = 0;

        dummy.mirrored = true;

        drawDummy(cvDummySize*dummy.scale, cvGbRatio, false);

        return;

      }

    } , dt);

  } 

  return {

    initialize:initialize,

    startPreview:startPreview,

    stopPreview:stopPreview,

  };

});