Cubism SDK for JavaScript

CubismJsで画像の切替機能を実装する

このページではCubism SDK for JavaScriptでPNG画像を表示する作業を行います。現在はCubism SDK for Webに移行しているため、あくまでも参考程度に留めてください。
Cubism SDK for JavaScript

CubismJsで動画(MP4)を再生する

このページではCubism SDK for JavaScriptでMP4(動画ファイル)を再生する作業を行います。現在はCubism SDK for Webに移行しているため、あくまでも参考程度に留めてください。
Cubism SDK for JavaScript

CubismJsでモーションファイルを再生する

このページではCubism SDK for JavaScriptでモーションファイルを再生する作業を行います。現在はCubism SDK for Webに移行しているため、あくまでも参考程度に留めてください。
スポンサーリンク
体の動き

Live2Dで腕を動かす

この記事では Live2D で腕を動かすパラメータを作成する方法として、肩、肘、手首に回転デフォーマを配置する進め方を紹介しています。
ピクトグラム

Live2D×ピクトグラム(golden axe)

Live2Dでアニメーションを作成する練習として、ピクトグラム素材を使用しています。今回は童話「金の斧 銀の斧」をモチーフとします。
配色

色の組み合わせ「コンパウンド」

このページでは Adobe Color CC のカラールール「コンパウンド(複合)」で色の組み合わせを試しています。
配色

色の組み合わせ「トライアド」

このページでは Photoshop でトライアド(色相環上で、120度間隔の位置の3つの色相を用いた配色)を設定したグラデーションを試しています。
配色

色の組み合わせ「補色」

このページでは Photoshop で補色(色相環で正反対に位置する関係の色の組合せ)を設定したグラデーションを試しています。
Cubism SDK for JavaScript

CubismJsで時間当てゲームを作成する

このページでは、簡単なプログラムのゲームとCubism SDK for JavaScriptのモデルの動きを連動させる作業を行います。現在はCubism SDK for Webに移行しているため、あくまでも参考程度に留めてください。
Cubism SDK for JavaScript

CubismJsで視線追従を設定する

このページではCubism SDK for JavaScriptを使用して、Live2Dのモデルに視線追従の設定を行います。現在はCubism SDK for Webに移行しているため、あくまでも参考程度に留めてください。
Cubism SDK for JavaScript

Cubism SDK for JavaScript を使ってみる

このページではCubism SDK for JavaScriptを使用してモデルを表示する作業を行っています。現在はCubism SDK for Webに移行しているため、あくまでも参考程度に留めてください。
顔の動き

Live2Dで口の形「あいうえお」を作成

この記事ではLive2Dのパラメータに12パターンの口の形状を設定して、口を動かす際の基本となる「あいうえお」の動きを作成する手順を紹介しています。
スポンサーリンク