TextAliveJp / textalive-app-dance

3Dモデルを使った複雑な処理を含むTextAlive App APIの作例

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

TextAlive App API "dance" example

TextAlive App API のサンプルコードです。 3Dモデルを使った複雑な処理を行っています。 このアプリが TextAlive ホストと接続されていなければ再生コントロールやパラメタ調整用ユーザインタフェースを表示します。

デモページ: https://textalivejp.github.io/textalive-app-dance/

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

sample

違う楽曲で試すには

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

開発

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

npm install
npm run build-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-dance

About

3Dモデルを使った複雑な処理を含むTextAlive App APIの作例

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


Languages

Language:TypeScript 98.1%Language:CSS 1.3%Language:HTML 0.6%