Webサイト制作科 - 作品紹介

Webサイト制作科 - 作品紹介

2011-07-01から1ヶ月間の記事一覧

減速スライド

減速スライド 基本形 var base:Number; var rate:Number = 5; this.s01_btn.onRollOver = function() { base = main_mc.ph01_mc._x; } this.s02_btn.onRollOver = function() { base = main_mc.ph02_mc._x; } this.s03_btn.onRollOver = function() { base =…

クロスフェード

Flashムービー PhotoshopのレイヤーをFlashのレイヤーにコンバート 各写真を「シンボルに変換」 時間を設計しながら「キーフレームの挿入」 モーションを設定 各レイヤーをクロス状態にずらしていく 必要があれば、ActionScriptを記述する Photoshopでの準備…

リップル(さざなみ)効果

合言葉は、ガチョーン! (1)新規ドキュメント作成 (2)背景色を変更 (3)文字を入力する (4)「修正」→「分解」 (5)「修正」→「タイムライン」→「レイヤーに分配」 (4)1文字づつ、「分解」→「シンボルに変換」 (5)キーフレームを挿入し、動きの…

Swiffy Extension for Flash Professional

Flash→HTML5 書き出されたHTMLドキュメント中のスクリプトを外部リンクにすればOK。(改変できないJavaScriptに書き出されます。)

マウスで演出(隠す・追尾)

Mouseクラス ムービークリップやボタンでイベントハンドラを使う Mouseクラスのイベントリスナーを使う マウスの位置(イベントハンドラ) 間違った書き方 onClipEvent (enterFrame) { _x = _xmouse; _y = _ymouse; } 「_xmouse」「_ymouse」は、このインス…

ドラッグ&ドロップで制御

マウスで押しながらムービークリップを動かす on (press) { this.startDrag(); } on (release, releaseOutside) { this.stopDrag(); } var box_mc:MovieClip; //イベントに関数を割り当てる box_mc.onPress = startMoving; box_mc.onRelease = stopMoving; /…

キーで制御

キーを押してムービークリップを動かす ボタンをマウスで押す変わりにキー操作でおこなう on(keyPress ""){ //キーコードが押された時の処理 } onClipEvent (load) { var keyMove:Number = 5; } on (keyPress "<Left>") { this._x -= keyMove; } on (keyPress "<Right>")</right></left>…

switch文

switchで枝分かれ switchとは 変数キーの内容によって、処理を変える記述です。 出力パネルには「BはBravoのB」と表示されます。 var key:String = "B"; var message:String; if( key == "A" ) { message = "AはAlphaのA"; } else if( key == "B" ) { messag…

条件の間繰り返す:while文

while文 条件の間何度も繰り返し実行する while( 繰り返しの条件 ) { 繰り返し実行する処理; } while文の基本ルール 繰り返しの条件を記述 var a:Number = 1; //数値型変数aを宣言し1をセット while( a <= 4) { trace(a); //aの内容を表示 a++; //aに1を…

同じ処理を繰り返す:for文

for文 同じ処理を何度も繰り返し実行する 「カウンタ」と呼ばれる変数を使って、「1回目」「2回目」と数えながら繰り返すことができる 繰り返す回数がわかっているときに使用する for( カウンタの初期化;繰り返しの条件;カウンタの増減 ) { 繰り返し実行…

数学関数

Numberオブジェクト 数値全般を表すNumberオブジェクト 変数に数値を代入したり、数値を扱った計算をおこなうとしたときに自動的に作成される Numberオブジェクト型の変数 n を自動生成して値に 15 を代入する n = 15; new演算子を使用して、明示的に作成す…

関数

関数(function)とは 西暦を昭和に変換するスクリプトを書きます 1975年は昭和何年? var showa:Number; showa = 1975 - 1925; trace("1975年は、昭和" + showa + "年です。"); しかし、この場合は「値」が変数の中に入っていて答えは決まっています。 すべ…

複雑なif文:理論演算子

条件を満たさないときの処理 「else文」を利用することで、条件を満たさないときにも特定の処理を行うことができます。 if( 条件式 ){ 条件式が「真」のときに行う処理 } else { 条件式が「偽」のときに行う処理 } 条件を満たさない場合、さらに条件分岐さ…

文字を表示する

テキストフィールド作成 以前に利用した「trace()」は、あくまでも実行状況の確認用です。 画面に文字を表示する場合は、「テキストフィールド」を作ります。 テキストフィールドを作る(ダイナミックテキスト) テキストフィールドに名前をつける プログラ…

匿名関数-スロット

イベントハンドラ 「イベントハンドラ」は、ムービー再生中に発生するイベントを感知する オブジェクトに命令する動作内容を自由に作ることができる「メソッド」の一種 onRelease オブジェクトがクリックされたとき〜する onRollOver オブジェクトの上にポイ…

匿名関数-写真ギャラリー

イベントハンドラメソッド(匿名関数) PhotoGallery (1)Photoshopで写真を準備する (2)ライブラリに読み込む オプションは、「レイヤーを次に変換:キーフレーム」 ムービークリップ内のタイムライン上に配置されます (3)必要があれば、「オニオンス…

ボタンで制御

ボタンからムービークリップを動かす (1)ボタンに動きのみを記述する ※間違った記述 on (release) { this._rotation += 10; } この記述では、ステージ全体が回転します。 (2)ムービークリップのインスタンス名を記述する on (release) { bear_mc._rotati…

if文を使った反転

反転の考え方 (1)右に移動 右端までは移動速度が代入され続け、右に移動します onClipEvent (load) { var speed:Number = 10; //移動速度 } onClipEvent (enterFrame) { _x += speed; } (2)ステージの右端まで移動 右端のX座標を指定 右端のX座標を上回…

条件分岐

条件を見つける 連続的にムービークリップを右に移動する 右端まできたら左端に移動する 条件:右端まできたら 処理:左端に移動する if文 if( 条件式 ){ 条件式を満たしおこなう処理 } 前回作成したファイルに追加していきます。 load と enterFrame どち…

if文

ifで枝分かれ ユーザーが入力したパスワードが正しかったらこの処理をさせ、間違っていたらこの処理をさせたいなど、ある判定の結果によって処理を枝分かれを作るときに「if」を使います。 if(判定したいこと) { 判定結果が正しいときにやりたい処理; 判定…

演算

演算(計算) プログラムの世界では、計算のことを演算と呼びます。 この段階では、「算数」の計算です。 「数学」の計算は「Mathクラス」を使っておこないます。 var a:Number = 10; var b:Number = 5; var c:Number = 2; var d:Number; 変数 d には、これ…

アルゴリズムの構築

「いつ」「何をするのか」 この場合、「連続的に」「ムービークリップが右に移動する」となります。 イベントハンドラ イベント 「いつ」を設定する部分になります。 ActionScriptでは「イベントハンドラ」という構造で、イベントでおこなう処理を管理します…

メソッド・プロパティとイベントハンドラ

メソッドとプロパティ クラスを構成するメンバーは「メソッド」と「プロパティ」 メソッド 「メソッド」は「動詞」に相当 オブジェクトに何かの動作を命令する働きをもったメンバー 単語の後ろに「( )」がついている gotoAndStop( ) ムービークリップのタイ…

変数

変数:Variable 「変数」とは、何らかの値を代入して保存しておくもので、必要なときに自由に作ることができます ダイナミックテキストフィールドにテキスト内容を表示するために、情報を保存しておく ユーザーが入力したテキスト内容をサーバーに送信するた…

イベントと処理

イベント(いつ) ActionScriptは「イベント駆動型」といわれるプログラム言語のひとつ なんらかのイベントが発生したとき「一連のアクション」が実行されるようになっている イベントが発生したタイミングで何かの処理を実行したいときには「イベントハンド…

時間の制御

イラストを描く Illustratorでの作業 Flashにコピー&ペースト シンボルに変換 制御:停止 Flashは「自動再生」が基本です。ですから、「止める」設定がされていない場合、繰り替えし再生し続けることになります。 「タイムライン」パネル「1」フレームを選…

オブジェクトと配列

オブジェクト指向 Object(もの) プログラムの中で使うデータなどの「もの」を主体にした考え方 クラスとオブジェクト 「データの本体」と「データを操作するための手続き」を1つのまとまり「クラス」として管理します 言い換えると「クラス」には、オブジ…

ActionScriptとは

ActionScriptとは ActionScript(アクションスクリプト)とは、アドビシステムズ社の製品であるFlashに使用されるプログラミング言語 ECMAScript(ECMA-262)を拡張したスクリプト ActionScriptでできること タイムラインに関係なく動くアニメーションを作る …

Flash:動きと変化をつくる

動きの受け取り方 TV・映画のような動画から得られる情報(受動的) インターネット(Web)から得られる情報(能動的) 閲覧者にとって意味のない動きは、敬遠される アニメーション アニメーションの最初と最後のフレームにキーフレームを挿入 それぞれのキ…

Flash:基本操作と考え方

描画のポイント 鉛筆ツールのオプション ストレート スムーズ インク というオプションがあります ストレートやインクで線を描くと、描き方によっては少しガタガタした線になってしまうことがあり、ガイドレイヤーの線として描くと思い通りの動きにならない…