「スペリング・パニック!」ゲーム - 英語と遊ぼう「第四回」 | Super源さんのダジャレ英語日記
2009年02月04日(水) 20時20分45秒

「スペリング・パニック!」ゲーム - 英語と遊ぼう「第四回」

テーマ:英語と遊ぼう

今日は、英語と遊ぼう「第四回」として、私の作ったゲームをご紹介したいと思います。

バラバラになった英単語を正しい順番に直すゲームで、名づけて「スペリング・パニック!」です。

このゲームで遊びながら、英単語の綴りを楽しく覚えてしまいましょう。(^o^)/




↑ゲームが表示されるまで、20~30秒かかることがあります。それ以上待っても表示されない場合は、「F5」キーを押して画面を再読み込みして下さい。


【基本的な遊び方】

遊び方は簡単です。

1.2つある窓のうち上の窓に、英単語のスペルをバラバラにしたものが出ますので、その正しい綴りを推測して下の窓に入力します。

2.正解すると、次の問題が出ます。不正解の場合は、もう一度やり直しとなります。

3.お手上げの場合は、「ヒント」ボタンを押します。すると、正解の単語の「先頭1字」が出ます。

それでも分からない場合は、もう一度「ヒント」ボタンを押します。今度は、正解の単語の「先頭2字」が出ます。このようにして、「ヒント」ボタンは3回まで使うことができます。


これと良く似た単語ゲームがありますが、単語によってはまったく見当がつかず、難しすぎる場合もありました。そんな時、ヒントが出たらいいのに!と思い、作ったのがこのゲームです。

楽しんでいただければ幸いです。(^^)


このゲームには、英語学習においてきわめて重要な349語の基本英単語が、あらかじめデータとして入力されています。英単語は、以下のサイトからいただきました。具体的には、【中学英語教科書 最重要語 845】に掲載されている単語の中から、固有名詞と綴りの長さが4文字以下のものを除いて、すべて入力してあります。

 ⇒英語・TOEIC・経験の学習法、無料教材を提供するサイト

また、Ver.1.00β4を作成するにあたり、javascript側での引数取得箇所に、えど 様の作成された関数を使用させていただきました。

それからまた、Ver.1.00正式版を公開するにあたり、数名の方に新機能のテストをお願いしたところ、快く引き受けてくださいました。
ここに、お礼申し上げたいと思います。m(__)m


このゲームが気に入った方は、ご自分のブログのサイドバーに以下のタグを張りつけて下さい。何と、このゲームがブログパーツになります。おお!(゚o゚)

アメブロをお使いの方は、「フリープラグイン」に張りつけてください。「フリースペース」にはエラーが出て張りつけられませんのでご注意ください。





<script type="text/javascript" src="http://www.orange-moon.org/blogparts/spellpanic/sp.js?usertango={}" charset="SHIFT-JIS"></script><noscript><a href="http://ameblo.jp/super-gensan/" target="_blank">Super源さんのダジャレ英語日記</a></noscript>
<script type="text/javascript" src="http://www.orange-moon.org/blogparts/spellpanic/sp.js?bcolor=pink&usertango={}" charset="SHIFT-JIS"></script><noscript><a href="http://ameblo.jp/super-gensan/" target="_blank">Super源さんのダジャレ英語日記</a></noscript>
<script type="text/javascript" src="http://www.orange-moon.org/blogparts/spellpanic/sp.js?bcolor=orange&usertango={}" charset="SHIFT-JIS"></script><noscript><a href="http://ameblo.jp/super-gensan/" target="_blank">Super源さんのダジャレ英語日記</a></noscript>






<script type="text/javascript" src="http://www.orange-moon.org/blogparts/spellpanic/sp.js?bcolor=pinkf&usertango={}" charset="SHIFT-JIS"></script><noscript><a href="http://ameblo.jp/super-gensan/" target="_blank">Super源さんのダジャレ英語日記</a></noscript>
<script type="text/javascript" src="http://www.orange-moon.org/blogparts/spellpanic/sp.js?bcolor=pinkfl&usertango={}" charset="SHIFT-JIS"></script><noscript><a href="http://ameblo.jp/super-gensan/" target="_blank">Super源さんのダジャレ英語日記</a></noscript>
<script type="text/javascript" src="http://www.orange-moon.org/blogparts/spellpanic/sp.js?bcolor=kr&usertango={}" charset="SHIFT-JIS"></script><noscript><a href="http://ameblo.jp/super-gensan/" target="_blank">Super源さんのダジャレ英語日記</a></noscript>







