23:40 2009/07/17 初心者教室用テンプレート。1日目。 時間は目安、講師陣の調整要する。 URL未記入の部分は投下前に確認の事。 ーーで囲まれた部分は講師側の説明補足。書き込まないこと 【説明】のURLは進行具合でスレ投下してください。(主に説明フラ) 修正部分がある場合は適宜職員室等に指摘お願いします。 ━━━━━━━━━━━━━━1日目━━━━━━━━━━━━━━  0:FLASHを作る前に                    15:00〜  1-1:DLしてみる                       15:20〜  1-2:起動してみる                      15:30〜  2-0:FLASHな心の準備                   15:40〜  2-1:絵を準備する                      16:00〜  2-2:パラパラさせてみる                   16:20〜  2-3:調節してみるその1、その2              16:40〜  2-4:作品例    ────────ちょっと休憩です────────  3-0:通常画面と固定画面                  17:20〜  3-1:背景をつけてみる                   17:40〜  3-2:作品例  4-0:イベントしてみる                    18:20〜  4-1:動かしてみる                      18:40〜  4-2:回してみる                        19:10〜  4-3自由自在に動かしてみよう              19:40〜   4-4:作品例 以上が、7/19(日)の予定表です。23:30までなら疑問、質問にすぐにお答え致します。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■ 0 : FLASH をつくるまえに ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ParaFla を動作させるには、Visual Basic 6.0のランタイムが必要です。 Flashを見るにはFlashPlayerが必要となります。 講座は 15:00〜 ですが、準備できる人は事前準備しておきましょう。 <参考URL> ParaFla!のページ ttp://www.geocities.jp/coa9999/index.html Visual Basic 6.0 SP6 ランタイムライブラリ(インストーラつき) ttp://www.vector.co.jp/soft/win95/util/se188840.html Visual Basic 6.0 SP6 ランタイムファイル(インストーラなし) ttp://www.vector.co.jp/soft/win95/util/se342080.html フラッシュプレーヤー ほとんどのブラウザにあらかじめプラグインとして搭載していると思われます。 Internet Explorer で以下のURLにアクセスし、 フラッシュプレーヤーのバージョンを確認してください。 http://www.geocities.jp/para_core/pk_fpvc.html バージョンが8以上なら問題ないですが、 バージョンが7以下の人(またはフラッシュが見られなかった人)は Internet Explorer でMacromedia Flash Player ダウンロードセンター にアクセスし、 ダウンロードして下さい。 http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash&Lang=Japanese&P5_Language=Japanese そしてこのFLASHを見ましょう。 「FLASHの心得」のFlash http://nuko.info/flash/m/forbgnr.html ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■ 1-1:DLしてみる 1-2:起動してみる ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 1-1:DLしてみる 開発者Coa氏のサイトhttp://www.geocities.jp/coa9999/            最新版ParaFla(Ver1.37)をダウンロード。            ParaFla!は.zip形式の圧縮ファイルになっています。 *解凍ソフトはこちらからどうぞ。http://park8.wakwak.com/~app/Lhaca/ 1-2:起動してみる  解凍ができたら、解凍して出来たファイルの中に『ParaFla.exe』というファイルが出来ます。 ParaFlaのアイコン(ピンクの花の形の...それですよー)をクリック、ソッコーで起動してみます。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■ 2-0:FLASHな心の準備 2-1:絵を準備する ━━━━━━━━━━━━━━━━━━━━━━━━━━━━  2-0:FLASHな心の準備        「誰でも簡単にパラパラマンガ」ParaFla!   2-1:絵を準備する          まずは素材の準備から。            *素材はこちらからDL。 ttp://parafes.web.fc2.com/2009/kouza/sozai.zip ーーーーーーーーーーーーーーーー *ここまでは特に問題ないと思われます。事前に準備もありかな。 *余裕がある人はソフトの関連付け。 【説明】 http://www.geocities.jp/para_core/kouza/kanren.html http://kei.serio.jp/howto/kannrenn.html ーーーーーーーーーーーーーーーー ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■ 2-2:パラパラさせてみる  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━  2-2:パラパラさせてみる       準備した絵をさっそくパラパラさせてみましょう。                        素材を左ペインに投入→右ペインに投入。                        プレビューしてからSWF生成。カンタンヽ(・∀・)ノデキアガリ  ーーーーーーーーーーーーーーーー *一番基本の動作(素材投入→作成→プレビュー→SWF生成) *PFLとSWFがごっちゃになる人がいるので説明 *出来たSWFファイルを見る方法 (ブラウザへD&D等。SWFファイルの関連付け、Flashプレイヤー紹介等) *詳細設定[SWF生成時にHTMLも保存する] 軽く説明 ーーーーーーーーーーーーーーーー ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■ 2-3:調節してみる ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 2-3:調節してみる    サイズや速さの調整。             プロジェクトのプロパティを色々変えてみる。 ーーーーーーーーーーーーーーーー ファイル>プロジェクトのプロパティ *画面のサイズ *FPSの説明 ーーーーーーーーーーーーーーーー ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■ 2-4:作品例 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ できたものをupってみよう! http://kouza.40ch.net/up/ ParaFla初心者教室専用うpろだ upしたら、スレにアドレス報告してくださいね(*´д`) ーーーーーーーーーーーーーーーー 休憩時に投下 【説明フラ】   ラスタ画像とベクタ画像 http://runagate.dyndns.biz/flash/pict ーーーーーーーーーーーーーーーー ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■  3-0:通常画面と固定画面 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 3-0:通常画面と固定画面       動く通常画面と動かない固定画面。                   何枚かの画像を扱うには何に気をつけるのか?      3-1:背景をつけてみる        具体的に背景を付けて見よう。 ーーーーーーーーーーーーーーーー *画面の深度の説明。 *深度に間を空けておくと後から追加修正しやすい。(大体10程度) 1 背景素材をDL&解凍!(木・草・空のbmpファイルがある) 2 ドラッグ&ドロップで3つの背景絵を左ペインに追加! 3 3つの背景絵を右ペインに! 4 右ペインのプロパティでそれぞれ固定画面に! 5 配置を【空<草<0<木】となるように設定!(例:空=-2 草=-1 木=1) 6 左ペインから木と草を透過! ***背景によって説明変える事*** 深度のAAはAA用テンプレに入ってます 【説明フラ】 深度 http://parafes.web.fc2.com/2009/pfla/shindo.html ーーーーーーーーーーーーーーーー ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■ 3-2:作品例 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ できたものをupってみよう! http://kouza.40ch.net/up/ ParaFla初心者教室専用うpろだ upしたら、スレにアドレス報告してくださいね(*´д`) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■ 4-0:イベントしてみる ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ・Paraflaはフレームカウントを指定して色々な動きを指定する事ができる。 ・パラパラマンガからちょっと脱出してみよう。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■ 4-1:動かしてみる ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 4-1:動かしてみる フレームカウントで長さを指定、更に最初の描画位置と移動先を指定 する事で画像が移動する。 実際に動かしてみよう。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■ 4-2:回してみる ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 単純な移動に加えて回転させることもできる。 中心点を変えながら色々な回転をさせてみよう。 ーーーーーーーーーーーーーーーー *プロパティでフレームカウント変更→描画位置と移動先指定 *配置のX、Yの指定の仕方 *基本になるので、画面上の位置指定と、中心位置の指定がわかるように AA、FLASH等使って説明の事 FLASH…(´・ω・`) ーーーーーーーーーーーーーーーー ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■  4-3:自由自在に動かしてみよう ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 視覚配置でおけば、イメージ通りにアイテムを動かす事ができる。 プロパティの「>」を押して、視覚配置窓を開いてみよう ーーーーーーーーーーーーーーーー *視覚配置の説明 *プロパティの描画位置の数値が変わる事 ーーーーーーーーーーーーーーーー ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■ 4-4:作品例 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ できたものをupってみよう! http://kouza.40ch.net/up/ ParaFla初心者教室専用うpろだ upしたら、スレにアドレス報告してくださいね(*´д`)