「ニコニコ新市場」運営です。
ニコニコ新市場では、「つりっくま」や「ニコニコテレビちゃんジャンプ」のような公式コンテンツの他にも、ユーザーの皆さんがゲームやツールを作って投稿できる仕組みを用意しています。
そういった『自作ゲーム』『自作ツール』を作るには、原則としてプログラミングの知識が必要になりますが…ユーザーの皆さんが改造して利用できるゲームのソースコードを運営が用意しています。
ソースコードの改造であれば、プログラミングの知識が無い方でもオリジナルのゲームを作ることが可能です。
今回は、特に改造が簡単な「スピードジグソー」の改造方法をご紹介したいと思います。
みなさん是非トライしてみてください。
「スピードジグソー」のご紹介
スピードジグソーはRPGアツマールにも投稿しています。まずはゲームをプレイしてみましょう。
⇒https://game.nicovideo.jp/atsumaru/games/gm10728
一言で言えば、制限時間つきのジグソーパズルゲームですね。
このパズルの絵を差し替えるだけで、自分オリジナルの「スピードジグソー」を作ることができます。
とはいえ絵を準備するだけではなく、少しだけプラスアルファでやらなくてはいけないことがあるので順番にやり方を追っていきましょう。
環境の用意
まずはじめに避けて通れないのは環境の用意です。
ニコニコ新市場対応コンテンツはAkashic Engineというもので制作されています。Akashic Engineは、ドワンゴが制作しているオープンソースのエンジンです。
まずは、この環境を手元に用意しましょう。
環境の準備についてはこちらの記事にわかりやすく記載しているのでご参照ください。
https://dwango.github.io/niconico/jikken-housou/akashic-content1/
上記ページのソースの用意の前まで終わったら次は改造する元ネタをダウンロードします。
ソースの用意
それでは今回改造するゲームのソースコードをダウンロードしましょう!以下のURLからダウンロードしてください。
https://github.com/akashic-contents/speed-jigsaw/releases/download/v1.0.0/game.zip
GitHubからのダウンロード方法は先ほどの泥棒バスターの記事に記載されています。
同記事内『ソースの用意』という箇所をご参照ください。
ここまで終わればいよいよ改造です!
今回は画像を差し替えてジグソーパズルの種類を変更しましょう。
スピードジグソーを解凍したフォルダの中に、ゲームに必要なリソースが一式入っています。
その中のimageフォルダの中に「ui_2.png」というファイルがあります。
この絵を差し替えればゲーム内に出てくるジグソーパズルの絵も変わります。
画像は6枚の絵が合わさった1枚の画像になっています。1枚、250pixel×250pixelの絵素材が6枚必要になります。
上の画像は絵の部分のみを表示していますが、実際のフォルダの中にある画像ファイルは1024pixcel×1024pixelに左上寄せで絵が配置してあります。
今回はいらすとやさんの画像を使ってみましょう。
配置してみました。
ここで泥棒バスターの記事内『Akashicのインストール』部分で起動したCUIツールを再び使います。
同記事内の『ソースの用意』を参照いただいて、ゲームをダウンロードした場所まで作業ディレクトリを移動(cd)し、以下のコマンドを実行してください。
実行すると、『http://localhost:3000 にブラウザでアクセスしてください』、という趣旨のメッセージが表示されます。
上記のURLにアクセスするとブラウザ上でゲームが遊べると思います。
フォルダ内の画像が元々の画像のままだと、元のジグソーパズルの絵柄です。
ファルダ内の画像を差し替えてからブラウザをリロードするとご自身で用意した画像がジグソーパズルになっているかと思います。
パズルの絵が元の絵ではなく差し替えたものに変わっていれば改造できています!
パズルの絵以外にも、タイトル等の画像も同じように差し替えることが可能です。
さぁ、自分だけのゲームが完成したら、実際に新市場に登録申請してみましょう!
アツマールへのアップロード
ニコニコ生放送で今作ったゲームを遊べるようにするには、RPGアツマールにアップロードし、ニコニコ新市場に登録申請する必要があります。
以下の記事を参考にアツマールにゲームの投稿、ニコニコ新市場へ登録申請を行ってください。
申請後、実際にニコニコ生放送で登録したゲームが使えるようになるには少し時間がかかりますが、是非気軽に登録してみてください。
無事に反映された後は、みなさんも生放送上で自分の作ったゲームを視聴者の皆さんと遊べるようになります。
生放送上の新市場のタブ内の『自作ゲーム』『自作ツール』に表示されるのをお待ちください。
おわりに
今回はプログラミングにあまり慣れていない方のために、画像の差し替えだけで自作の改造コンテンツを楽しめるよう、「間違い探し」の改造方法を説明させていただきました。
最初の環境構築は難しいかもしれませんが、それさえ乗り越えれば、画像の差し替えだけで楽しみ方が広がることがわかっていただけたかと思います。
実際、今回のこの記事を書いたのはプログラミング経験が一切ない人間です。プログラミングらしいことはほとんどしないでゲームの改造ができることがわかりグッとゲームの改造のハードルが下がりました!
自分が作ったネタを投稿して生放送で大勢に使ってもらえたら…
そう考えるだけで楽しいですよね!!
これをきっかけに少しずつプログラミングにも挑戦していただけたらと思います。
今後もこういったコンテンツ制作者向けの記事を書いていきますのでよろしくお願いいたします。