未分類 2016年4月4日

円を歪める scaleX

さしあたってscaleXもしくはYで倍率を変えられる。直接アクセする方法はわからん。

    window.addEventListener("load", init);

    function init() {
  // ステージを作成
  var stage = new createjs.Stage("myCanvas");
  //Shapeオブジェクト作成
  var shape = new createjs.Shape();
  shape.graphics.beginFill("red");
  shape.graphics.drawCircle(0,0,40);
  stage.addChild(shape);

  createjs.Ticker.addEventListener("tick",handleTick);

  function handleTick(){
    var mx=stage.mouseX;
    var my=stage.mouseY;

    shape.x=mx;
    shape.y=my;
    shape.scaleX = mx/100;

    stage.update();

  }


    }

window.addEventListener("load", init);

function init() {

// ステージを作成

var stage = new createjs.Stage("myCanvas");

//Shapeオブジェクト作成

var shape = new createjs.Shape();

shape.graphics.beginFill("red");

shape.graphics.drawCircle(0,0,40);

stage.addChild(shape);

createjs.Ticker.addEventListener("tick",handleTick);

function handleTick(){

var mx=stage.mouseX;

var my=stage.mouseY;

shape.x=mx;

shape.y=my;

shape.scaleX = mx/100;

stage.update();

}

インテリ.com

円を歪める scaleX

1 comment

コメントを残すコメントをキャンセル

円を歪める scaleX

Related Articles

Graphics Class よくわらかん

ロジカルアートスクール 美術の歴史 資料

javaScriptをより極めるための本

1 comment

コメントを残す コメントをキャンセル

ロジカルアートスクール　美術の歴史　資料

コメントを残すコメントをキャンセル