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

マウス操作に反応するインタラクティブなTextAlive App APIの作例

発声中のテキストを表示したりTextAlive ホストの有無により再生コントロールの表示状態を切り替えたりするTextAlive App APIの作例

初音ミク「マジカルミライ」 10th Anniversary プログラミング・コンテスト_入選作品 No.3「Miracle Universe =」

利用 TextAlive App API 與 three.js 製作互動式 PV - Magical Mirai 2020 Programming Contest 入門教學

Adobe After Effects で作成したアニメーションを Lottie プラグインで書き出したものをビートに合わせて表示するTextAlive App APIの作例

インタラクティブな歌詞カードを実装した TextAlive App API の作例

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

React を使用し、TextAlive ホストがあればフォントや配色などを調整可能な TextAlive App API の作例

発声中のフレーズと現在のビートの情報を表示する TextAlive App API のシンプルな作例

楽曲のFFTと波形情報をTextAliveと連携させるサンプルサイトです。

Voiceアニメーション。TextAlive App APIを使った、歌詞が宙に舞うようにアニメーションするものです。

script タグで API を読み込み、発声中のフレーズとビート情報を表示する TextAlive App API の作例です

輪郭線アニメーション。TextAlive App APIを使った、歌詞の文字の輪郭線がアニメーションするものです。

全画面キャンバスに歌詞を描画するTextAlive App APIの作例

分割テキストアニメーション。TextAlive APIを使った、歌詞がアニメーションするものです。

マジカルミライプログラミング・コンテスト2024 落選作品