作っちゃうおじさん制作記録ブラウザゲーム制作や暇つぶしに眺められる記事を書いています。追記)こっちにもっとわかりやすい記事を書きましたので、こちらをご参考いただけますと幸いです。https://hothukurou.firebird.jp/blog/post-599みなさんはじめまして、作っちゃうおじさんと申します。普段作っちゃうおじさんの寝床にてブラウザゲームを公開しています。今回は、普段作っているjavascriptで作るブラウザゲーム作り方について解説します。このページの想定として、C言語か何かプログラムに一度は触れたことがある人を対象にしています。(もしプログラミングの方法から知りたい方はコメントに記入ください。後日記事に書きたいと思います。)今回は、javascriptという言語を使います。ブラウザで動くプログラミング言語です。1からゲーム制作のプログラムを組むのも労力がかかるため、ゲーム制作に必要な機能をenchant.jsというライブラリをから利用することで簡単にゲーム制作を行います。enchant.jsライブラリの使い方このページから最新版をダウンロードしてください。赤丸のところをクリックしていけばダウンロードができると思います。ダウンロードしたデータにサンプルプログラムがあるので、これを参考にしましょう。examplesフォルダにサンプルプログラムがあります。これらのサンプルプログラムを見ながら、プログラムをいじることで、ゲーム制作に必要なプログラムの書き方は理解できると思います。試しにbegineerフォルダ内のhellobearフォルダをクリックしましょう。index.htmlをクリックすると、プログラムが起動します。すると、クマが右に動く画面を見ることができます。これらのサンプルプログラムとこれで作業環境は整いました。次にプログラムを描くためのエディタについて話します。エディタのインストールjavascriptはメモ帳などのテキストエディタがあれば作成可能です。C言語などと違って、コンパイルがありません。ブラウザがプログラムを上から順に解読することで機能させることができます。この段階でもうプログラムを開始してもよいのですが、windows標準のメモ帳だと何かと不便なので以下の優秀なテキストエディタを紹介します。・terapadシンプルで使い勝手抜群です。自動インデント機能や、タグごとに色付けされたり、エンコードをデフォルトのShift-Jisから国際標準のUTF-8に変更する際などに役立ちます。}内を省略して表示できる機能が便利。私は現在これを使ってjavascriptを書いています。最後に、サンプルプログラムのhellobearを使ってenchantjsを用いたプログラムの構成についてお話します。以下の四点を組み合わせることでブラウザゲームが完成します。・ゲームを表示させるゲームページ(index.html)・ゲームの動作を書くプログラムページ(main.js)・各種プログラムをライブラリ(enchant.js)・素材(chara1.pngなどの画像・音データ)各データの関係についてですが、index.htmlにて、プログラムであるmain.jsとライブラリのenchant.jsを読み込ませて、main.jsにて必要な画像・音を読み込ませます。以上で基本的な環境設定は終わりました。enchant.jsのプログラムの書き方はまた説明します。ゲーム制作初心者の方を対象に、シューティングゲームの弾の挙動をどのように設定するか書きます。javascriptで書かれています。コードをいじると自由に挙動を変えることができるので、色々お試しください。このブログで説明してもよかったのですが、qiitaの方...記事を読む初心者でもできる怖いホラー顔画像の作り方!(動画解説付き)ホラーゲームによくある怖い顔の作り方をまとめました。作り方を動画形式にしたので、ぜひご参考ください。ブラウザゲームテンプレート作りました。ブラウザゲームの技術系ブログを目指して制作したブログなのですが、いかんせん自分のプログラムを整理できていないことに気が付きました。...記事を読む魅力的なタイトルでアクセス数アップを狙う!【ゲーム制作】アクセス数増加のため、タイトル変更・OP変更を行った話をします。CAT(映画の脚本術)で得たログラインとタイトルの設定方法について書いております。記事を読むenchant.jsの音関係のエラーを対処する。enchant.jsのサウンド部分はエラーの温床になりやすい。touchmoveで画面外にドラッグすると発生する不具合解消enchant.jsにてtouchmoveイベントを使う際には気を付けないと、使いにくいUIになってしまう点があるので注意したほうがよいです。解決方法を載せました。残業で忙しい中、1週間でゲームを作るイベントに参加し、Unityではじめてゲーム制作をする過程をまとめました。基本的にダメな人向けです。...記事を読むネタに困ったら使おう!アニメの水着回あるあるネタ調査アニメの水着回についてあるあるネタをまとめました。コメントをキャンセルメールアドレスが公開されることはありません。名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。