Giter VIP home page Giter VIP logo

cubismwordpressplugin's Introduction

Live2D WordPress Plugin

Cubism SDK For JavaScript を WordPress で動かすためのプラグインです。

WordPress のブログ上に Live2D モデルを表示することができます。

管理画面が付いているので手軽に編集操作が行えます。

インストールするには?

  1. トップページ の右上にある "Clone or download" ボタンを押します

  2. ポップアップが表示されるので、"Download ZIP" ボタンを押します

  3. ダウンロードした zip ファイルを解凍します

  4. 解凍した live2d フォルダを WordPress の plugins ディレクトリにアップロードします

  5. WordPress の管理画面から "Live2D WordPress Plugin" を有効化します

  6. ブログ上にデフォルトのモデルが表示されます

オリジナルのモデルを使うには?

  1. assets フォルダの moc3 や json、テクスチャをオリジナルのモデルに差し替えます

  2. WordPress の管理画面を開き、サイドメニューから Live2D Settings を開きます

  3. "Model path" などの入力項目を、差し替えた各ファイルへのパスに変更します

  4. 「変更を保存」ボタンを押して入力項目の内容を保存します

  5. オリジナルのモデルが表示されるようになります

モデルの位置やサイズを変更するには?

  1. WordPress の管理画面を開き、サイドメニューから Live2D Settings を開きます

  2. "Attach tag" をモデルの位置の基準にしたいタグに変更します

  3. "Possition x" "Possition y" を基準にしたいタグからの相対位置に変更します

  4. "Scale" を任意のサイズに変更します

  5. 「変更を保存」ボタンを押して入力項目の内容を保存します

  6. 変更後の位置やサイズがモデルに反映されます

機能

  • マウスカーソルを視線追従する機能

  • マウスクリックでのモーション切り替え機能

注意事項

視線追従機能を有効にするために、下記パラメータの更新を無効化しています。

  • PARAM_ANGLE_X
  • PARAM_ANGLE_Y
  • PARAM_EYE_BALL_X
  • PARAM_EYE_BALL_Y
  • ParamAngleX
  • ParamAngleY
  • ParamEyeBallX
  • ParamEyeBallY

モデルの設計に応じて下記のファイルを編集してください。

  • live2dcubismframework.js (Animation.prototype.evaluate 関数内)
  • pixiWordPressPlugin.js

ライセンス

live2d.php は GNU General Public License, version 2 で提供しています。

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

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

  • Live2D Open Software License 日本語 English
    • live2dcubismframework.js
    • live2dcubismpixi.js
    • pixiWordPressPlugin.js

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

直近会計年度の売上高が 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.

cubismwordpressplugin's People

Contributors

t-takasaka-live2d avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.