<script type="text/javascript" src="http://www.orange-moon.org/blogparts/spellpanic/sp.js?bcolor=kr1&usertango={}" charset="SHIFT-JIS"></script><noscript><a href="http://ameblo.jp/super-gensan/" target="_blank">Super源さんのダジャレ英語日記</a></noscript>
<script type="text/javascript" src="http://www.orange-moon.org/blogparts/spellpanic/sp.js?bcolor=kr2&usertango={}" charset="SHIFT-JIS"></script><noscript><a href="http://ameblo.jp/super-gensan/" target="_blank">Super源さんのダジャレ英語日記</a></noscript>
<script type="text/javascript" src="http://www.orange-moon.org/blogparts/spellpanic/sp.js?bcolor=gr&usertango={}" charset="SHIFT-JIS"></script><noscript><a href="http://ameblo.jp/super-gensan/" target="_blank">Super源さんのダジャレ英語日記</a></noscript>






<script type="text/javascript" src="http://www.orange-moon.org/blogparts/spellpanic/sp.js?bcolor=or1&usertango={}" charset="SHIFT-JIS"></script><noscript><a href="http://ameblo.jp/super-gensan/" target="_blank">Super源さんのダジャレ英語日記</a></noscript>

【一歩進んだ遊び方】

上のタグをご自分のブログのサイドバーに張りつけていただくと、既に入力されている英単語ではなく、オリジナルの単語でゲームを楽しむことが可能になります。

その方法は、以下の通りです。


タグを見ていただくと、その中に
usertango={}
というところがあると思います。

この{}の中に、ゲームしたい単語を、カンマで区切って並べます。


 (例1) usertango={people,pallid,beek} ※分かりやすくするために、赤字で表示しています

 (例2) usertango={people, pallid, beek} ※このように、単語間にスペースを入れてもOKです


これだけです。
これだけで、オリジナルの単語で「スペリング・パニック!」が遊べるようになります。(^^)v


【さらに進んだ遊び方】

上の方法を使うと、オリジナルの単語でゲームができるのはいいのですが、ユーザーの入力した単語のみでゲームがスタートするため、入力単語数が少ない場合、すぐにまた同じ単語が回ってきてしまいます。

そのようなときは、usertangoの次に、'&append=on'という指定(おまじない)を付け加えます。

以下のようにします。


usertango={people,pallid,beek}&append=on


このようにすると、「スペリング・パニック!」に既に入力されている単語プラスユーザーの入力したオリジナル単語でゲームができるようになります。どうぞ、試してみてくださいね。(^^)


【答えが複数個できてしまうことへの対応】
スペリング・パニック!では、基本的に一つの英単語に対して、正解は一つだけとなっています。

が、皆さんがオリジナルの英単語を入力する場合、その綴りが短い場合など、答えが複数個できてしまう場合が考えられます。


(例) dog と god、peek と keep、three と there、…など。


これを防ぐために、専用の単語チェッカーを作りました。名づけて、【別綴り単語チェッカー】。

英単語入力の際に、どうぞご活用くださいね。(^^)



【その他注意点等】

現在分かっている不具合としては、Firefoxで正常に表示されないことと(β9でfixしました)、ブログサービスによって表示が異なる点です。(?_?)(Ver.1.12でほぼ完全に対応しました) 完全対応は難しく、時間が非常にかかるとの判断から、本日β版として公開する運びとなったことをご理解下さい。


※このゲームは、javascriptで動作いたします。javascriptが切ってあるパソコン環境では動きませんので、切ってある方はONにしてご使用ください。
※また、このゲームはIE6で動作確認を行なっており、
動作させても何も危険はないはずですが、使用したことにより生じたいかなる損害にも、作者は責任を負いません。あくまで自己責任でご使用ください。

