Live2DをWebで動かしたい！

テクノロジーカテゴリーの変更を依頼記事元:

zenn.dev/seya

1 userがブックマークコメント

コメント

0

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

Live2DをWebで動かしたい！

Live2Dを動かしたい...Webで！という訳で動かすまでの軌跡をまとめました。 Next.js上で動作することを... Live2Dを動かしたい...Webで！という訳で動かすまでの軌跡をまとめました。 Next.js上で動作することを確認していますが、他のフレームワークや純粋なHTML/JS環境でも応用は可能です(多分)。方法としては次の二つを順にご紹介します。公式SDKの活用 pixi-live2d-display のForkであるこちらを使う今回は、まずは公式SDKをざっと触ってみて、その後にpixi-live2d-displayというライブラリを使ってよりカジュアルにモデルを動かしていく流れを見ていきます。公式SDK こちらからダウンロードできます。ダウンロードした後 npm install npm run build npm run serve すると動きます。やったね！コードに変更を加える度に npm run build が必要っぽいです。右上の歯車をクリックするとキャラが切り替わ

ブックマークしたユーザー

tebamoto2024/12/22

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx