W2U開発wiki - EaselJS -Shape

http://easeljs.com/docs/Shape.html

概要

  • Graphicsを格納するクラス。
  • Graphicsは複数のShape間で共有できる。

コンストラクタ

  • Graphicsオブジェクトを引数に渡す。なくてもOK。
    // ★Stageを作る部分は省略★
    // Graphicsオブジェクトを作成
    var g = new Graphics();
    // 好きな図形を描画
    g.beginFill("#FF0").endStroke().drawPolyStar(500,200,80,5,0.6,-90);
    // 引数にGraphicsオブジェクトを渡してShapeを作成
    var shape1 = new Shape(g);
    // ShapeをStageオブジェクトに設定
    stage1.addChild(shape1);
    // Stageを再描画
    stage1.update();
  • 引数にGraphicsを渡さないパターン
    // ★Stageを作る部分は省略★
    // Shapeを作成
    var shape1 = new Shape();
    // ShapeからGraphicsオブジェクトを取得
    var g = shape1.graphics;
    // 好きな図形を描画
    g.beginFill("#FF0").endStroke().drawPolyStar(500,200,80,5,0.6,-90);
    // ShapeをStageオブジェクトに設定
    stage1.addChild(shape1);
    // Stageを再描画
    stage1.update();
  • 結果

プロパティ

graphics

    • Graphicsオブジェクト。こいつにいろいろ描画を任せる。