localStorageを使ってセーブ・ロードを行う。
長編ゲームを制作するとなると、セーブ機能は必要不可欠。 そこで、今回はjavascriptにおけるセーブ・ロードの実装方法を説明します。 具体的にはローカルストレージ機能というものを使います。 具体的なコードをCodePenというサイトで書きました。実際に動作を確認してみましょう。 https://codepen.io/hothukurou/pen/MWeNEEm ページ内のJSという項目にコード […]
MONTH
2017年1月
enchant.jsの音関係のエラーを対処する。
enchant.jsのサウンド部分はエラーの温床になりやすい。 しかも特定のブラウザのみ発生することもあるので、発見が遅れることも多い。 そこで、今回は以前私が体験した音まわりのエラーを箇条書きで紹介します。 ・iOSsafariだと音量調整のvolumeプロパティがないとエラーを吐かれる。 対策：volumeを使わない。音の大きさはあらかじめ調整する。 ・iOSsafariだと音再生してない状態 […]
enchant.jsのループＢＧＭ再生がブラウザによって動作が異なる問題を解決する。
enchant.jsでブラウザゲームを作るといつもサウンドで躓きます。 GoogleChromeだと動くのにIEだと止まるやん！原因究明のために、F12キー押してデバック見てみると、大抵サウンド部分でエラーを検出していたりします。 その中でも一番面倒だったループＢＧＭ再生を、どんな環境でも再生できる形でクラス化したのでお使いください。 まずは動作原理から説明します。 実はブラウザによってループ再生 […]
enchant.jsをページ内に拡大させないで表示させる方法【２０１７年最新版】
つまりこのようなenchant.jsをWebページ内に貼る方法についてお話しします。 公式や他サイトの方法だといくつか問題があるため、作っちゃうおじさんのサイトで採用している方法を書きます。 公式で使われている方法は、以下のコードをタグ内に挿入すると、その位置にゲーム画面が出てくるというものです。 ただこの方法だと、以下の問題が発生します。 （１）画面をスクロール可能に […]