4
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

ニコ生ゲームの作り方についてまとめた(まとめてくれている)記事 ※リンク多め

Last updated at Posted at 2021-10-13

ニコ生ゲームとは:kissing_closed_eyes:

ニコニコ生放送で視聴者参加型の皆で出来るゲームです。
例:つりっくま、ニコニコタワーなど。

ニコ生ゲームはゲームエンジンとしてAkashic Engineを使用しています。
言語はjavaScriptかTypeScript。

公式HP

ニコ生ゲームの作り方

逆引きリファレンス

公式サンプルとか

その1 下準備 :kissing_closed_eyes:

自分のPCで動作させるためにインストールするもの

※2021/10/13現在の推奨版
image.png

その2 Akashic 関連ツールのインストール:kissing_closed_eyes:

Windows環境で説明します。
画像の1のところにcmdと入力
画像2のコマンドプロンプトを起動
image.png

出てきた黒い画面にこれをコピペしてエンター↓
npm install -g @akashic/akashic-sandbox

おわったらこれもコピペしてエンター↓
npm install -g @akashic/akashic-cli

その3 テキストエディター:kissing_closed_eyes:

いわゆるコードを編集するソフト。
おすすめはVSCode
https://azure.microsoft.com/ja-jp/products/visual-studio-code/

Download now もしくは いますぐダウンロード

これで下準備は終わり!!(多分)

#※コマンドプロンプトのコマンドまとめ:kissing_closed_eyes:

 cd 作業するフォルダのパス 

で作業フォルダに移動したら

akashic-sandbox 

でゲーム用のローカルサーバー起動

このURLでゲーム画面確認

http://localhost:3000

CTRL+Cで終了 Y/Nが出た場合はYで終了 ※ Yes と No の意味

画像や音声ファイルを追加するときは終了した状態で

akashic scan asset

ニコ生ゲーム用に出力する場合は

akashic export html --output ./game.zip --atsumaru

※gameのところは任意の名前

ニコ生ゲームの制約

zip ファイルの 展開後の合計サイズが 10 MB 以下
zip ファイルに含まれる game.json が 100KB 以下
全てのテキストファイル (.js, .json, .txt など) の 文字コードが UTF-8

わかりやすい記事:kissing_closed_eyes:

シングルゲームやマルチプレイゲームのサンプルコードや改造のやり方を記事にしてくれています。

僕も大変お世話になっております!

困ったときは・・・(なにかあれば更新予定):kissing_closed_eyes:

Q. IOSで起動しない!

A. Audioファイルにaacファイルが含まれてない可能性があります。すべての音声ファイルのoggとaacを入れると解決するかもしれません。
https://github.com/akashic-games/complete-audio

Q. 商品情報の取得に失敗しました。

image.png

A. ゲームタイトルの単語ではじかれてるかもしれません。変更してみましょう。
ちなみに僕はこの自作ゲームの
image.png

「うんち」 という単語を消すと正常にリクエストできるようになりました。
※推測ですが、 「おっぱい」 もだめかもしれません

Q. テキストの色を変えたいけど変わらない!

A. 

label.modified();

ではなく、

label.invalidate();

で反映されます。

自分は結構悩んでましたが、逆引きリファレンスを見て気づきました・・w

※気を付けたほうがいいかもしれないこと:kissing_closed_eyes:

現状ではニコ生ゲーム上ではキーボード入力がサポートされておらず
強引に対応させると動作しない場合があるみたいです。
※アツマール上であれば問題ないみたいです。

4
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?