※「スペリング・パニック!」ゲームを、同一画面上に複数個張りつけないでください。正常に動作いたしません。

※「スペリング・パニック!」は、 「My 単語帳 」と併用が可能です。

※「スペリング・パニック!」の著作権は、作者Super源さんが保有しています。上記にて許可されている箇所以外のタグの改変はご遠慮ください。


なお、このゲームに関するご感想、ご要望などありましたら、コメント欄にお願いいたします。作者はjavascriptは初心者なので、ご期待にそえるかどうか分かりませんが、できるだけ対応していきたいと思っております。


バージョンアップ履歴

2011.01.14 Ver.1.51 環境によって、iウインドウ内の一部の文字がはみ出してしまう場合があるのに対応しました。

2010.08.27 Ver.1.50 壁紙に、新色を2つ追加しました。

2009.12.20 ver 1.44 出題ウインドウと解答ウインドウに背景色(白)を設定しました。

2009.12.17 ver 1.43 環境によって、アニメ部分の位置がズレることがあるのに対応しました。

2009.10.03 ver 1.42 CSSの誤り(1ヶ所)を修正しました。

2009.09.18 ver 1.41 IEのバージョンによって、「バージョン情報」画面中の文字が大きくなってしまうことがあるのに対応しました。

2009.06.08 ver 1.40 壁紙に、キラキラ系のバージョンを3つ追加しました。

2009.05.25 ver 1.30 iウインドウにチップヘルプをつけました。

2009.05.09 Ver.1.22 英単語シャッフル中、まれに応答がなくなる場合があるのを修正しました。

2009.04.28 Ver.1.21 入力英単語(1語)にミスがあるのを修正しました。

2009.04.03 Ver.1.20 収録単語数を349語に増やしました。

2009.03.24 Ver.1.13 「バージョン情報」画面の文字色を変更しました。

2009.03.24 Ver.1.12 ココログ等で表示が若干ずれるのを修正しました。

2009.03.22 Ver.1.11 英単語が、まれにシャフルされていない場合があるのに対処しました。

2009.03.08 Ver.1.10 壁紙がピンクの可愛いバージョンを2つ追加しました。

2009.03.05 Ver.1.01 ココログで表示が崩れるのを修正しました。

2009.03.03 Ver.1.00 正式版として公開しました。

2009.02.28 Ver.1.00β14 ユーザー登録単語数が1つだけの場合の処理を追加しました(非公開バージョン)。

2009.02.24 Ver.1.00β13 既定の単語+user単語で遊べるappendパラメーターを追加しました(非公開バージョン)。

2009.02.21 Ver.1.00β12 バージョン情報をウインドウ化し、userモードを追加しました(非公開バージョン)。

2009.02.18 Ver.1.00β11 Firefoxで1色しか表示されないのを修正しました。

2009.02.14 Ver.1.00β10 収録単語数を、167語に増やしました。

2009.02.12 Ver.1.00β 9 Firefoxで画面の一部がずれるのを修正しました。

2009.02.11 Ver.1.00β 8 Firefoxに対応しました(まだ画面の一部が若干ずれていますが、遊べます)!

2009.02.10 Ver.1.00β 7 Firefoxで表示すると、画面のレイアウトを崩すことがあるため、IE専用としました(暫定処置)。

2009.02.09 Ver.1.00β 6 壁紙がオレンジのバージョンを追加しました。

2009.02.09 Ver.1.00β 5 ブログパーツ下のクレジットの部分をすっきりさせました。

2009.02.07 Ver.1.00β 4 壁紙がピンクのバージョンを追加しました。

2009.02.06 Ver.1.00β 3 IE7に対応しました。

2009.02.05 Ver.1.00β 2 FC2ブログ、ウェブリブログで画面の一部が崩れるのを修正しました。
2009.02.04 Ver.1.00β 1 正式公開。

Super源さんさんの読者になろう

ブログの更新情報が受け取れて、アクセスが簡単になります

コメント

[コメントする]

Ameba人気のブログ

Amebaトピックス