1月10日辺りよし!ではまず始めに、webGL版(ブラウザ版)でブラウザで動くものを作ってみようか。言う事で、webGLからやってみる。Library)と言うのは、ブラウザ(IE11とかChromeとかFirefox)で動く、描画サポートの仕様の事らしい。ブラウザが「webGL対応」だと動く、という事のようだ。YOSBITSさんのページ「ハードウェアでアクセラレート(速度増)された三次元グラフィックスを表示可能にする」という事だそうだ。PCでは使えないという事かな?。Firefoxはソフトで代替する機能があるらしい。JavaScriptで動かすみたい。webブラウザ版みたいなものだろうか?ブラウザ上で動かせるものが作れるだけでも、かなりありがたいとは言える。マニュアルを見てみよう。ふむふむ、データフォルダ、メモリサイズ、表示サイズのスケーリング、くらいが重要なのかな。これらについては後で説明する。なんかサンプルのブロック崩しがあるみたいだし、まずはこれをブラウザに表示してみようか。block3.hspはどこにあるかC:\hsp34\sample\hsp3dish\block3.hspここだHSPエディタで開いてみる特に画像ファイルとか使ってないので、このままでよさそうだ。F5キー(RUN(笑、古い言い方)、コンパイル+実行)を押して動かしてみよう。HSP→コンパイル+実行でもいい。ウインドウズ上(ウインドウ)で動く。制作中はこれでテスト、デバッグする。helperを起動する。適当にショートカットを作って、デスクトップに張っておけばいい。こんな感じの変換機が立ち上がるソース変換/iosでアイフォン、androidでアンドロイド、hsp3dish.jsでwebGLに変換してくれるので、hsp3dish.jsを選択する。参照ボタンを押して、先ほどのblock3.hspを開く変換ボタンを押してやるとこんな感じで結果が表示され、無事変換されると上記のように表示され、エラーがでる場合はここにでる。参考までに、webGLの場合オプションは真っ白でもかまわない。制作されるのは、block3.html、hspdish.js、block3.data、block3.axだが、block3.axはいらない。場所は参照した.hspスクリプトのある場所で、ちらかって分かりにくくなるので、普通は.hspスクリプトを独立したフォルダに入れる。作成されたものではブラウザに表示するのをやってみる。block3.html、hspdish.js、block3.dataを入れる。Firefox(ファイヤーフォックス)に放り込んでみる。ドラッグ&ドロップ(笑)動くだがこれは正規のやり方ではない。同じようようにIE11(InternetExplorer11)でも開いてみる。ブロックされてるコンテンツを許可、しても動かない。Chrome)でも同じ。経由で開かないと動かないんだそうだ。説明書はちゃんと読みましょうね、あはははは。?)セキュリティに問題があって、安全のためにローカルフォルダ(自分のPC)からの読み込みはしないようにしているらしい。例外で「セキュリティが甘い」と言う事なのかな?なんにしてもテストできるのはありがたい。サーバーにアップだけど、個人でレンタルサーバーを借りてる人がどれだけいるのか。ゲームを作って遊んでもらおう、と言う人なら借りてる可能性はあるけど。いえば通信のプロバイダで、無料でホームページを貸してくれる所もあるか。サーバー」というのも、いくつも方法があるようだ。めんどくさいので、ここでは説明しない。Xサーバーを使う事にする。言っても、どうせこのサーバーでホームページもゲームも公開する予定なのだから同じ事だけど。Xサーバーでのやり方ですのであしからず。サーバーのファイルマネージャーだと、一度にアップロードできるのは5つまで。メインのコンテンツを放り込む所なんだけど、URLパスとしては含まれない。Xサーバーでの話しだけど。このURLを各ブラウザで開いてみる。FirefoxIE11Chromeという感じであっさりできました。一応、著作権的に、このURLはここだけの話としてフォルダは消します。onionsoft.netへのリンクがあるから、それを参照したらよいかもしれません。サーバーにアップしてね、とでかでかと書いてあるな(笑)今回はここまでにしよう。使ってたんだけど、今回テスト環境を整える事もあって、別のブラウザも使ってみる事にした。