はてなブックマーク

• あとで読む

  FLASHのお勉強_FLVPlaybackカスタマイズによる動画プレイヤー（as3.0＆2.0）_アクションスクリプトaction script

  6 users

  www.flashiroha.com

  ●324*282、背景色黒のステージ（12fps）を設定する。 ●ステージにコンポーネントウインドウのvideoフォルダからFLVPlaybackをドラッグ&ドロップし（2.5,2.5）に配置する。　インスタンス名をｍｙPlayerとし、コンポーネントインスペクターを開き、skinで「なし」を選択する（スクリプト中にmyPlayer.skin=null;　と記述してもよい）。 ●FLVPlaybackの下に、コンポーネントウインドウから、PlaypauseButton、SeekBar、MuteButton、VolumuButtonをD&Dで適当な大きさに配置し、それぞれのインスタンス名を、playpauseBtn, skBar, muteBtn, volBarとする。　背景色、ボタン、バー類の色を、プロパティータブのカラー効果やブレンドで好みに設定する。 ●FLVPlayback画面の中央

  • 学び
  • 2010/02/25 18:55

  • flash
• あとで読む

  FLASHのお勉強_複数動画のサムネイル表示とそのクリックによる動画選択・再生（as3.0＆2.0）_アクションスクリプトaction script

  4 users

  www.flashiroha.com

  ●470*350、背景色好みのステージ（12fps）を設定する。 ●ライブラリーにコンポーネントウインドウのvideoフォルダからFLVPlaybackをドラッグ&ドロップする。 使用するFLVPlaｙbackのskinを決め（一度FLVPlaybackをライブラリーからステージにドラッグして表示させ、コンポーネントインスペクターのskinの項目をクリックして好みのスキンを選び、skinのｓｗｆファイル名を記録しておき、ステージ上からPlaybackを削除する）、skinファイルが格納されているフォルダーから選んだskinのswfファイルをコピーして、メインのswfファイルを保存するフォルダに格納する。skinファイルは、サーバーにアップロードするときに一緒にアップロードする。 skinが格納されているフォルダ： CS3： C:\Program Files\Adobe\Adobe Flas

  • 暮らし
  • 2010/01/31 22:33

  • flash
  • video
• あとで読む

  FLASHのお勉強_TransitionManagerクラスを使ったスライドショー_アクションスクリプトaction script

  4 users

  www.flashiroha.com

  ●340*340、背景色黒のステージ（24fps）を設定 ●同じディレクトリのimgフォルダに、300*300の７枚の写真（p1.jpg,p2.jpg,,,,p7.jpg）を格納しておく。（size、枚数は随意) import fl.transitions.*; import fl.transitions.easing.*; import flash.utils.setInterval; //写真総枚数 var picTotal:Number=7; //transitioタイプ、イージングクラスを配列で定義 var transition:Array=new Array(Blinds,Iris,Photo,PixelDissolve,Zoom,Fly,Squeeze,Wipe); var easetype:Array=new Array(Back,Bounce,Elastic,Regular

  • 暮らし
  • 2009/07/13 00:26

  • flash
• あとで読む

  FLASHのお勉強_アクションスクリプトaction script_displacementMapFilterを使ってみる

  3 users

  www.flashiroha.com

  DisplacementMapFilterを使うと、画像や文字が揺れたり、立体的な球が回ったりという例をよく見かけるが、どうもこのフィルターの使い方というのは難しいと言うか、ピンとこないと言うか、とにかく解説しているWebページを読んでもわかったと言う実感がわかない（もちろんこちらの頭がついていけないから）。　そこで、何とかこのフィルターを使った効果を実感してみようと言うのが今回のお勉強である。 確かに、このクラスの原理を説明しようとすると、とても説明しにくい。　数学的な処理で画像に変形をおこすのであるが、数学的に説明されても理解しにくいし、かといって、数学抜きでは説明のしようがない。　そこで、こういった説明は他のサイト（ネットで検索すればいくつか見つかる）にまかせることにして、ここでは、体感的に理解すると言うか、感じることにしたい。 まずは原理めいたことを少し ある画像（BitmapDa

  • 学び
  • 2009/06/05 14:19

  • Flash Flex 関連
  • AS3
  • Flash
