TOSSランド >  TOSSコミュニティ >  その他 
Flash 初心者向けサンプル集 /  改造用雛形 /  3択クイズ改造マニュアル

3択クイズ改造マニュアル

TOSSオホーツク  山田正和
作成日:2003年 1月18日
最終更新日:2004年 3月8日

サンプル1-6 と 1-7 の共通改造マニュアルです。
慣れれば30分程度で新しいFlashコンテンツが1つ完成します。

1:文章を書き直す

※以下、初心者に優しい"Flash MX"で手順を説明します。
 "Flash MX"は、1つ前の"Flash 5"に比べると、何倍も操作がしやすいのです。

このサンプルは、文章を書き直すだけで改造できるように設計されています。

  1. まず、文章を書き直したいフレーム(コマ)を表示します。
  2. 左側の「ツール(道具箱)」の中から、「文字ツール」をクリックします。
    →「A」と書かれたアイコン(絵記号)が「文字ツール」です。
  3. 書き直したい文をクリックします。
  4. するとクリックした文全体が、白い四角に囲まれれます。
  5. あとは、キーボードを使って文を書き直してください。
  6. 以下、問題文と各選択語句を書き直していけばOKです。
  7. 文字のサイズや色や書体を変えたい時は、画面下の「プロパティ(属性)」パネルを使います。
  8. 文字サイズを変えるだけなら、左側「ツール(道具箱)」から「自由変形ツール」を使う方法もあります。
    →9つの黒点がついた四角いアイコンが「自由変形ツール」です。

2:正解の選択肢を変える

 このままでは、どのコンテンツも常に同じ番号の選択肢が正解になってしまいます。
 「1問目の正解は1番」「2問目の正解は2番」…という順番が変らないのです。

 以下、正解の選択肢を変更する方法を教えます。

  1. まず、変更したいフレーム(コマ)を表示します。
  2. 左側の「ツール(道具箱)」の中から、「矢印ツール」をクリックします。
    →左上の黒い矢印のアイコン(絵記号)が「矢印ツール」です。
  3. 解答パネル(3つの選択肢+得点欄+経過時間)を右クリックします。
  4. この時、選択肢の語句を右クリックしないように気をつけてください。
    語句以外の部分なら、パネルのどこを右クリックしても構いません。
  5. 表示されるメニューの中から、「シンボルの入れ替え」をクリック。
  6. 「1番が正解のパネル/2番が正解のパネル/3番が正解のパネル」と表示されます。
  7. その中から、正解にしたい番号のパネルをダブルクリック

  8. 例えば2番の選択肢を正解に変更したい時は、「2番が正解のパネル」をダブルクリックするのです。
  9. これだけで、正解の選択肢を変えることができます。

3:背景色を変える

 「同じ色使いは飽きるなぁ」「配色を変えてみたいなぁ」と思われる方もいるでしょう。

 ここでは、背景色の変更の仕方を教えます。

  1. どのフレーム(コマ)を表示した状態でも構いません。
  2. 左側の「ツール(道具箱)」の中から、「矢印ツール」をクリックします。
  3. 解答パネル(3つの選択肢+得点欄+経過時間)以外の場所をクリックします。
  4. この時、文章選をクリックしないように気をつけてください。
    文章と解答パネル以外の部分なら、どこをクリックしても構いません。
  5. 画面下の「プロパティ(属性)」の中に、「背景」という欄があります。
  6. 「背景」欄をクリックすると、好きな背景色を選ぶことができます。

  7. あまりにも鮮明な色を使うと目が疲れますが、地味すぎても読みづらいコンテンツになってしまいます。
  8. 文章の文字色とのバランスも考えながら、ほど良い色を選択してください。
  9. もちろん、文字色の方も変更してバランスをとっても良いでしょう。
    →文字色の変更法は「1:文章を書き直す」の手順7にあります。

4:解答パネルの配色を変える

 配色を変更していると、解答パネルの色も変えたくなってくる方がいるでしょう。

  1. どのフレーム(コマ)を表示した状態でも構いません。
  2. 「タイムライン(時間割)」の右下、「シンボルの編集」をクリックします。
  3. 「パーツ」→「パネル」とクリック。

  4. 画面中央に表示される、パネル(背景の四角と得点欄)を右クリック→「分解」
  5. 背景色(標準では黄緑)を変えたい時は、「矢印ツール」で背景をクリック。
    画面下のプロパティを使って色を変更します。
  6. 同様の手順で、パネルの枠線(標準では黒)や、得点欄の文字色も変更できます。

 選択肢の背景色(ボタンの背景色)を変えたい時は、「シンボルの編集」→「パーツ」→「正解ボタン/不正解ボタン」です。

5:改造例

 幾つか改造例を紹介します。

フラッシュ版・中学社会科復習三択問題集
作:TOSSオホーツク・染谷幸二氏
→http://www.marimo.or.jp/~someya/furassyu.htm
高校入試英熟語ランキング100
作:TOSS中学英語・大北修一氏
→http://www.pure.co.jp/~ohkita/jukugo/top.html
Flash中学英語三択問題集
作:TOSS北極星・堤 浩則氏
→http://www003.upp.so-net.ne.jp/polestar/Flash/
理科フラッシュサイト
作:TOSSオホーツク・松岡義智氏
→http://www3.ocn.ne.jp/~matsu01/rikaflashsitesubpage.html
とけいクイズ(3択クイズと時計の組み合わせ)
作:TOSS北九州教育サークル・藤嶋茂氏
→http://www.geocities.jp/fujishima45jp/imananji.html
3択都道府県クイズ
作:広島県・河野博一氏
→http://www.geocities.jp/hiroichikono/todouhuken/top1.html