pictcode

define(['block_selector', 'canvas_manager', 'image_manager', 'block_drawer', 'block_manager', 'input_manager', 'preview_manager'], function(blockSelector, canvasManager, imageManager, blockDrawer, blockManager, inputManager, previewManager){

  var canvas;

  var canvasContext;

  //拡大率 2-9

  var magnification = 6;

  var canvasBlockHRatio;

  var TAEGET = {

    BLOCK : 0,

    CANVAS : 1,

    NONE : 2

  };

  var currentTarget = TAEGET.NONE;

  var removeFunctionFromSprite;

  //初期化

  function initialize(blocks, removeFuncFromSpr) {

    //各モジュールの初期化

    blockSelector.initialize(afterAddBlock);

    blockManager.initialize(blocks, drawBlocks,removeFuncFromSpr, didSetTarget);

    inputManager.initialize(blockManager.getTargetBlock, drawBlocks, blockManager.getFunctions, didSetTarget);

    //コールバックの設定

    removeFunctionFromSprite = removeFuncFromSpr;

    //キャンバスのタップ操作の検出

    function touchStart(canvasX, canvasY){

      var target = blockDrawer.getPositionInfo(blockManager.blocks, canvasX, canvasY);

      switch (target.target){

        case "block":

        blockManager.setTarget(canvasX, canvasY, target.block);

        currentTarget = TAEGET.BLOCK;

        break;

        case "canvas":

        blockDrawer.startScroll(canvasX, canvasY);

        currentTarget = TAEGET.CANVAS;

        break;

      }

      canvasBlockHRatio = getCvsBlkhRatio();

    }

    function touchMove(canvasX, canvasY){

      switch (currentTarget){

        case TAEGET.BLOCK:

        blockManager.changePosition(canvasX, canvasY, canvasBlockHRatio);

        break;

        case TAEGET.CANVAS:

        blockDrawer.scrollCanvas(canvasX, canvasY, canvasBlockHRatio, drawBlocks);

        break;

      }

    }

    function touchEnd(canvasX, canvasY){

      currentTarget = TAEGET.NONE;

      blockManager.settleBlock(canvasX, canvasY, canvasBlockHRatio);

    }

    //キャンバスの初期化

    var headerHeight = $('#header')[0].clientHeight;

    var footerHeight = $('#footer')[0].clientHeight;

    var canvasHeight = document.documentElement.clientHeight - headerHeight - footerHeight;

    canvas = canvasManager.initializeCanvas(document.documentElement.clientWidth, canvasHeight, touchStart, touchMove, touchEnd);

    $('#coding-tab').append(canvas);

    canvasContext = canvas.getContext("2d");

    //プレビューの初期化

    var previewCanvas = canvasManager.initializeCanvas(canvasHeight/2*1.25, canvasHeight/2, null, null, null);

    previewCanvas.style.position = "absolute";

    previewCanvas.style.top = "0px";

    previewCanvas.style.right = "0px";

    var previewCanvasContext = previewCanvas.getContext("2d");

    previewManager.initialize(previewCanvas, previewCanvasContext);

    $('#coding-tab').append(previewCanvas);

    //ターゲットの設定

    blockManager.setTarget(0, 0, blockManager.getTargetBlock());

    //block画像の設定

    _.each(blockManager.blocks, function(block){

      block.image = imageManager.images[block.imageKey];

    });

    drawBlocks();

  }

  function didSwitchToCodingTab(){

    blockManager.setTarget(0, 0, blockManager.getTargetBlock());

  }

  function didQuitCodingTab(){

  }

  function afterAddBlock(blockId){

    blockManager.createNewBlock(blockId);

    drawBlocks();

  }

  function drawBlocks(){

    blockDrawer.drawBlocks(canvas, canvasContext, blockManager.blocks, getCvsBlkhRatio());

  }

  function getFunctions(){

    return blockManager.getFunctions();

  }

  function getCvsBlkhRatio(){

    var size =  (document.documentElement.clientWidth + document.documentElement.clientHeight)/2;

    var maxNumberOfBlock = 50;

    return size/maxNumberOfBlock*magnification;

  }

  function didSetTarget(targetBlock){

    previewManager.startPreview(targetBlock);

  }

  $(document).on("click","#unlink_block", function(event) {

    blockManager.unlinkBlock();

  });

  $(document).on("click","#copy_block", function(event) {

    blockManager.copyBlock();

  });

  $(document).on("click","#delete_block", function(event) {

    blockManager.deleteBlock();

  });

  $(document).on("click","#expland_block", function(event) {

    magnification++;

    if (magnification > 9) {

      magnification = 9;

    }else{

      drawBlocks();

    };

  });

  $(document).on("click","#shrink_block", function(event) {

    magnification--;

    if (magnification < 2) {

      magnification = 2;

    }else{

      drawBlocks();

    };

  });

  return {

    initialize:initialize,

    didSwitchToCodingTab:didSwitchToCodingTab,

    didQuitCodingTab:didQuitCodingTab,

    getFunctions:getFunctions,

    findFunctionWithId:blockManager.findFunctionWithId,

  };

});