ＨＰコンテスト用にソフトメニュー作成

　某県内のＩＴ技術関係でＨＰコンテストがあることを知り、
さっそく、アクセスＵＰも期待して、応募することに。

コンテストの分野が２分野あり、１．一般と、２．Ｗｅｂ技術
で、２の技術分野で行くかどうか迷ったけど、協賛が
ＦＬＡＳＨメーカなので、おのずとＦＬＡＳＨを使った
ＨＰを期待してのことかなと思い、１．一般で応募した。

　応募するに当たって、現在のＨＰでは、なんとなく
物足りないので、ユーザビリティを強化することに。

でいろいろ考えて、以下の２点で行くことにした。

１．ソフトメニューの導入。
２．トップ画面をマルチサイズ画面対応に。

まず、１．ソフトメニューは、

ＨＰコンテスト用にトップページをマルチ画面サイズ対応に

　もうひとつコンテスト用として作ったのが、
ＰＣの画面サイズを判断してトップページのフォントサイズを
最適な文字サイズで表示すること。

これは横６４０サイズのノートＰＣを使って作っていたので
それを１０２４サイズのＰＣで見ると、かなり小さく見えるので
いっそのこと、横の画面サイズが変れば、それを判断して、
最適なフォントサイズに変更して表示することを行った。

ＨＰコンテスト用にトップページをマルチ画面サイズ対応に

　もうひとつコンテスト用として作ったのが、
ＰＣの画面サイズを判断してトップページのフォントサイズを
最適な文字サイズで表示すること。

これは横６４０サイズのノートＰＣを使って作っていたので
それを１０２４サイズのＰＣで見ると、かなり小さく見えるので
いっそのこと、横の画面サイズが変れば、それを判断して、
最適なフォントサイズに変更して表示することを行った。

まあ、ＣＳＳの勉強してて、JavaScriptでＣＳＳを変更する
ことが出来ることをＭＳのサイトで知ったので、この練習なの
ですが。。。

その結果、レイアウトは崩れずにフォントサイズだけ可変に
表示されるので、まあ、まともかな。
でも大きなサイズはさすがにダラシナイ感じかな。

まあ、こういうテクニックを使ってるページは見たことないので
面白いとは思うが、やはり画像とかでレイアウトをドット単位で
細かく作っていると、こういうことは出来ないよね。

当サイトは、テキスト中心で作っているので、可能だけどね。

ところで、コンテストの結果だけど、
１．一般に沢山エントリーがあり、
２．Ｗｅｂ技術にはあまりエントリーがなかった。

で、紹介文に、協賛会社のＦＬＡＳＨの悪口的なことを書いたので、
見事に第１次で落選でした。まあ、JavaScriptの方がプラグインも入らなく
直ぐ動くので快適だよ的な事を書いたので、目にとまりましたかね。^^);;

一般エントリーだったので、やはり某県内のＨＰコンテスト
ということもあって、ビジネス中心で個人ＨＰの評価は低いのは仕方なし。
２．Ｗｅｂ技術にエントリーしておけばよかったかなと、
ちと後悔先に立たず。^^)

初の本格的なゲームが完成

　次に、ゲームに挑戦ということで、何をやるか考えたが
当然野球関係のゲームを前提として、なにしろ、ちまたに
あるゲームやプレステのゲームを見ていると、
上下左右のボタンで操作するので、実際のイメージと
全くかけ離れたゲームの操作性になっている。

これが気にくわなくて、どうしたら実際と同じような
イメージのゲームが出来るか考えていたら、結論として
やっぱマウスで操作するのが、一番しっくりくることに。

というわけで、マウスで野球ゲームということで、
まずは、ノックのイメージが湧いたので、これを作ることに。

初の本格的なゲームが完成

　次に、ゲームに挑戦ということで、何をやるか考えたが
当然野球関係のゲームを前提として、なにしろ、ちまたに
あるゲームやプレステのゲームを見ていると、
上下左右のボタンで操作するので、実際のイメージと
全くかけ離れたゲームの操作性になっている。

これが気にくわなくて、どうしたら実際と同じような
イメージのゲームが出来るか考えていたら、結論として
やっぱマウスで操作するのが、一番しっくりくることに。

というわけで、マウスで野球ゲームということで、
まずは、ノックのイメージが湧いたので、これを作ることに。

基本は、マウスをグラブにして、ボールを投げて、
それをグラブを動かしてキャッチする。

で、グラブを動かすのに、どうしたらイメージ通りか考えて
普通ゲームで使われている、マウスを動かして、
キャッチするときにクリックする方式だと、
キャッチする感覚がなーーーーーーい。

そこで、逆にドラグしながら動かして、キャッチする時に
マウスを離す方式だと、イメージにぴったりということで、
この方式で作成することにけってーーーーーい。

ということで、基本構成が決まったので、まずは、
マウスをドラグしてボールを掴むところを作ったが、
これが思うようには行かない。

　JavaScript1.2の使い方もまだ修行中の身だし、
JavaScript1.2自体にも問題があり
それを回避する手段を考えなくてはいけないしと、
まあ、いろいろ試行錯誤もあり、なんとか基本形を
作った。でも疲れました。

基本形が出来れば、あとはゲーム性とか、表示の飾り
付けの部分は、既にＹＢ関係のもので一応経験している
機能を使うので、単に作って行くだけのため、
スムーズに運んだ。

この辺の開発秘話はＮＧＷサイトのメルマガに書きました。

ということで、ゲームの名前は「１０００本ノック」に。
そしてノッカーは、デザインの才能がないので、適当に
作ったけど、髪の毛なんか小さなマスにデザインするの無理だよ
ってことで、いっそハゲにしちゃいました。
そしたら、顔は似てないけど、誰かさんみたいになっちゃった。^^)

そして、Ｗｅｂの仲間や友人に頼んで、テストしてもらい、
まあ、なんとかまともになったので、JavaScripゲームの普及作成支援を
行っているＮＧＷ（New Game Web）に登録しました。

まあ、このような絵を使った動きのある本格的なゲームは初めてだったけど、
出来としては単純で分かり易いのが出来たんじゃないかと、
まあ、自分なりに満足したかな。。。。