• あとで読む

  FLASHのお勉強_モーショントゥイーンmotiontween_写真の出し入れ（４）

  4 users

  www.flashiroha.com

  今回は、ブラインドが開閉する感じを出したスライドショータイプの出し入れである。　画面を8分割した大きさの短冊を順番にアルファ値を変えながら動かすことによって、写真を消したり、現したりするものである。 以下に作成手順を示す。入門間近の人にも分かるように、かなり長々とした説明になっているが、実際の操作はそれほど大変なものではない。 （1）ステージの準備 ●w220、H220、背景色黒、12ftpのステージを設定する ●w200、H200の写真（rose1，，，rose5）を5枚ライブラリーに読み込む ●ステージ中央にrose１をライブラリーからドラッグしてドロップする (2)ブラインド用矩形の作成 ●メニューで「挿入」「新規シンボル」でsliceと言う名のムービークリップを作成 ●編集画面で、＋印が中心になるようにW200、H25の白色矩形を描く ●メニューで「挿入」「新規シンボル」でblin

  • 暮らし
  • 2009/03/02 17:12

  • FLASH
  • 写真
• あとで読む

  FLASHのお勉強_アクションスクリプトaction script_移動の停止

  6 users

  www.flashiroha.com

  動いているオブジェクトを停止させるとき、ふわーっと止めたり（減速･イージング）、バネ仕掛けのように弾んで止めたりすることが出来るがそれについてのお勉強である。 減速しながら止める （１）、（２）節でオブジェクトを移動させてきたが、いずれの場合も、ｘあるいはｙの値を一定量変化させていた。　すなわち、x+=5; のように、1フレームあたり5ピクセルずつ増加させる設定である。　減速しながら止めるには、時間が経つにしたがって変化量を小さくさせなければならない。　これには、移動体のｘ（ｙ）座標と移動先座標（目標位置）との差を変化量とする手法を使う。　近づけば近づくほど変化量は小さくなるから、ゆっくり近づくことになる。　この変化量は加速度とみなすことが出来、加速度がだんだん減少する、すなわち減速することになる。　これを、ｘ座標だけで書くと、 this._x += (a - this._x) / b と

  • 学び
  • 2008/12/05 16:59

  • actionScript
  • study
  • 勉強
  • Flash
• あとで読む

  FLASHのお勉強_アクションスクリプトaction script_重複しない乱（整）数の発生とムービークリップの整列

  3 users

  www.flashiroha.com

  1～9の数字を記述した正方形を、ステージ上のランダムな位置に配置し、ボタン操作で、3列3行に整列させる。　（正方形の数や、列数、行数は任意）　この整列させるときに、正順、降順に並べるのに加えて、ランダムな位置に配置させてみた。　この最後の配置には1～9までの整数を重複なしにランダム（乱）発生させなければならない。　この方法を、Web上で検索してみると、結構見つかるが、すっきりしたものがなかなかない。　この中で、整数を配列として扱い、spliceというコマンドを使う方法がいくつか紹介されていたので、これを参考に、重複しない乱整数を発生させ、配列として返す関数を作った。 フォトギャラリーなどでサムネイルを乱整列させるときなどに使えそうである。　ここでは、幼稚な作例ではあるが、顔当てクイズみたいなものを紹介する。 <ステージの準備> ●380*420、背景色黒、12fpsのステージを設定し、ステ

  • 学び
  • 2008/12/02 12:37

  • actionscript
  • Flash
