トップへ戻るニュースフォーラムFLASH-ML 過去ログBak@Flaダウンロードよくある質問と答
ログイン
ユーザ名:

パスワード:


パスワード紛失

新規登録
メインメニュー
メイン
   とにかくFLASH【FLASHに関して全般】
     動的な線の描画
投稿するにはまず登録を

フラット表示 前のトピック | 次のトピック
投稿者 スレッド
mayor
Åê¹ÆNo.23068
投稿日時: 2006-1-23 20:59
ちょんまげら
居住地: 東京砂漠
投稿: 4403
使用環境:
Re: 動的な線の描画
4scandalsのサイトのトップにある徐々に消えていく線を
作りたいと色々試しているのですがうまくいきません

「4scandalsのサイトのトップ」とだけ書かれても、
どこのサイトか分かりづらいですね。
URLを示していただけると分かりやすいと思いますが。
http://www.4scandals.com/

明確な根拠はありませんが、lineTo を使っているような気がします。

引用:
複製による方法で、あるサイトにあったサンプルを参考に似たような物は
出来たのですが、MCの間が空き、一本の線に見えません

お作りになっているムービークリップ自体がどのようなものか
分かりませんので、原因はちょっと分かりづらいですね。


とりあえず、マウスを追尾して描画するようなものを作りました。

サンプル1

target というムービークリップがマウスを追尾して、
そこにマウスの座標を記録して、lineTo で描線するというようにして、
描線したムービークリップは、
アルファが 0 になった時点で、removeMovieClip しています。

_root 第1フレームに
this.createEmptyMovieClip("target", 1);
target._x = Stage.width/2;
target._y = Stage.height/2;
target.lineNum = 0;
target.onEnterFrame = function():Void {
	this.xPos = this._x;
	this.yPos = this._y;
	this._x = _xmouse;
	this._y = _ymouse;
	this.lineNum ++;
	drawLine(this);
};
function drawLine(target_mc:MovieClip):Void {
	var lineNum = target_mc.lineNum;
	this.createEmptyMovieClip("line"+lineNum, lineNum+1);
	var line_mc = this["line"+lineNum];
	line_mc.lineStyle(1, 0xFFFFFF);
	line_mc.moveTo(target_mc.xPos, target_mc.yPos);
	line_mc.lineTo(target_mc._x, target_mc._y);
	line_mc.onEnterFrame = function():Void {
		this._alpha -= 2;
		if (this._alpha <= 0) {
			this.removeMovieClip();
		}
	};
}
と記述。

で、この target の動きを変化させてやれば、
マウスの動きから少しズレた動きができると思います。

サンプル2

	(前略)
var deceleration:Number = 0.1;
target.onEnterFrame = function():Void {
	this.xPos = this._x;
	this.yPos = this._y;
	this._x += (_xmouse - this._x)*deceleration;
	this._y += (_ymouse - this._y)*deceleration;
	this.lineNum ++;
	drawLine(this);
};
	(後略)


target の動きについては、
指定座標に減速しながら近づくMC。
バネ運動について
などが参考になるでしょう。


あと「アカウント編集」の使用環境で「, (カンマ)」のあとに
半角スペースを入れてもらえると見やすくなるんですが。


----------------
質問する際は、回答者に具体的な情報を与えてください。

フラット表示 前のトピック | 次のトピック

題名 投稿者 日時
   動的な線の描画 surou 2006-1-23 17:48
   » Re: 動的な線の描画 mayor 2006-1-23 20:59
       Re: 動的な線の描画 surou 2006-1-23 22:18
         Re: 動的な線の描画 mayor 2006-1-23 22:26
           Re: 動的な線の描画 SeeDa 2006-1-24 10:11
             Re: 動的な線の描画 kkk01 2006-1-24 12:30
     Re: 動的な線の描画 surou 2006-2-19 2:16

投稿するにはまず登録を
 
Copyright (C) 2003 FLASH-japan. All rights reserved.
Powered by Xoops