うぇぶ作成の入門

ページによって背景を移動表示させる

2007-08-25T10:37:46+09:00

*ページによって背景を移動表示させる

波紋を作る

2007-08-25T15:12:08+09:00

*波紋を作るの非常に簡単に作成する事ができますので説明させて頂きます。 **作成ステップ ①　グラデーションで&color(#0000ff){内側をぼかし};た円形を作成 &br;②　上記①で作成した円形を&color(#0000ff){徐々に拡大しつつアルファ値を下げる};アニメーションをモーショントゥイーンで作成 &br;③　上記②で作成したモーショントゥイーンをタイミング(フレーム)をずらして配置

ムービークリップのフレームアニメーション再生・逆再生制御

2007-08-25T09:41:08+09:00

#highlight(ActionScript){{{ //順再生の処理 function normalPlayFunc () { this.onEnterFrame = this.normalPlayRoutine; } function normalPlayRoutine () { targetFrame = this._currentframe + 1; if (targetFrame >= this._totalframes) { delete this.onEnterFrame; targetFrame = this._totalframes; } this.gotoAndStop(targetFrame); } //逆再生の処理 function reversePlayFunc () { this.onEnterFrame = this.reversePlayRoutine; } function reversePlayRoutine () { targetFrame = this._currentframe - 1; if (targetFrame <= 2) { delete this.onEnterFrame; targetFrame = 2; } this.gotoAndStop(targetFrame); } }}}

ムービークリップのフレームアニメーションを一時STOP

2007-08-25T09:39:45+09:00

*ムービークリップのフレームアニメーションを一時STOPの #highlight(ActionScript){{{ function waitFunc(vol, str) { waitCnt = vol;myFunc = str; this.onEnterFrame = this.waitRoutine; } function waitRoutine() { waitCnt--; if (waitCnt <= 0) { delete this.onEnterFrame; this[myFunc](); } }}}

ムービークリップボタン操作

2007-08-25T09:37:53+09:00

*ムービークリップボタン操作 #highlight(ActionScript){{{ this.onRollOver = this.normalPlayFunc; this.onDragOver = this.normalPlayFunc; this.onRollOut = this.reversePlayFunc; this.onDragOut = this.reversePlayFunc; this.onRelease = this.clickFunc; function nextPageFunc () { _parent.nextPageFunc(); } function prevPageFunc () { _parent.prevPageFunc(); } function closeFunc () { _parent.fadeOutFunc(); } function normalPlayFunc () { this.onEnterFrame = this.normalPlayRoutine; } function normalPlayRoutine () { targetFrame = this._currentframe + 1; if (targetFrame >= this._totalframes) { delete this.onEnterFrame; targetFrame = this._totalframes; } this.gotoAndStop(targetFrame); } function reversePlayFunc () { this.onEnterFrame = this.reversePlayRoutine; } function reversePlayRoutine () { targetFrame = this._currentframe - 1; if (targetFrame <= 2) { delete this.onEnterFrame; targetFrame = 2; } this.gotoAndStop(targetFrame); } }}}

フェードイン・フェードアウト

2007-08-25T09:34:35+09:00

#highlight(ActionScript){{{ /*　初期設定値 Start*/ decel = 4; // フェードスピード定数 snap = 1; // 終点への許容範囲 /*　初期設定値 END*/ /* ムビークリップロード時には非表示とする　Start */ alp = 0; this._alpha = alp; this._visible = false; /* ムビークリップロード時には非表示とする　END */ function fadeInFunc(){ this._visible= true; mytarget = 100; //最終的なアルファー値 this.onEnterFrame = this.fadeRoutine; } function fadeOutFunc() { mytarget = 0; //最終的なアルファー値 this.onEnterFrame = this.fadeRoutine; } function fadeRoutine() { dist = mytarget - alp; alp += dist / decel; if(Math.abs(dist) < snap){ delete this.onEnterFrame; alp = mytarget; if(alp == 0){ this._visible = false; } } this._alp = alp; } }}}

Photoshop

2007-08-25T09:21:00+09:00

*Photoshop

ムービークリップを指定位置までモーション形式で移動させる

2007-08-22T04:12:39+09:00

*ムービークリップを指定位置までモーション形式で移動させる ** 考え方あるムービークリップの座標(x,y)をターゲットとなる座標(target_x,target_y)に問う減速運動で移動させる。 #highlight(ActionScript){{{ function movetargetFunc(target_x,target_y){ this.onEnterFrame = this.moveRoutine; } function moveRoutine(){ cons_speed = 5; //ターゲットに向かう速度定数 cons_accep = 3; //終着の許容範囲（ピクセル） this._x += (target_x -this._x)/cons_speed; this._y += (target_y -this._y)/cons_speed; if (Math.abs(target_x - this._x) <= cons_accep){ delete this.onEnterFrame; this._x = target_x; this._y = target_y; } } }}}

サムネイルでの表現

2007-08-22T03:37:20+09:00

*サムネイル&ディテールでの表現　写真などをサムネイル形式で表示させたい場合、Flashを使って様々な表現ができます。ここでは大まかな考え方を初めに解説後、細部の作成方法を解説していきます。 ***サムネイル&ディテールの考え方　大まかに分ければ以下の２つの機能で実現させる事になります。 +サムネイル機能&br;によって写真を一覧表示させる。サムネイル部分でクリックされた写真のIDなどをディテール機能に渡す。 +ディテール表示機能&br;サムネイル機能より取得した値を元に拡大写真を表示させる。サムネイル&ディテールでは、それぞれの機能を別々にまずは考えて構築していくと、効率良くFlashで作成する事ができます。

流れる線の表現

2007-08-22T03:29:54+09:00

*流れる線の表現　流れる線の表現方法を解説していきます。 &flash(http://www38.atwiki.jp/tomoweb/pub/line_02.swf,width=400,height=300,bgcolor=#000);