• あとで読む

  FLASHのお勉強_アクションスクリプトaction script_FLASHによるフォームメール(cgiのsendmail使用)

  3 users

  www.flashiroha.com

  cgi を使わないで、メーラーを立ち上げるタイプのフォームメイルについて、前回、前々回お勉強したが、今回は、メールを送るところだけcgi のsendmailを使うタイプのお勉強である。　メールソフトを使わないで、Webメールを使用している人も増えてきたので、できたら、cgi やｐｈｐなどを使ってsendmail機能を働かせたほうがベターである。 FLASHで記入漏れチェックやemail などの書式チェックまでやる意義がどれほどあるか、効果のほどははっきりしないが少なくともメール発信まではサーバーとやり取りしなくてもいいと言うメリットはあるはずである。 sendmailに使うｃｇｉはしたがって非常にシンプルなもの（デコード処理とメール送信）でよく、ここで使用したものは、一般に世の中で使われているスクリプトを参考に作成した。 ｃｇｉの内容、及び、ダウンロードは、「ＦＬＡＳＨとＣＧＩとのやりとり

  • 学び
  • 2008/11/30 00:54
• あとで読む

  FLASHのお勉強_モーショントゥイーンmotiontween_直線移動

  3 users

  www.flashiroha.com

  ＦＬＡＳＨの最大の魅力と言えば、写真やその他の画像がスクリーンの右や左に移動しながら現れたり、消えたりと言う、いわゆるアニメーションにあると言えよう。　ＤＲＡＷソフトとしても特徴のある面を持っていて、それなりに興味があるが、その方は他のサイトを参照願うことにして、ＦＬＡＳＨを志す者の最大の関心事モーショントゥイーンをお勉強の１にしたい。 ステージ（キャンバスのこと）に描いた円形のボールが、左から右に移動する。　これだけがお勉強 １のテーマである。　しかし、これだけのことで多くの人が悩まされているのである。　うまくいったと思えば、次はうまくいかない。　なぜだ？　本屋で立ち読みしてみると、本によってさまざまな手法が書いてある。　シンボルだインスタンスだそれなんだ。　頭の中が整理つかないまま、ごまかしごまかし何とか使ってみる。　そのうち、アクションスクリプトなるものを使わないとさまにならないこと

  • テクノロジー
  • 2008/11/26 13:53

  • Flash
  • Web制作
  • mobile
• あとで読む

  FLASHのお勉強_アクションスクリプトaction script_FLASHでスロットゲーム

  4 users

  www.flashiroha.com

  ●250*160、背景色黒のステージ（48fps）を設定 ●デザインは好みでよいが、ここでは、数字が流れる窓三つと、その下にストップボタン、右に、スタートボタンを配した。 インスタンス名は、スタートボタンは start_btn 、ストップボタンは、stop1, stop2, stop3 とした。 ●マスク用矩形（30*60）を作成し、リンケージ名を mask としてライブラリーに格納しておく。 var tfFormat1 = new TextFormat(); var tfFormat2 = new TextFormat(); tfFormat1.font = tfFormat2.font="Impact"; tfFormat1.size = tfFormat2.size=36; tfFormat1.color = 0x000000; tfFormat2.color = 0xff0000;

  • 世の中
  • 2008/11/18 18:57
• あとで読む

  FLASHのお勉強_モーショントゥイーンmotiontween_反転

  4 users

  www.flashiroha.com

  変形の一種「反転」は使いようによっては面白い動きを作ることが出来る。　基本的には、縦、あるいは、横方向が逆になるだけなのだが、これを連続的に動かすと３Dタイプの回転が得られる。　また、他の動きと組み合わせることによりいろんなエフェクトを作ることが出来る。　ここでは、基本的なアニメーション作りの勉強を進める。 ３Dスピン(回転) 横反転、あるいは、縦反転を設定してトゥイーンを作成し、それを連続再生すると、３次元的に回転しているように見える。　しかし、反転を１回のみ設定して繰り返し再生すると、下の左側に示した例のように、裏側に向いてきた画像が表画像に反転してまたアニメーションが始まるようになる。　そこで、２回続けて横反転させると、右例のような自然なスピンが出来上がる。　右例の作成方法を説明する。 （１）ステージに画像を読み込み配置する （２）FRAME1で右クリック「モーショントウイーンを作成

  • 世の中
  • 2008/10/31 18:00

  • flash
