あなたと繋いだ光

作品への思い

作品のテーマは「光」です。

ペンライトを振るのが待ちきれなくて制作しました(笑)

マジカルミライが初めて開催されてから10年。

それだけ長く愛されるコンテンツであることは１ファンとして大変嬉しいです。

当時中学生だった僕たちは、ミク達と共に大人になりました。

楽しいときも、苦しいときも、あの場所でみんなで照らした光が、僕たちを前へ進ませてくれます。

この先も僕たちは、初音ミク、VOCALOID、そしてマジカルミライを愛し、楽しみ続けます！

みんなで繋ぐこの光が、新たなミライへと繋がることを信じて！！

---

https://magimira2022.exertiongame.com

masterブランチのものがここにホスティングされています。

概要

• TextAliveAppAPIを利用して楽曲に合わせた演出を行うWebアプリケーションです。
• ペンライトを実際に動かすことができます。
• 画面上クリックでペンライトの色が変更できます。
• ペンライトの色はマジカルミライ2021年のペンライトを参考にしています。

利用方法

準備

• Node.js をインストールしている環境で以下のコマンドを実行すると、開発用サーバが起動します。

git clone https://github.com/ra-menda/project-magimira2022.git
cd project-magimira2022/
npm install

開発用サーバ起動

• 以下のコマンドで開発用サーバが起動します。

npm run dev

ビルド

• 以下のコマンドで docs 以下にビルド済みファイルが生成されます。

npm run build

操作方法

楽曲変更方法

• デフォルト起動時は『Loading Memories / せきこみごはん feat. 初音ミク』が流れるようになっています。
• URLにクエリパラメータta_song_url={楽曲URL}をつけることで好きな楽曲で楽しめます。
• 右下のURL欄にTextAlive対応楽曲のYoutube動画やニコニコ動画のURLを貼り付け、「変更」ボタンを押すと楽曲が切り替わります。

2022楽曲コンテスト受賞楽曲

『Loading Memories / せきこみごはん feat. 初音ミク』https://www.youtube.com/watch?v=ZOTJgXBkJpc

『青に溶けた風船 / 初音ミク』https://piapro.jp/t/9cSd/20220205030039

『歌の欠片と / MEIKO』https://www.youtube.com/watch?v=CkIy0PdUGjk

『未完のストーリー / 初音ミク』https://www.youtube.com/watch?v=GSt0gPV2E9M

『Miku＆cat nap - みはるかす』https://www.youtube.com/watch?v=qVTavYjd9Ek

『201 - fear ft. hatsune miku』https://www.youtube.com/watch?v=ZK2rp1VdNy4

ペンライトの色変更方法

• 画面上を押すと、手元のペンライトと会場のペンライトの色が変更されます。

1. 初音ミク
2. 鏡音レン
3. 鏡音リン
4. 巡音ルカ
5. MEIKOさん
6. KAITOさん
7. 白色

の順でペンライトの色が変更します。

---

TextAlive App API

TextAlive App API は、音楽に合わせてタイミングよく歌詞が動くWebアプリケーション（リリックアプリ）を開発できるJavaScript用のライブラリです。

TextAlive App API について詳しくはWebサイト TextAlive for Developers をご覧ください。

クレジット

• WebPage Development : ラーメン , Ocean , おわたん
• Illust : いとこん
• Special Thanks : まぶちゃん , ExertionGame

---

https://github.com/ra-menda/project-magimira2022