説明

Stage.update()メソッドが呼出されたとき、Stageオブジェクトが更新される矩形領域をRectangleオブジェクトで定めます。CanvasはStage.drawRectプロパティで定めた領域だけが描き替わります。デフォルト値はnullでCanvas上すべてが更新されます。

実装

本稿執筆時のビルド(2014年6月9日付)では、Stage.update()メソッドにつぎのようなStage.drawRectプロパティに関わる実装が加えられています。プロパティにRectangleオブジェクトが定められていると、まずその矩形領域だけをclearRect()メソッドで消去します(第392〜393行目)。つぎに、その矩形領域のパスをclip()メソッドで描画領域に定めています(第398〜400行目)。

var r = this.drawRect, ctx = this.canvas.getContext("2d"); if (this.autoClear) {   if (r) { ctx.clearRect(r.x, r.y, r.width, r.height); }   else { ctx.clearRect(0, 0, this.canvas.width+1, this.canvas.height+1); } } if (this.drawRect) {   ctx.beginPath();   ctx.rect(r.x, r.y, r.width, r.height);   ctx.clip(); }

作成者: 野中文雄
作成日: 2014年6月30日