TextAliveJp / textalive-app-p5js

p5.js を使った TextAlive App API の作例

Home Page:https://textalivejp.github.io/textalive-app-p5js/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

TextAlive App API p5.js example

TextAlive App API のサンプルコードで、 p5.js を使った作例です。CodePenにアクセスすると、Webブラウザ上でこのアプリケーションのソースコードを編集できます。

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

sample

違う楽曲で試すには

TextAlive App API で開発されたWebアプリケーションは、(特定の楽曲向けに作り込んでいない限り)URLのクエリパラメタで ta_song_url={楽曲のURL} を指定すると異なる楽曲で演出を試せます。

開発

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

npm install
npm run dev

ビルド

以下のコマンドで docs 以下にビルド済みファイルが生成されます。 サンプルコードのデモページGitHub Pages で、このリポジトリの docs 以下のファイルが提供されています。

npm run build

TextAlive App API

TextAlive

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

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


https://github.com/TextAliveJp/textalive-app-p5js

About

p5.js を使った TextAlive App API の作例

https://textalivejp.github.io/textalive-app-p5js/


Languages

Language:JavaScript 75.1%Language:CSS 12.8%Language:HTML 12.1%