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パターンの口の形状を設定して、口を動かす際の基本となる「あいうえお」の動きを作成する手順を紹介しています。
animate.css

animate.cssの機能「delay slow fast」

このページでは animate.css のクラス「delay slow fast」を設定した際の動作を紹介しています。アニメーションを開始するタイミングや速度を変更したい場合に活用してください。
ピクトグラム

Live2D×ピクトグラム(rain)

Live2Dでアニメーションを作成する練習として、ピクトグラム素材を使用しています。今回は、雨が降っているシーンです。
Photoshopの機能

Photoshopの機能「レベル補正」

Photoshopの写真補正機能「レベル補正」を使用して、写真の色調やカラーバランス、明るさなどを調整する作業を行います。
チュートリアル

写真を水彩画風に加工する【Part2】

Photoshopで写真を水彩画風に加工するチュートリアルをやってみたので紹介します。
チュートリアル

Photoshopで写真をドット柄風に加工する

Photoshopで写真をドット柄に加工するチュートリアルをやってみたので紹介します。
anime.js

anime.jsでドット絵を制御する【Part2】

この記事ではアニメーションのライブラリ「anime.js」を使用して、マウスオーバーを活用したドット絵のアニメーションを紹介しています。
anime.js

anime.jsでドット絵を制御する

この記事ではアニメーションのライブラリ「anime.js」を使用して、ドット絵を少しずつ切り替えるアニメーションを紹介しています。
anime.js

anime.jsでrandomメソッドを使ってみる

アニメーションのライブラリ「anime.js」のrandom関数について紹介しています。
スポンサーリンク