web-dev-qa-db-ja.com

pixi.jsで長方形を描く

[Chrome v32]

PIXI.jsライブラリで基本的なRED長方形を描画する方法は？

私はこれを試しました（動作していません）

var stage = new PIXI.Stage(0xFFFFFF);
var renderer = PIXI.autoDetectRenderer(400, 300);
document.body.appendChild(renderer.view);
renderer.render(stage);
var rect = new PIXI.Rectangle(100, 150, 50, 50);
stage.addChild(rect);

エラー：

不明なTypeError：オブジェクト[オブジェクトオブジェクト]にはメソッド 'setStageReference'がありません

pixi.js
23
user3350705Ol

ジオメトリはレンダリングできません。ジオメトリ計算を行うためのものです。

ソース @xerver

したがって、PIXI.Graphics()を使用する必要があります

11
user3350705Ol

ジオメトリ（Pixi.Rectangle）、それらは計算専用です。代わりに次のことができます。

var graphics = new PIXI.Graphics();

graphics.beginFill(0xFFFF00);

// set the line style to have a width of 5 and set the color to red
graphics.lineStyle(5, 0xFF0000);

// draw a rectangle
graphics.drawRect(0, 0, 300, 200);

stage.addChild(graphics);

ソース

48
Daniel Kaplan