Cubism SDK for Web

CubismWebでモーショングループを追加する

Cubism SDK for Webにモーショングループを追加して、任意のタイミングでモーションを再生することを試みています。
Cubism SDK for Web

Cubism SDK for Web を使ってみる

この記事では Cubism SDK for Web の基本的な動作(モデルの表示とアニメーション)について確認しています。
anime.js

anime.jsでstaggerを使ってみる

アニメーションのライブラリanime.jsのv3.0で追加されたStaggering animationsについて紹介しています。
スポンサーリンク
Photoshopの機能

Photoshopの機能「自由変形」と遠近法

Photoshop(フォトショップ)で対象を変形させる機能の一つ、遠近法を使用した変形についてサンプルを交えて紹介しています。
Photoshopの機能

写真とイラストを組み合わせる【散歩】

このページではPhotoshopを使用して、動物の写真とイラストの合成について模索しています。
Photoshopの機能

写真とイラストを組み合わせる

このページでは画像編集ソフトPhotoshopを使用して、写真とイラストを合成する手順を2種類紹介しています。
体の動き

Live2Dでトコトコ歩く動作を作成する

Live2Dでトコトコ歩くような感じのモーションを作成します。この記事では、デフォルメされたキャラクタをモデルにして作業を進めています。
Live2Dの機能

Live2Dのテンプレート機能[SDキャラ]

この記事では、デフォルメされたイラスト向けのLive2Dモデルの構造(デフォーマ)やパラメータを、制作するモデルに移す機能(テンプレート機能)について紹介しています。
Cubism SDK for JavaScript

Vue.jsとCubismJsで数字当て

この記事ではCubism SDK for JavaScriptとVue.jsを使用して、数字当てを行うモデルを作成します。現在はCubism SDK for Webに移行しているため、あくまでも参考程度に留めてください。
Cubism SDK for JavaScript

文字数を利用したリップシンクの生成

この記事ではCubism SDK for JavaScriptで、台詞の文字数からリップシンクを生成することを試みています。現在はCubism SDK for Webに移行しているため、あくまでも参考程度に留めてください。
Cubism SDK for JavaScript

Vue.jsとCubismJsで会話機能を実装する

この記事ではVue.jsとCubism SDK for JavaScriptを使用して、簡単な会話機能を実装する作業を行います。現在はCubism SDK for Webに移行しているため、あくまでも参考程度に留めてください。
Live2Dの機能

Live2Dのテンプレート機能[パラメータ調整]

この記事では、Live2Dのテンプレート機能を適用後のモデルについて、テンプレートと噛み合わなかった部分(まばたき等)の修正の様子を紹介しています。
スポンサーリンク