Character-Split Sample -TextAlive-

TextAlive APIを使った、歌詞がアニメーションするものです。バラバラな文字が、形成されます。

実行するには、TextAlive APIのトークンが必要です。

TextAlive API is used to animate lyrics. Disparate letters are formed.

A TextAlive API token is required to run it.

Demo

https://misora.main.jp/ea4azmyb/text/

Getting Started

Download and install Node.js on your computer (https://nodejs.org/en/download/).

Then, open VSCODE, drag the project folder to it. Open VSCODE terminal and install dependencies (you need to do this only in the first time)

npm install

Run this command in your terminal to open a local server at localhost:8080

npm run dev

Song

『初音ミク「マジカルミライ 2024」楽曲コンテスト』の受賞作品6曲

https://magicalmirai.com/2024/procon/

Resource

Three.js

GSAP

TextAlive api