Skip to content

初音ミク「マジカルミライ 2020」プログラミング・コンテスト応募作品【受賞】

License

Notifications You must be signed in to change notification settings

7mA/Light-Particles-and-Sea-of-Words

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

89 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

光粒子とコトバの海 | Light Particles and Sea of Words

イメージ図

デブリに見えるほどの無数の光粒子とグリーンライツを放つ流星をイメージにした物語。

やがてコトバたちがキミの命になってゆく。

初音ミク「マジカルミライ 2020」プログラミング・コンテスト応募作品

URL: https://7ma.github.io/Light-Particles-and-Sea-of-Words/

TextAlive ホストと接続するか、アプリURLにクエリパラメータを指定すれば曲が選べます。

TextAlive ホストと接続された状態をテストするには TextAlive App Debugger のページにアクセスしてください。

プログラムならではの演出互換性

プログラムの優秀な互換性を生かし、どんな曲でもふさわしい映像演出ができます。

// YouTube
player.createFromSongUrl("http://www.youtube.com/watch?v=XSLhsjepelI");

// Piapro
player.createFromSongUrl("https://piapro.jp/t/C0lr/20180328201242");

// Niconico
player.createFromSongUrl("http://www.nicovideo.jp/watch/sm32459303");

楽曲の中にある秘密を掘り出す

聞こえる音声以外には、楽曲に隠れる情報をよく掘り出して、ビジュアライズします。

ビートに合わせて回転し続ける光の球、発声タイミングと一緒に出てくる歌詞

ビート、歌詞

コード進行に従うバーチャルキーボード、さらにサビと一緒に盛り上がる

キーボード

間奏でも音量で曲の熱意を伝える

音量

自分で演出をカスタマイズしよう

「詳細設定」ではさらにカスタマイズができます。 ピアプロキャラクターのイメージ色に合わせて、曲の映像も変えます。

キーボードがあるのに、弾けないともったいない! 「マニュアルモード」では、PCのキーボードでも映像演出をカスタマイズできます。

やがて言葉がキミになってゆく

目の前にある言葉たちを集め、その声の果てまで見渡そう。

開発

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

npm install
npm run dev

ビルド

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

npm run build

TextAlive App API

TextAlive

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

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


https://github.com/7mA/Light-Particles-and-Sea-of-Words

About

初音ミク「マジカルミライ 2020」プログラミング・コンテスト応募作品【受賞】

Resources

License

Stars

Watchers

Forks

Packages

No packages published