初心者教室用テンプレート。1日目。 時間は目安、講師陣の調整要する。 URL未記入の部分は投下前に確認の事。 ーーで囲まれた部分は講師側の説明補足。書き込まないこと 【説明】のURLは進行具合でスレ投下してください。（主に説明フラ） 修正部分がある場合は適宜職員室等に指摘お願いします。 ━━━━━━━━━━━━━━１日目━━━━━━━━━━━━━━ 　0:FLASHを作る前に　　　　　　　　　　　　　　　　　　　　17：00〜 　1-1:DLしてみる　　　　　　　　　　　　　　　　　　　　　　　17：20〜 　1-2:起動してみる　　　　　　　　　　　　　　　　　　　　　　17：30〜 　2-0:FLASHな心の準備　　　　　　　　　　　　　　　　　　 17：40〜 　2-1:絵を準備する　　　　　　　　　　　　　　　　　　　　　　18：00〜 　2-2:パラパラさせてみる　　　　　　　　　　　　　　　　　　 18：20〜 　2-3:調節してみるその1、その2　　　　　　　　　　　　　　18：40〜 　2-4:作品例 　　　────────ちょっと休憩です──────── 　3-0:通常画面と固定画面　　　　　　　　　　　　　　　　　 19：20〜 　3-1:背景をつけてみる　　　　　　　　　　　　　　　　　　　19：40〜 　3-2:作品例 　4-0:イベントしてみる　　　　　　　　　　　　　　　　　　　　20：20〜 　4-1:動かしてみる　　　　　　　　　　　　　　　　　　　　　　20：40〜 　4-2:回してみる　　　　　　　　　　　　　　　　　　　　　　　 21：10〜 　4-3自由自在に動かしてみよう　　　　　　　　　　　　　　21：40〜　 　4-4:作品例 以上が、4/29(土）の予定表です。23：30までなら疑問、質問にすぐにお答え致します。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■ 0 ： FLASH をつくるまえに　　　　　　　　　　　　　　　　　　　 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ParaFla を動作させるには、Visual Basic 6.0のランタイムが必要です。 Flashを見るにはFlashPlayerが必要となります。 講座は 18：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 フラッシュプレーヤー ほとんどのブラウザにあらかじめプラグインとして搭載していると思われます。 http://hsame.web.fc2.com/index.htmlの看板が映らなかった人は 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(Ver08a4)をダウンロード。 　　　　　　　　　　　ParaFla!は.zip形式の圧縮ファイルになっています。 ＊解凍ソフトはこちらからどうぞ。http://park8.wakwak.com/~app/Lhaca/ 1-2：起動してみる　 解凍ができたら、解凍して出来たファイルの中に『ParaFla.exe』というファイルが出来ます。 ParaFlaのアイコン（ピンクの花の形の...それですよー）をクリック、ソッコーで起動してみます。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■ 2-0:FLASHな心の準備　2-1:絵を準備する　　　　　　　　　　　　 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 　2-0:FLASHな心の準備　　　　　 　 「誰でも簡単にパラパラマンガ」ParaFla!　 　2-1:絵を準備する　　　　　　　　　　まずは素材の準備から。　　　　　　　　　　　 　　　　　　　　　　　　　　　　　　　***要URL*** ーーーーーーーーーーーーーーーー *ここまでは特に問題ないと思われます。事前に準備もありかな。 *余裕がある人はソフトの関連付け。 【説明】 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プレイヤー紹介等） ーーーーーーーーーーーーーーーー ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■ 2-3:調節してみる ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 2-3:調節してみる　　　　サイズや速さの調整。 　　　　　　　　　　　　プロジェクトのプロパティを色々変えてみる。 ーーーーーーーーーーーーーーーー ファイル＞プロジェクトのプロパティ *画面のサイズ *FPSの説明 ーーーーーーーーーーーーーーーー ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■ 2-4:作品例 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ できたものをupってみよう！ http://40ch.net/eve_up/ ParaFla初心者教室専用うｐろだ upしたら、スレにアドレス報告してくださいね(*´д｀) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■ 　3-0:通常画面と固定画面 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 3-0:通常画面と固定画面　　　　　　　動く通常画面と動かない固定画面。 　　　　　　　　　　　　　　　　　　何枚かの画像を扱うには何に気をつけるのか？　　　　　 3-1:背景をつけてみる　　　　　　　　具体的に背景を付けて見よう。 ーーーーーーーーーーーーーーーー *画面の深度の説明。 *深度に間を空けておくと後から追加修正しやすい。（大体10程度） １　背景素材をＤＬ＆解凍！（木・草・空のｂｍｐファイルがある） ２　ドラッグ＆ドロップで３つの背景絵を左ペインに追加！ ３　３つの背景絵を右ペインに！ ４　右ペインのプロパティでそれぞれ固定画面に！ ５　配置を【空＜草＜０＜木】となるように設定！（例：空=-2 草=-1 木=1） ６　左ペインから木と草を透過！ ***背景によって説明変える事*** 【説明フラ】 　深度の説明フラ ーーーーーーーーーーーーーーーー ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■　4-0:イベントしてみる　　　　　　　　　　　　 　 　 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ・Paraflaはフレームカウントを指定して色々な動きを指定する事ができる。 ・パラパラマンガからちょっと脱出してみよう。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■　4-1:動かしてみる　　　　　　　　　　　 　 　 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 4-1:動かしてみる フレームカウントで長さを指定、更に最初の描画位置と移動先を指定 する事で画像が移動する。 実際に動かしてみよう。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■　4-2:回してみる　　　　　　　　　　　 　 　 　　 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 単純な移動に加えて回転させることもできる。 中心点を変えながら色々な回転をさせてみよう。 ーーーーーーーーーーーーーーーー *プロパティでフレームカウント変更→描画位置と移動先指定 *配置のX、Ｙの指定の仕方 *基本になるので、画面上の位置指定と、中心位置の指定がわかるように AA、FLASH等使って説明の事 【説明フラ】http://www.geocities.jp/heratyouzame/seisaku/kaiten.htm　 ーーーーーーーーーーーーーーーー ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■ 　4-3:自由自在に動かしてみよう ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 視覚配置でおけば、イメージ通りにアイテムを動かす事ができる。 プロパティの「>」を押して、視覚配置窓を開いてみよう ーーーーーーーーーーーーーーーー *視覚配置の説明 *プロパティの描画位置の数値が変わる事 ーーーーーーーーーーーーーーーー