ゲームやマンガなどなど

画面の効果を、少しやってみたいと思い、ページめくりのような
効果を作ってみました




サンプル画面

コードのメインの部分は、

 if (pcnt==0) cv.drawImage(page3,800-michi,0,michi,600,800-michi,0,michi,600);
 else if (pcnt==1) cv.drawImage(page4,800-michi,0,michi,600,800-michi,0,michi,600);
 else cv.drawImage(page2,800-michi,0,michi,600,800-michi,0,michi,600);
 var grd = cv.createLinearGradient(800-michi-60,0,800-michi,0);
 grd.addColorStop(0,"#ffffff");
 grd.addColorStop(0.6,"#f5f5f5");
 grd.addColorStop(0.85,"#e7e7e7");
 grd.addColorStop(1.0,"#f7f7f7");
 cv.fillStyle=grd;
 cv.fillRect(800-michi*2,0,michi,600);
 michi+=8;
 if (michi<799){
  　　setTimeout("page()",0100);
 } else {
  　　pcnt++;
  　　if (pcnt<3){
   　　　michi=1;
   　　　setTimeout("page()",01000);
  　　}
 }

これだけです、
余白に陰影とかつけるともっとそれっぽくなるようですが、
ちょっとyahooのページとかがめくれると少しおもしろいかなと
思ってはじめたので、とりあえずこんな感じです

画像はあらかじめ、gurl2bmpでとりこんでいます

michiがめくれるピクセル数で、ＨＴＭＬ５のグラデーションで丸みを
書いています

自宅サーバを立ち上げて、1週間たちましたが、快調です

でも、chromeが動かない

windowsとオートアップデートのchromeとの同期があわなくなったのだな

たぶん

パッチをあてて、たまには、再起動しようかと思いました

windowsアップデートをあてようとすると、sp2じゃん

大丈夫かしらと思うも、だいぶ時間かかったけど適用して、

リモートディスクトップから、shutodownコマンドをうって、

再起動 ありゃあ～

apacheとかは動いてるけど、リモートデイスクトップ が入れない

ま、home　editionは、サポート外だからなと それは、しょうがないけど

リモートディスクトップがつながらないと ディスプレィがないマシンなので、

こまったちゃん

テレビをもってこようかと思ったけど、今はみんな転倒防止をつけてるので

移動がめんどくさい

もぉ～しょうがないし、２，３時間かけて、パッチもみんなあて直して、

termsrvも入れ直す。

よしよし、リモートディスクトップもつながり、chromeも動くようになったと

これで、当分だいじょうぶかしら

疑似３Ｄダンジョンの描画処理をいろいろみなおしました

隠れて見えないところの描画をスキップしたり、

床の陰影処理はリアルにやるのをやめて、あらかじめ

画像を用意するようになおしました



３Ｄダンジョンデモ

ＰＣだと、０．０５秒スマホだと１秒ぐらいになって、これで大丈夫かと思いきや

今回、移動処理は、前へというアイコン上にマウスがあると進みつづける

というような操作にしてみようとしていました

ＰＣでは、
      canvas3.addEventListener('mouseover', maeov, false);
      canvas3.addEventListener('mouseout', maeout, false);
      canvas3.addEventListener('click', mae, false);
スマホでは、
      canvas3.addEventListener('touchstart', maeov, false);
      canvas3.addEventListener('touchend', maeout, false);
で、ひろうとしてみたのですが、

ＰＣは、意図したように動きますが、スマホでは、touchendが
通知されない事がありました。
touchstartで、１秒ほど、重い描画処理に入ってしますので、
toucheendがひろえないようです

う～ん、困ったどうしようかな、とりあえずスマホは、touchstartで
一歩ずつ進むようにしけど

横スクロール簡単操作ＲＰＧ「ボカスカＲＰＧ」です



ボカスカＲＰＧへ

スマホ、ＩＥ９やchromeなど、html5をサポートしているブラウザで動作します

アデルとイリヤは国を守るため、父ジョーンズに聖杯を届ける旅にでます
イリヤは魔物を手なずける能力を駆使して、最大８人パーティで旅します

操作は簡単、右に進むか、左に進むか、魔法を使うかを画像をクリックして行います
画面上、敵、味方合わせて、２０匹以上で大乱戦になります

自動戦闘もあり、どこでもセーブできます
無料で、ユーザ登録、ダウンロードなしで遊べます

小太郎ブログでも紹介されました

仲魔になる魔物には、魔法攻撃ができるもの、攻撃射程が長いものなどの
特徴があり、仲魔にしたり、別れたりしてパーティを強化していきます

仲間は突然変異する事もあります

「ボカスカＲＰＧ」攻略へ

よろしくどうぞ～

ウィザードリィ風ダンジョンＲＰＧ「迷宮の魔王」です

ＨＴＭＬ５製なので、スマホやｉｅ９などＨＴＭＬ５をサポートしているブラウザで動作し、
ユーザ登録など必要ありません



迷宮の魔王へ

６人パーティ制で、16種の職業にジョブチェンジできます

全能者(wizadry）にも転職できますが、転職時は、レベルがさがりますので
ジョブの種類や、転職のタイミングは重要になります

操作は、スマホでも操作しやすいように、迷路の画面上をクリックして行います

ゲームは最初、2人ではじまり、ダンジョン内に石像にされた、勇者を救出しながら、

地下１０階の魔王をたおす・・・という流れになります

「迷宮の魔王」攻略へ

攻略サイトです

ボス攻略後のやりこみ要素もあります

サイト内で、一番アクセス数が多いゲームです

よろしくどうぞ～