Pixi.jsで点を描画する

pixijs-point.png

Pixi.jsでは点はdrawCircleを用いて描画するようです
また、同じPIXI.Graphicsで複数の点を描画出来ます。
点を区切るにはbeginFillで始めて、endFillで締めくくります

<script src="http://miffysora.wikidot.com/local--files/webgl/pixi.min.js" type="text/javascript"></script>
</script>
<script type='text/javascript' >
var renderer = new PIXI.WebGLRenderer(200, 200, {backgroundColor: 0x533E25});
 
document.body.appendChild(renderer.view);
    var stage = new PIXI.Container();
 
    var graphics = new PIXI.Graphics();
   graphics.lineStyle(0);//枠線なしに設定
   graphics.beginFill(0xA5D9DD);//グリーン
   graphics.drawCircle(100, 100,8);// x  y  radius
   graphics.endFill();
   graphics.beginFill(0xA5D9DD);//グリーン
   graphics.drawCircle(120, 120,8);// x  y  radius   
   stage.addChild(graphics);
   //描画関数開始
   renderer.render(stage);
</script>
<body>
</body>

サポートサイト Wikidot.com