Cubism SDK for JavaScript

Live2Dでイベントを設定して表示する

このページではLive2DのAnimatorで設定したイベントをCubism SDK for JavaScriptで表示する作業を行います。現在はCubism SDK for Webに移行しているため、あくまでも参考程度に留めてください。
色々なフィルタ

フィルターギャラリーで試行錯誤

Photoshopには多数のフィルタ機能が用意されています。この記事では「粒状フィルム、色鉛筆」フィルタの使用例を紹介します。
色々なフィルタ

Photoshopの機能「フィルターギャラリー」

Photoshop(フォトショップ)には多数のフィルター機能が用意されています。この記事では3種類のフィルター(カットアウト、ラップ、ステンドグラス)の使用例を紹介しています。
スポンサーリンク
配色

日本の色を使ったグラデーション

このページではPhotoshopのグラデーションマップを使用して、日本語で呼称される色(紺青・牡丹色等)を設定したグラデーションを試しています。
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 で補色(色相環で正反対に位置する関係の色の組合せ)を設定したグラデーションを試しています。
スポンサーリンク