• あとで読む

  FLASHのお勉強_アクションスクリプトaction script_FLASHフォトビューアー4

  3 users

  www.flashiroha.com

  枚数の多い写真をビューアーで見せたいときに、サムネイルが画面からあふれてしまうことがある。　こんな時に向いている、サムネイルをスクロール可能にするタイプのビューアーが今回のお勉強である。　さらに、拡大写真が表示されたときに、順送りで写真を表示できる機能も付与した。　actionscript 2.0 で作成 ●550*400、背景色黒のステージ（12fps）を設定 ●x=500の位置に、インスタンス名 up_btn、down_btn の二つのボタンを配置し、その間に、スライドバー bar を配置 (スライドバーの長さは、37.5、移動用ガイド矩形の長さは、240） ●以下のムービークリップ（基準点左上）を作成し、ライブラリーに格納する ・サムネイル読み込み用の矩形ムービークリップ（60*45、リンケージ名 cell ）　色は任意 ・拡大写真読み込み用矩形ムービーークリップ（大きさ、色適当、リ

  • 世の中
  • 2008/10/03 21:19
• あとで読む

  FLASHのお勉強_アクションスクリプトaction script_SLOT(スロット)型　「おみくじ」

  5 users

  www.flashiroha.com

  サイトに「軽いお遊びを」と言う方向きに「スロット型おみくじ」の作成を勉強しようと思う。　大吉から大凶まで１０種類の運勢が上から流れ落ちてくるのを、ボタン操作で止めて占うというもので、出てくる運勢の順番を変えていないので、タイミングを計ってクリックすると「大吉」で止められるというシンプルなものである。　運勢の数を増やしたり、スタートのつど順番をランダムに変えるなどの工夫を凝らせばもっと複雑なものとすることができよう。 大吉で止まると、簡単なお祝いの図柄が出るようにしているが、このあたりも工夫次第である。 （actionscript2.0で作成） ＜ステージの準備＞ ●150*150、48ｆｐｓ、背景色（好みで）のステージを設定 ●画面中央上部に運勢表示用窓の矩形を描く ●表示用窓の中央に、ダイナミックテキストボックス（枠線なし、マルチライン）を配置（インスタンス名 msg) ●大吉で止まると

  • 世の中
  • 2008/07/24 01:19

  • ActionScript
  • flash
  • サンプル
• あとで読む

  FLASHのお勉強_アクションスクリプトaction script_FLASH/php連携による簡易掲示板（BBS）

  4 users

  www.flashiroha.com

  先にFlashとphpの連携による日記について学んだが、今回は、簡易掲示板である。　本格的な掲示板をFlashで作成する機会は少ないと思うが、フルFLASHのサイトの一角に取り付ける場合には重宝するかもしれない。 FLASHでBBSを作成する利点には、好みのデザインで表示することができる（気が向けば何らかの動きのある表示も採用できる）こと、フルFLASHのサイトからまったく違ったデザインのBBSページに飛ばさないですむこと、html/php(cgi)組み合わせのBBSに比べてロボットによる荒らしを受けにくい（と思う？）ことなどがあげられる。 今回紹介するものは、表示を2行・8アイテム・5ページに、1アイテムの入力を100文字に限定しているが、もちろんこれは自由に設定できて、制限があるものではない。　用途によっては、もっと小型にすることも可能である。 私は、html/php(cgi)も含めて

  • テクノロジー
  • 2008/07/17 09:08

  • PHP
  • ActionScript
  • flash
