よーし、今度は celputの拡大縮小回転表示をしてみよう。
HELP（命令文の上で F1キー）を出してみれば分かるが、celputの文法は次のようになっている。
|
celput id,no,zoomx,zoomy,angle
id=0～(1) : 画像素材を持つウインドゥID |
zoomx（横）、zoomy（縦）、angle（回転）は実数（小数点）扱いになっている。
0.0～(1.0)と書いてあるが、2.0とか 3.0とか書けば 2倍 3倍で表示してくれる。
まずは横（x）を変化させて、カードをめくる表現をやってみよう。
それじゃあ今回から、自分でコードを書いてみる事にする。
まずテスト用のフォルダを作る。
次に HSPエディタで
これだけ書く。
書いたらフォルダに保存する。
#include “hsp3dish.as” を始めに書くと、HSP Dishが使えるようになる。
mes “hello” は画面に helloと書いてね、という意味。
そしたら F5キーを押して実行（RUN）してみよう。
上のツールバーから HSP → コンパイル+実行でもいい。
うん、真っ白だね、これは失敗。
ブラウザで実行するとこう
とりあえず真っ黒になった
説明書によると HSP Dishでは、redraw 0 で画面をクリアして、その間に書き込み、redraw 1 で表示するという事らしい。
じゃあ、そのように書き足して
実行
できた、左上に Hello と表示されている
次は画像を表示してみよう。
FPS（Frames Per Second）と言うのは、フレームレートと言って、1秒間に何回描画するかです。
TVで 30fps、映画で 24fps、アニメで 12fps、という事だそうです。
ゲームで ACTとか STGでは 60fpsが多いようです。
しかし HSPで 60FPSというのは厳しいので、普通は STGでも 30fpsくらいで作ります。
以下で実験しますけど、HSP Dishのブラウザ版では、各PC環境の足並みを考えて、せいぜい 20fpsくらいが限界なので、動きを要求される物でも 20fpsとか 15fpsくらいで考えた方が良いでしょう。
（後で出るけど、昔のPC（実験ではPentium4）まで含むと考えると HSP Dishの webGL版（ブラウザ版）では FPS10くらいが限度かもしれない）
では.htmlの内容について続きを。
おさらいとして、さしあたって<body>内の上から表示されるので順番を変えたり、何か文字を表示したりしてみよう。
下の黒いのはいらないとして、フルスクリーンボタンを下にしてみる
こんどは文字を表示してみよう。
<br>は改行するという意味。
後は HTML言語なので、そちらを勉強してもらうとして、とりあえずHTML言語については一旦ここまでにしよう。
block3.htmlの内容についてやってみる。
この上と下のものはなんだろう？
以下マニュアル。
「デフォルトで生成されたhtmlファイルでは、「Resize Cavas(表示領域のリサイズ指定)」「Lock/hide mouse pointer(マウスポインタを隠す)」チェックボックス、「Fullscreen(フルスクリーン表示)」のボタンが付加されます。
また実行画面の下部には、hsp3dish.jsのコンソール(システムメッセージ表示エリア)が配置されます。
htmlファイルは、ユーザーが自由に改変して頂いて構いません。レイアウト、配置等は任意で調整を行なってください。 」
Resize Cavas と Lock/hide mouse pointerのチェックボックスはFullscreen（フルスクリーン）表示の時に機能する。
Resize Cavasはフルスクリーンでも元の大きさの表示になるが、見栄えが悪く、何のためにあるのかはよく分からない。
Lock/hide mouse pointerはマウスポインタが出たり隠れたりする。
2016年 1月10日辺り
よし！ではまず始めに、webGL版（ブラウザ版）でブラウザで動くものを作ってみようか。
と言う事で、webGLからやってみる。
webGL（Graphics Library）と言うのは、ブラウザ（IE11とかChromeとかFirefox）で動く、描画サポートの仕様の事らしい。
ブラウザが「webGL対応」だと動く、という事のようだ。
「WebGLのブラウザサポート」 YOSBITSさんのページ
「ハードウェアでアクセラレート（速度増）された三次元グラフィックスを表示可能にする」という事だそうだ。
GPU（グラフィックボード、ハードの）が webGLをサポート（対応）してないと、その PCでは使えないという事かな？。
Firefoxはソフトで代替する機能があるらしい。
JavaScriptで動かすみたい。
よくは分からんが、pcにおける DirectXの webブラウザ版みたいなものだろうか？
ブラウザ上で動かせるものが作れるだけでも、かなりありがたいとは言える。
さて、いよいよ今回から HSP Dishを始めていく。
今回からいきなり中級者向けになると思う。
ちなみに本ブログでは、上級者向けはたぶん書かれる事はない（笑）
今 2016年の5月の9日で、開始したのが 2016年の1月1日だから、4ヶ月たってる。
現時点で一作目のカードゲーム「Cargina Cardia（カルギナ カーディア）」は8割型できてる。
1/10～3/10くらいで2ヶ月くらいで作ってる。
その後はレンタルサーバーやワードプレスの準備、本ブログの執筆で時間が経っている。
本当は時系列的に本来のブログの趣旨通り、日記のような感じで苦闘編を書いて行きたかったが、後からの企画なので、追いつくまでは回顧録になる。
今回は初心者向けに書いてみますけど、ブログの趣旨から考えると中級者向けのブログなので、あんまり意味は無いかも知れません。
それから、別にデフォルトのHSPエディタを使わなくても、フリーのエディタ（秀丸、サクラ、TeraPad、等のテキストエディタの事）がいくつかあるようですし、人によってはデフォルトのは機能が少なくて使いにくい、という人もいるようです。
自分は結局そこまで使いこなすほどいってないのかもしれませんけど、これから始めるというような人は、いくつか試してみるのも良いかと思いす。
さて、今回はHSPのダウンロードとインストールから解説してみたいと思います。
まあ、今更HSPのインストールが分からない、という人もいないと思いますが、超初心者からのHSP、という事でやってみましょう。
HSPというのはプログラム言語の一つで、
Hot Soup Processor（ホット スープ プロセッサー）の略。
暖かいスープの事ですね、アイコンもそうだし、今更そうだったのか（笑）
ホット ソース（ソースコードの）プロセッサーだとか思ってた（笑）
そういえば掲示板でも同じ話があったなあ、まあ細かい事だし、忘れてる。
以下 HSP3.4の手順を書くけど、その前に HSP3.5β（ベータver）というのがある。
3.5βは ZIPファイルなので、インストールもいらない。
おそらく HSP Dishでビルドできずに挫折した人の多くは、HSP3.4と NDK r10以降の組み合わせで（3.4は NDK r9まで対応）、パッチの存在を知らずにだったろうと思う。
HSP3.5βは、他にも JDK1.7以降の署名に対応とか、その他 HSP Dishの様々な不具合が修正されていたりするので、HSP Dishなら 3.5βのほうが良いかもしれない。
今の所最新は 3.5β3だが、最新版が無いか確認しよう。
2016年元旦、流石（さすが）にこのままではらちがあかない。
それまで1年半程 RPGを作っていたが、RPGは複雑で制作物が多くて、形にならなかった。
さて、どうしようかと考えて、そういえば前から HSP（プログラム言語）でもブラウザやスマートフォンでも動くものが作れる HSP Dishというものがあったし、今度はスマートフォン向けにしてみるか。
という訳で HSP Dishで何か作る事にした。