iphone・Android アプリ化対応。HTML5製アドベンチャーゲーム制作キット。

Live2Dプラグイン

ティラノスクリプトでLive2Dを簡単に使用できるプラグインです。

動作サンプル

※Chrome・safari推奨

このゲームのプロジェクトフォルダをダウンロードできます。

ゲーム制作の参考にしてください。

◆解説

ぬるぬる動くLive2Dモデルをキャラクターとして使う事ができます。

このプロジェクトはダウンロードできますが、Live2Dより開発キットを取得して追加する必要があります
動作を試す場合はLive2D SDK WebGL(http://www.live2d.com/download)をDLし、
その中のlive2d.min.jsをothers/live2d/lib配下に配置してください。

ティラノスクリプト Ver3.22以上が必要です。


◆使い方

Live2D x TYRANOSCRIPTプラグイン v1.00
株式会社Live2D 池和田 直仁

<導入すると、以下の機能が追加されます>
・Live2Dモデルを表示し、モーション再生できます
・Live2Dモデルのモーション再生と共に音声も再生できます

<使い方>
(1)others/live2d/assets配下にLive2Dモデルファイルを配置します
(2)others/live2d/Live2Dmodel.jsのモデルファイルパスを(1)で配置したパスに修正します
(3)Live2D SDK WebGL(http://www.live2d.com/download)をDLし、
  その中のlive2d.min.jsをothers/live2d/lib配下におきます。
(4)scenario/live2d/live2d.ksを読み込んで下さい。

【プラグインの読み込み】
[call storage="live2d/live2d.ks"]

※ 以下の"キャラ名"はLive2Dmodel.jsで指定したLIVE2D_MODEL['キャラ名']と同じにして下さい。

・Live2Dモデルの生成
 [live2d_new name="キャラ名"]
 【パラメータ一覧】
  name : 【必須】Live2DモデルID(Live2Dmodel.jsで付けた名前)
  left : Live2Dモデルの横位置(Canvasの横位置)
  top : Live2Dモデルの縦位置(Canvasの縦位置)
  width : Live2Dモデルの横幅(Canvasの横幅)
  height : Live2Dモデルの縦幅(Canvasの縦幅)
  zindex : Live2Dモデルの奥行き(Canvasの奥行き)
  opacity : Live2Dモデルの透明度(0.0~1.0)
  glleft : Canvas内のLive2Dモデル横位置(0.0〜2.0ぐらい)
  gltop : Canvas内のLive2Dモデル縦位置(0.0〜2.0ぐらい)
  glscale : Canvas内のLive2Dモデル拡大縮小サイズ(0.0〜2.0ぐらい)

・Live2Dモデルの表示
[live2d_show name="キャラ名"]
 【パラメータ一覧】
  name : 【必須】Live2DモデルID(Live2Dmodel.jsで付けた名前)
  time : 切り替え時間(1000=1秒)

・Live2Dモデルの非表示
[live2d_hide name="キャラ名"]
 【パラメータ一覧】
  name : 【必須】Live2DモデルID(Live2Dmodel.jsで付けた名前)
  time : 切り替え時間(1000=1秒)

・Live2Dモデルの透明度
[live2d_opacity name="キャラ名"]
 【パラメータ一覧】
  name : 【必須】Live2DモデルID(Live2Dmodel.jsで付けた名前)
  opacity : 透明度(0.0~1.0)
  time : 切り替え時間(1000=1秒)

・Live2Dモデルの退場
[live2d_delete name="キャラ名"]
 【パラメータ一覧】
  name : 【必須】Live2DモデルID(Live2Dmodel.jsで付けた名前)

・Live2Dモデルのモーション再生
[live2d_motion name="キャラ名"]
 【パラメータ一覧】
  name : 【必須】Live2DモデルID(Live2Dmodel.jsで付けた名前)
  filenm : モーション番号(モーションファイル名)
  idle : アイドリング有無('ON'など文字列を渡すとアイドリングさせます)

・Live2Dモデルの移動
[live2d_trans name="キャラ名"]
 【パラメータ一覧】
  name : 【必須】Live2DモデルID(Live2Dmodel.jsで付けた名前)
  left : 【必須】X位置
  top : 【必須】Y位置
  time : 切り替え時間(1000=1秒)
 ※ 移動は現在の位置から移動する値を入力します。
   横だけに移動の場合、top=0 left=100という値にします。

・Live2Dモデルの回転
[live2d_rotate name="キャラ名"]
 【パラメータ一覧】
  name : 【必須】Live2DモデルID(Live2Dmodel.jsで付けた名前)
  rotate : 【必須】回転角度
  time : 切り替え時間(1000=1秒)

・Live2Dモデルの拡大・縮小
[live2d_scale name="キャラ名"]
 【パラメータ一覧】
  name : 【必須】Live2DモデルID(Live2Dmodel.jsで付けた名前)
  scaleX : 【必須】Xスケール
  scaleY : 【必須】Yスケール
  time : 切り替え時間(1000=1秒)

・Live2Dモデルを揺らす
[live2d_shake name="キャラ名"]
 【パラメータ一覧】
  name : 【必須】Live2DモデルID(Live2Dmodel.jsで付けた名前)

サンプルゲーム一覧

テクニックサンプル集

ティラノスクリプトを使ったテクニックサンプル集です。改造、配布は自由ので、ゲーム制作の学習などにご利用ください

Live2D × ティラノスクリプト

ティラノスクリプトでLive2Dが利用できるプラグインが提供されています。

基本機能デモゲーム

ティラノスクリプトの基本機能をひと通り確認することができるデモです。

ビジュアルノベル形式

ビジュアルノベル形式のゲームです。
タイトル画面の作り方や、クリア後の回想シーンなどの作り方の参考になるでしょう。

スマートフォンアプリ用

スマートフォンアプリを意識して制作されたデモゲームです。 縦型の画面サイズ設定や、画面の作り方などが参考になるでしょう。

Webアプリケーション

ティラノスクリプトの機能を活用したWeb形式のアプリケーションです。
ゲーム以外でも幅広く活用できます。また、「アニメーション」「Youtube再生」「名前入力」などのサンプルとしてご活用ください。

改造サンプル

ユーザ様のご好意により、カスタマイズしたコードをご提供頂きました。
ティラノスクリプトはオープンソースなので大胆にカスタマイズすることも可能です