• あとで読む

  FLASHのお勉強_アクションスクリプトaction script_BitmapDataクラスを使って画像をスライス

  6 users

  www.flashiroha.com

  画像をいくつかの部分に切り分ける（スライスする）には、一般にはFireWorks などの画像処理ソフトを使うが、FRASH のスクリプトで切り分け、そのままスライスをムービークリップとして扱えればいろいろ面白いことが出来そうである。 ということで、今回は、BitmapData クラスを使ったお勉強である。　このクラスを使って、画像をビットマップデータとして読み込むと、ぼかしを効かせたり、フィルターをかけたりして、楽しめるようである。　ここでは、写真をスライスに切り分けそれぞれに独立してアクションをかけられることを確認することにする。　その一例として、スライスそれぞれをランダムな４方向に回転させて登場させ（全体では何の写真か分からない）、それを正規の位置に戻すと一枚の写真になると言う一連の動作である。 左の写真は、４列×３行にスライスされている。　ロールオーバーでアルファ値が変わるようにして

  • 暮らし
  • 2008/04/30 16:23

  • flash
• あとで読む

  FLASHのお勉強_アクションスクリプトaction script_ランダムモーション

  3 users

  www.flashiroha.com

  FLASHでよく使われるスクリプトに乱数を発生させる Math.randaom() がある。　これを使うと０から１までの擬似乱数が発生する。　要するに、無作為に、あるいは、でたらめに数値が発生することになる。　このままだと、1以下の数値が発生することになるので、整数値を得るために、Math.floor(Math.random()*9)+1 などとすると、1から10までの乱数が発生する。　ここで、MAth.floorは小数点以下を切り捨てるので、前項は０から９までの整数値を返す。 この乱数の発生は、さまざまなモーションに使われる。　たとえば、インスタンスの位置、大きさ、色や移動の方向、スピードなどなどを無作為に変化させる場合などに使われる。　ここでは、段階を追いながら、位置、色、方向などに乱数を発生させた例を勉強することにしたい。 １．位置無作為にインスタンスを発生させる。 ３００×２００の

  • 学び
  • 2008/04/12 16:33

  • flash
• あとで読む

  FLASHのお勉強_アクションスクリプトaction script_FlashLite でデジタル時計

  3 users

  www.flashiroha.com

  私事になるが、ケータイは通話と簡単なメールぐらいにしか使わない。　それと時計代わりである（腕時計をするのが嫌い)。　しかし、手放せない。　持つのを忘れて出かけたりすると不安を感じる。　最近電車に乗る機会が増えると、つい携帯を取り出したくなる。　Webで何かを見るのはまどろっこしい。　それで、家族の写真や山で撮った写真を見ては楽しんでいる。　何枚かの写真をボタンで切り替えて見たいと思ったのがケータイFLASHに取り組もうと思ったきっかけである。 今回のお勉強は、まず定番の時計である。　時計はそもそも最初から付いているし、Webを探せばいくらでも気の利いたものが手に入る。　しかし、自分手作りの画面をFLASHで作るのも面白そうである。　ケータイFALSHの入門としてもいい材料と思える。　と言うのが第1回のテーマにした理由である。 ところが、取り掛かってみると、ＦｌａｓｈＬｉｔｅ1.1対応では、

  • おもしろ
  • 2008/03/27 12:40

  • actionscript
  • 携帯
