Skip to content

Latest commit

 

History

History
148 lines (92 loc) · 5.26 KB

README.md

File metadata and controls

148 lines (92 loc) · 5.26 KB
Raw

Cubism Web Samples

Live2D Cubism 3 Editorで出力したモデルを表示するアプリケーションのサンプル実装です。

Cubism Coreライブラリと組み合わせて使用します。

フォルダ構成

  • README.md ...本ドキュメント
  • Core ...Coreライブラリが含まれるフォルダ
  • Framework ...レンダリングやアニメーション機能などのソースコードが含まれるフォルダ
  • Samples ...サンプルプロジェクトが含まれるフォルダ
  • .vscode ...Visual Studio Codeのタスクや設定が含まれるフォルダ

Live2D Cubism Core for Web

モデルをロードするためのライブラリです。

TypeScript環境

  1. node.jsをインストールします。
  1. typescriptをインストールします。

  1. Visual Studio Codeをインストールします。

  2. 拡張機能として下記を追加します。

  • Debugger for Chrome
  • Live Server

  1. Visual Studio Codeを再起動します。

  2. ビルドに必要な物をインストールします。
    package.jsonがあるディレクトリに移動し、下記コマンドを実行します。
    npm install

TypeScript Core Binding

CoreライブラリはTypeScript用に以下プロジェクトでバインドし、出力されたファイルをCoreフォルダに入れる必要があります。

インストール、バインドに必要な手順については下記を参考にしてください。
https://github.com/Live2D/CubismBindings

動作確認バージョン

  • emscripten 1.37.40, 1.38.12
  • Python 2.7.15
  • PyYAML 3.12
  • Pystache 0.5.4

バインドに必要なemscriptenについては下記を参考にしてください。
https://kripken.github.io/emscripten-site/docs/getting_started/downloads.html#updating-the-sdk

ビルド方法

上記TypeScript環境を前提とした操作になります。

  1. Visual Studio Codeでプロジェクトフォルダを開きます。
    (例)E:\Workspace\CubismWebSamples

  2. ビルドし、JavaScriptを生成します。
    ctrl+shift+Bでビルドタスクを選択
    または　ターミナル上で npm run build-sample を実行すると、JavaScriptが生成されます。

    各タスクの説明
    npm:build-framework : フレームワークのみをビルドし、JavaScriptファイルを生成します。
    npm:watch-framework : フレームワークのみをウォッチし、変更が保存された際にJavaScriptファイルを生成します。
    npm:build-sample : サンプルをビルドします。
    npm:watch-sample : サンプルをウォッチします。
    npm:build-all : フレームワークとサンプルをビルドします。
    npm:watch-all : フレームワークとサンプルをウォッチします。

  3. サーバーを起動します。
    Visual Studio Codeの画面下の水色のフッターからGo Liveをクリックすると、サーバーが起動します。

  4. 実行
    F5で実行し、remote web site with sourcemapを選択します。

SDKマニュアル

Cubism SDK Manual

変更履歴

当リポジトリの変更履歴についてはコミットログを参照ください。

動作確認環境

  • Windows Chrome 70.0.3538.67
  • Windows Firefox 63.0
  • Windows Microsoft Edge 17.17134
  • macOS Chrome 70.0.3538.77
  • macOS Firefox 63.0
  • macOS Safari 12.0
  • iOS Safari 12.0
  • Android Chrome 70.0.3538.64

TODO

以下Core内関数の実装

  • csmSetLogFunction
  • csmGetLogFunction
  • csmSetLogFunction
  • csmGetVersion

ライセンス

Cubism Web Samples は Live2D Open Software License で提供しています。

Live2D Cubism Core for Web は Live2D Proprietary Software License で提供しています。

Live2D のサンプルモデルは Free Material License で提供しています。

  • Free Material License 日本語 English
    • Resources/Haru/*
    • Resources/Hiyori/*
    • Resources/Mark/*

直近会計年度の売上高が 1000 万円以上の事業者様がご利用になる場合は、SDKリリース(出版許諾)ライセンスに同意していただく必要がございます。

All business users must obtain a Publication License. "Business" means an entity with the annual gross revenue more than ten million (10,000,000) JPY for the most recent fiscal year.