actionscript3.0 初心者です。

質問

ある円の半径を、マウスカーソルのX座標に対応させて変化させよう思い、以下の記述を行ったのですが、プレビューにて全く何も表示されません。お心当たりあれば是非教えていただきたいです。やはり、半径の値をiの形で代入させるようにしたことが無理矢理だったのでしょうか。よろしくお願いします。

package
{
import flash.display.Sprite;
import flash.events.Event;

public class boin extends Sprite
{
　public function boin()
{
var _maru:Sprite = new Sprite();
var i:Number = new Number();

　　　_maru.graphics.beginFill(0xFF0000);
　　　_maru.graphics.drawCircle(0,0,i);
　　　_maru.graphics.endFill();
　　　_maru.x = 100;
　　　_maru.y = 200;
　　　addChild(_maru);

　addEventListener(Event.ENTER_FRAME,boo);
　{
　　function boo(event:Event):void
　　　{
　　　　_maru.x = mouseX;
　　　　i = mouseX;
　　　　}
　　}
}
}
}

ASファイル（boin）

回答No.2

BlurFiltan · ベストアンサー

＃１です。

◎ ＃１に書かれた「補足」の１つ目より。

> 結果として、拡大縮小の変化は起こりますが、
> 追跡は実行されませんでした。
> どの箇所が誤りと考えられますでしょうか？

書かれているスクリプトでは
追跡が起こらない以前の問題で
「赤●」すら表示されないでしょう？

＃１で書いたように
> マウスのx座標に応じた半径の赤●を
> 消しては描いて 消しては描いて…
をしなければなりません。
つまり先に消すのです。
つまり _maru.graphics.clear(); が先です。

その点だけを先に修正すると
function boo は次のようになります。

//---とりあえずの修正-------------
function boo(eventobj:Event):void {
_maru.graphics.clear();
var i:Number=mouseX;
_maru.x=_maru.x*0.7+mouseX*0.195+0.005;
i=_maru.x;
_maru.graphics.beginFill(0xFF0000);
_maru.graphics.drawCircle(0,0,i);
_maru.graphics.endFill();
}
//--------------------------------

これで「赤●」が描画されるようになります。

次にマウスの追跡がおこなわれていないということですが
私の見る限りマウスによってちゃんと座標は変わっていますよ。
「赤●」の大きさの変化に目がまどわされているだけではないでしょうか？
「赤●」の大きさを固定すれば「赤●」のx座標がマウスによって変わることがハッキリ見えると思います。

//---大きさの変化を止める実験-------
function boo(eventobj:Event):void {
_maru.graphics.clear();
var i:Number=mouseX;
_maru.x=_maru.x*0.7+mouseX*0.195+0.005;
i=_maru.x;
_maru.graphics.beginFill(0xFF0000);
_maru.graphics.drawCircle(0,0,100);
_maru.graphics.endFill();
}
//--------------------------------

↑その「赤●」の動き方が良いとか悪いとかそんなことは知りません。
「赤●」がマウスによって動くことは確かです。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

◎ ＃１に書かれた「補足」の２つ目より。

> 上記のプログラミングに「Y軸方向の追跡」
>（要するにステージ内全体）
> を追加しようと以下を記述しましたが、
> 今回は表示すらされなくなってしました。

これも上の最初に書いたことと同じです。

せっかく描いた「赤●」を消してしまっては見えませんよ。
前のフレーム時間で描いた「赤●」を消してから
今のフレームで「赤●」を描くのです。
> 消しては描いて 消しては描いて…
です。

ですから function boo は次のようになります。

//---修正-------------------------
function boo(eventobj:Event):void {
_maru.graphics.clear();
var i:Number=mouseX;
_maru.y=mouseY;
_maru.x=_maru.x*0.7+mouseX*0.195+0.005;
i=_maru.x;
_maru.graphics.beginFill(0xFF0000);
_maru.graphics.drawCircle(0,0,i);
_maru.graphics.endFill();
}
//--------------------------------

お礼

ありがとうございます。
お礼は以下にまとめさせていただいております。

回答No.1

BlurFiltan

座標の方に関しては
_maru.x = 100;
_maru.y = 200;
や
_maru.x = mouseX;
のようにして
普通に _maru に対するプロパティを設定しているわけですから
半径に関してもそれと同じように
普通に _maru に対するプロパティを設定すれば良いのではないのでしょうか？

そういう考え方で
他の部分の修正も入れた「boin.as」の全文例です↓。

//---------------------------------------
package
{
import flash.display.Sprite;
import flash.events.Event;

public class boin extends Sprite
{
var _maru:Sprite;

public function boin()
{
_maru = new Sprite();
_maru.graphics.beginFill(0xFF0000);
_maru.graphics.drawCircle(0,0,100);
_maru.graphics.endFill();
_maru.x = 100;
_maru.y = 200;
_maru.width = 0;
_maru.height = 0;
addChild(_maru);

addEventListener(Event.ENTER_FRAME,boo);
}

function boo(event:Event):void
{
_maru.x = mouseX;
_maru.width = mouseX*2;
_maru.height = mouseX*2;
}
}
}
//---------------------------------------

もしくは，
_maru.graphics.drawCircle(0,0,i);
のように 半径を i などで指定したい場合は
次のようにするのも１つの方法です。

//---------------------------------------
package
{
import flash.display.Sprite;
import flash.events.Event;

public class boin extends Sprite
{
var _maru:Sprite;

public function boin()
{
_maru = new Sprite();
_maru.x = 100;
_maru.y = 200;
addChild(_maru);

addEventListener(Event.ENTER_FRAME,boo);
}

function boo(event:Event):void
{
var i:Number = mouseX;
_maru.graphics.clear();
_maru.x = i;
_maru.graphics.beginFill(0xFF0000);
_maru.graphics.drawCircle(0,0,i);
_maru.graphics.endFill();
}
}
}
//---------------------------------------

これ↑はつまり
１フレーム進む時間ごとに毎回
マウスのx座標に応じた半径の赤●を
消しては描いて 消しては描いて…
という動作をずっと繰り返させるという方法です。

数式を用いたラインアート的なFlashなどで結構使われる方法です。

最初のスクリプトと２つ目のスクリプトとでは
プログラム上の動作内容は全然違いますが
見た目上の動作は全く同じように見えると思います。

また，見た目上同じであることを考えるだけなら
次のようにしても同じですけどね。。。

//---------------------------------------
package
{
import flash.display.Sprite;
import flash.events.Event;

public class boin extends Sprite
{
var _maru:Sprite;

public function boin()
{
addEventListener(Event.ENTER_FRAME,boo);
}

function boo(event:Event):void
{
if (_maru != null)
{
removeChild(_maru);
_maru = null;
}
_maru = new Sprite();
var i:Number = mouseX;
_maru.x = i;
_maru.y = 200;
_maru.graphics.beginFill(0xFF0000);
_maru.graphics.drawCircle(0,0,i);
_maru.graphics.endFill();
addChild(_maru);
}
}
}
//---------------------------------------

これ↑はあまりお薦めできませんが，
１フレーム進む時間ごとに毎回
マウスのx座標に応じた半径の赤●入りのスプライトを
削除しては作成し 削除しては作成し…
という動作をずっと繰り返させるという方法です。

お薦めはできませんが，
何か他のことをする際の可能性(１つの手)としては無きにしも非ずな方法だとは思います。

お礼

ありがとうございます。
丸が大きすぎたみたいです。すみませんでした。
毎回BlurFiltan様には本当に助けられています。
今回、補足にて再度ご質問させていただきましたが、
相変わらずの丁寧で豊富な情報でありがたいです。
是非またお願いします。

補足

早速のご回答ありがとうございます。
お手数ですが、以下二つの補足について、改めてご回答いただけませんでしょうか？

ご記述いただきました、２番目のプログラムをもとに
「オブジェクトが時間差で拡大縮小の変化が起こり、且つX軸のについてマウスを追跡する」ものを意図して下のもを記述しました。結果として、拡大縮小の変化は起こりますが、追跡は実行されませんでした。どの箇所が誤りと考えられますでしょうか？
.....................................................................................................
package
{
import flash.display.Sprite;
import flash.events.Event;

public class boin extends Sprite
{
var _maru:Sprite;
var addNumnerX:Number = new Number;

public function boin()
{
_maru = new Sprite();
_maru.x = 100;
_maru.y = 200;
addChild(_maru);

_maru.addEventListener(Event.ENTER_FRAME,boo);
}

function boo(eventobj:Event):void
{
var i:Number = mouseX;
_maru.x = _maru.x*0.7 + mouseX*0.195 + 0.005;
i = _maru.x;
_maru.graphics.beginFill(0xFF0000);
_maru.graphics.drawCircle(0,0,i);
_maru.graphics.endFill();
_maru.graphics.clear();
}
}
}
................................................................................
引き続きお願いします。
上記のプログラミングに「Y軸方向の追跡」（要するにステージ内全体）を追加しようと以下を記述しましたが、今回は表示すらされなくなってしました。（エラーは出ていません。）この場合はどのような変更を加えればよろしいでしょうか？僭越ではありますがよろしくお願いします。

package
{
import flash.display.Sprite;
import flash.events.Event;

public class boin extends Sprite
{
var _maru:Sprite;
var addNumnerX:Number = new Number;

public function boin()
{
_maru = new Sprite();
_maru.x = 100;
_maru.y = 200;
addChild(_maru);

_maru.addEventListener(Event.ENTER_FRAME,boo);
}

function boo(eventobj:Event):void
{
var i:Number = mouseX;
_maru.y = mouseY;
_maru.x = _maru.x*0.7 + mouseX*0.195 + 0.005;
i = _maru.x;
_maru.graphics.beginFill(0xFF0000);
_maru.graphics.drawCircle(0,0,i);
_maru.graphics.endFill();
_maru.graphics.clear();
}
}
}

以上よろしくお願いします。