• あとで読む

  FLASHのお勉強_アクションスクリプトaction script_FlashLite2.0 でスライドショー

  4 users

  www.flashiroha.com

  今回のお勉強は、画像の外部ファイルをボタン操作で順番に表示させるタイプのスライドショーである。　Flash自体に写真を読み込むタイプだと、何枚もの写真を見せようとするとファイルサイズが大きくなってしまい、特に携帯では重くなりすぎてしまう。　そこで、外部ファイルを読み込み表示させた後ボタン操作で、次のファイルを読み込む方式にした。　このようなことを、FlashLite1.1でやるときのスクリプトが分からないので、今回もFlashLite2.0対応とした。（難しいLite1.1対応のスクリプトをものにしました。（4）「FlashLite1.1でスライドショー」を参照下さい。） 外部ファイルの枚数が何枚あろうとも（連番で)、最後の画像表示が終わったら、1枚目に戻って再生できるようにスクリプトを書き上げ、FLashLite2.0でパブリッシュできた（スタンドアローンのプレビューではうまく再生できた

  • 世の中
  • 2008/03/21 18:22

  • flash
  • actionscript
  • ケータイ
  • 携帯
• あとで読む

  FLASHのお勉強_アクションスクリプトaction script_フォーム用コンボボックスの動的作成(as3.0)

  3 users

  www.flashiroha.com

  本サイト「(51) フォーム用テキストフィールドの動的作成」で、入力チェック付テキストフィールドの作成について解説したが、本稿は、コンボボックスの作成である。　コンボボックスの項目、配置座標、大きさなどを指定するｓｗｆファイルと、それらを引数とするコンボボックス作成と選択された項目を返すクラスファイルの組み合わせで構成されるコンボボックスの作成スクリプトである。 確認ボタンをクリックすると、選ばれている項目が表示用テキストフィールドに表示されるまでを作成する。 ステージの準備 ●400*200のステージを設定、背景色や枠を入れるかどうかなどは好みによる ●ライブラリーにコンポーネントウインドウからコンボボックス（ CombpBox ）をドラッグしドロップしておく ●選択された項目を取得し、確認するためのイベントボタンを画面右に配置し、インスタンス名を kakunin としておく impor

  • 学び
  • 2008/03/15 12:25

  • flash
• あとで読む

  FLASHのお勉強_モーショントゥイーンmotiontween_写真の出し入れ（１）

  8 users

  www.flashiroha.com

  Flashでのサイト作りに欠かせないのが、写真や画像の動きのある移動、登場、退場である。　ここまでに勉強したモーショントゥイーンの応用、組み合わせでいろんなシーンが作成できると思うが、ここで、移動・フェイドイン・回転などのエフェクトを組み合わせた場合を復習を兼ねて勉強してみようと思う。　ここで示すのは、基本的な例であって、これらを基本に多彩な動きを演出していただければと思う。　私に寄せられたメールには入門段階の人が多いことを考え、一から解説するよう心がけるつもりである。 ｗ400、ｈ300、背景色黒のステージを設定する。フレームレートはここでは12とするが、きびきびした動きが出したいときは、30などの高いレートにした方がよい。　メニューの「ファイル」「読み込み」でステージに２枚の写真（ｗ250、ｈ188）を読み込み、それぞれをシンボルに変換、名前を付け、ステージから削除する（ライブラリーに

  • 世の中
  • 2008/03/15 10:47
• あとで読む

  FLASHのお勉強_アクションスクリプトaction script_画像枚数読取り型スライドショー

  12 users

  www.flashiroha.com

  今回のスライドショーは、自動再生と次へ・戻るのボタンイベント再生を組み合わせたベーシックなものであるが、再生する画像を画像フォルダに連番で入れておけば、その枚数をカウントして再生するタイプである。　したがって、サーバーにアップロードした後でも、ｓｗｆファイルの更新をすることなく、枚数にとらわれず入れ替えたり、増減させたりすることが可能になる。 また、画像表示のタイミングで、ランダム八方向から画像がスライドして登場するするような趣向を施した。 ●w520、h400、24fpsのステージを設定し、背景色を黒とする。 ●画面左下部にスライド番号（current_num）、総スライド数（total_num）を表示するダイナミックテキストボックスを設置する（カッコ内はインスタンス名） ●画面中央下部に戻るボタン（back_btn）、次へボタン（forward_btn）を左右に、中央に、自動再生用のp

  • テクノロジー
  • 2008/03/08 02:33

  • スライドショー
  • ActionScript
  • Flash
  • XML
  • サンプル
  • Web制作
• あとで読む

  FLASHのお勉強_アクションスクリプトaction script_xml

  5 users

  www.flashiroha.com

  ここでは、SAMPLEに用いたｘｍｌ ファイルの内容と、そのデータをFLASHにロード（load、読み込み）する手順について解説する。　ｘｍｌ についての詳細は、詳しく解説しているサイトがたくさんあるのでそちらを参照されたい。 <?xml version="1.0" encoding="utf-8"?> <Photos> <picture image="img/pic1.jpg" p_width="475" p_height="240">白峰三山</picture> <picture image="img/pic2.jpg" p_width="320" p_height="240">薬師岳</picture> <picture image="img/pic3.jpg" p_width="320" p_height="240">観音岳</picture> <picture image="im

  • テクノロジー
  • 2008/01/30 13:43

  • xml
  • サンプル
  • flash
• あとで読む

  FLASHのお勉強_アクションスクリプトaction script_FLVPlayback(as3.0)で動画（ビデオ）を見せる

  12 users

  www.flashiroha.com

  複数の動画（外部ｆｌｖファイル）をコンボボックスで切り替えて再生させると言うようなVideoプレイヤーをFLVPlayback（as3.0)を使って作成してみることにする。　MediaPlaybackやmediaDisplayを使った動画再生方法については、既に勉強しているので、ここでは、FLVPlayback（as3.0)を使ってみようと思う。　自前でSKINを作ることもできるが、いくつかのSKINが用意されているのでこれをそのまま使うことにする。 なお、自動で連続的に再生を行い、全部再生し終わったら最初の動画から再生を繰り返すタイプのものも作成してみたので、これについても解説したい。　このタイプもFLVPlaybackを使うが、skinは使わず、VideoPlayerクラスを使う。 ●320*200、背景色青（好みの色）のステージ（12fps）を設定 ●コンポーネントウインドウからCo

  • 世の中
  • 2008/01/19 22:18

  • actionscript
  • flv
  • flash
  • as3
  • *webdesign
  • 動画
• あとで読む

  FLASHのお勉強_アクションスクリプトaction script_ｍｐ３プレイヤー

  6 users

  www.flashiroha.com

  FLASH画面にｂｇｍなどのミュージックを流すケースが多々見受けられる。　うるさいと感じる場合もないことはないが、画像の変化や流れを躍動感を持って見せるのに有効である。　今回は、画面上で、音量、左右バランスのコントロールや、プレイ、ポーズ、ストップなどの操作が可能なプレイヤーを作成することとしたい。　本格的なプレイヤーとはいえないが、Flashムービーの補助的役割に使うのには十分と思える。　なお、streaminngや再生の経過表示、volumeの数値表示、曲目選択表示などの機能は、いずれまた、勉強材料にと思っている。 プレイヤーのｓｋｉｎ プレイヤーのvolume調節用スライダーや、プレイ、ストップボタンなどを配置するのに、ここでは、Fireworksを使って作成した。　細かい作成方法は省略するが、自分なりのｓｋｉｎを作るのも楽しみの一つである。　ここで作成したものは、それほどさえた出来

  • 世の中
  • 2008/01/14 03:35

  • sound
  • actionscript
  • Flash
• あとで読む

  FLASHのお勉強

  92 users

  www.flashiroha.com

  日本語の文章をブラウザで表示させるとき、縦書のほうが趣が出る場合があります。　例えば今回ここに示すものは、短歌です。　as3.0のTLFテキストを使えば、スクリプトで縦書き表示することができるので、今回はそのお勉強をすることにいたします。 応用編「縦書文字がだんだん見えてくる」を参照ください。 先に、「(42) BitmapData.copyChannelを使って画像に透明グラデーション」でグラデーションによる透過を勉強しましたが、今回は、スクリプトによるグラデーションマスクを使った透過を応用したスライドショーの作成です。　このトランジション効果は、ボタン操作による画像切り替えにも応用可能です。 活用編　「グラデーションマスクを使ったスライドショー（as3.0）」を参照ください。

  • テクノロジー
  • 2007/10/25 18:00

  • flash
  • actionscript
  • *flash
  • 勉強
  • web制作
  • 学習
  • tips
  • 講座
• あとで読む

  FLASHのお勉強_アクションスクリプトaction script_波紋　（外部ファイル、クラスの使用）

  5 users

  www.flashiroha.com

  今回のお勉強は、定番の波紋。　通常、透明の波紋を描くときは、虫眼鏡の要領で倍率の違う写真を重ね合わせて、波紋をマスクにしてトゥイーンを掛ける方法を使うが、ここでは、ver.8で使えるようになったフィルター機能のベベルを使って、盛り上がった波紋状の楕円を描き、これをかなり透明にしてトゥイーンを掛ける方法を試みる。 なお、今回は、波紋の動きのクラスを外部ファイル（.as）で作成し、これをタイムラインで呼び出すスクリプトとした。　クラスをわざわざ作るほどのプロジェクトではないのだが、こういう方式を勉強する手始めとしては丁度いい材料に思える。　このお勉強を機に、後で見ても分かりやすいスクリプトを心がけて書く癖がつくとよいのだが。 ステージの設定・及び準備 （１）w500､h375のステージを設定する。 （２）背景となる写真(画像)をステージいっぱいに配置する。 （３）楕円ツールでステージに、ｗ40

  • 暮らし
  • 2007/10/04 15:50

  • Flash
• あとで読む

  FLASHのお勉強_アクションスクリプトaction script_ランダムモーション（３）　雪が降る

  9 users

  www.flashiroha.com

  ランダムモーションの第3弾は、これまたFLASHの定番、雪の降る動きである。　雪の降る動きを表現する方法としてはいろいろあるようだが、ここで使った表現方法は、 （１）雪をステージに描くときに、深度をランダムに設定し、深度が小さいほど（下層にいくほど）、アルファー値を小さくして遠近感を出す工夫をした。 （２）雪の大きさをランダムに、発生する場所を画面上部全域にランダムに発生させた。 （３）落下速度をランダムに設定した。 （４）横方向の動き（揺らぎ）をcos関数で表現し、周期（振幅の長さ）をランダムに変化させた。 雪の作成 ３５０×２５０のキャンバス（色：#999999）内に雪の粒（白色、5×5pix）を描き、シンボルに変換、インスタンス名をsnowとする。　リンケージプロパティーで識別子をsnowに、「actionscriptに書き出し」にチェックを入れる。　ここでは、雪を描くのに、２０角星

  • 暮らし
  • 2007/09/12 01:26
• あとで読む

  FLASHのお勉強_アクションスクリプトaction script_BitmapData.copyChannelを使って画像に透明グラデーション

  3 users

  www.flashiroha.com

  画像（写真）そのものの透明グラデーションが出来れば面白いかなと思い、BitmapDataクラスのcopyChannelを使った方法を勉強することにした。　方法としては、透明グラデーション（線状、放射状など）をFLASHやFireworksなどのソフトを使って作成し、アルファチャンネルをもったPNGとして保存する。　このアルファチャンネルのデータを別の写真にコピーするのだが、直接写真のBitmapDataにコピーすることが出来なかったので、新しい矩形のBitmapDataを作成し、ここに、写真のRGBチャンネルと、PNGのアルファチャンネルをコピーして完成させた。 なお、同様の画像は、photoshop でレイヤーマスクを使ってグラデーションをかければ作成できる。　このようにBitmapDataクラスを使ってスクリプトで作成する方法には、拡張性などのメリットがあるのではなかろうか。 ここに示

  • 世の中
  • 2007/09/10 11:20

次のページ