Unity

コード置き場「MIDI + Unity #1 – #10」

動画内で表示されるコードをまとめました。( MIDI + Unity #1 - #10)
Unity

コード置き場「2DSTG #51 – #56」

動画内で表示されるコードをまとめました。( Unityで2DSTG制作 #51 - #56 )
Unity

コード置き場「2DSTG #41 – #50」

動画内で表示されるコードをまとめました。( Unityで2DSTG制作 #41 - #50 )
スポンサーリンク
Unity

コード置き場「2DSTG #31 – #40」

動画内で表示されるコードをまとめました。( Unityで2DSTG制作 #31 - #40 )
Unity

コード置き場「2DSTG #21 – #30」

動画内で表示されるコードをまとめました。( Unityで2DSTG制作 #21 - #30 )
Unity

コード置き場「2DSTG #11 – #20」

動画内で表示されるコードをまとめました。( Unityで2DSTG制作 #11 - #20 )
Unity

コード置き場「2DSTG制作 #1 – #10」

動画内で表示されるコードをまとめました。( Unityで2DSTG制作 #1 - #10 )
Unity+Live2D

Live2Dモデルのパーツの座標を取得する

Live2Dモデルのパーツの座標を取得することで、攻撃用のアニメーションと、ゲーム内における敵弾の発射位置(ShotPosition)を連動させてみました。
体の動き

ボスユニットのアニメーション

2Dシューティングのボスユニットを新しく追加することになったので、以前にLive2Dで服の動きを練習した際に制作したモデルのパラメータを修正・追加して、ボスユニット用のアニメーションを制作しました。
Unity+Live2D

Premiere Rushで動画に字幕やBGMを加える

動画編集ツール Adobe Premiere Rush を使用して、オープニングの映像や字幕、BGMを追加する作業を行いました。この記事では使用したテンプレートやエフェクト、編集手順などを紹介しています。
Live2Dの機能

Live2Dモデルの販売を開始しました

Live2Dの公式マーケットnizima(にじま)にてLive2Dモデルの販売を開始しました。
色々なフィルタ

スーパーズームで画像を拡大してみる

Photoshop(フォトショップ)のニューラルフィルタ「スーパーズーム」では、画像にズームする際にディテールを追加することで、解像度の低下を補正することができます。今回は2種類の風景画像でスーパーズームを試してみました。
Unity+Live2D

Live2Dモデルのパーツの座標を取得する

Live2Dモデルのパーツの座標を取得することで、攻撃用のアニメーションと、ゲーム内における敵弾の発射位置(ShotPosition)を連動させてみました。
体の動き

ボスユニットのアニメーション

2Dシューティングのボスユニットを新しく追加することになったので、以前にLive2Dで服の動きを練習した際に制作したモデルのパラメータを修正・追加して、ボスユニット用のアニメーションを制作しました。
Unity+Live2D

Premiere Rushで動画に字幕やBGMを加える

動画編集ツール Adobe Premiere Rush を使用して、オープニングの映像や字幕、BGMを追加する作業を行いました。この記事では使用したテンプレートやエフェクト、編集手順などを紹介しています。
Live2Dの機能

Live2Dモデルの販売を開始しました

Live2Dの公式マーケットnizima(にじま)にてLive2Dモデルの販売を開始しました。
Unity+Live2D

Unity 2D Shooting WebGL版

以前の記事で作成したUnityの横スクロール2Dシューティングをアップデートしました。キャラやステージを追加したので、まあまあゲームらしくなってきたかと思います。
Unity+Live2D

CoeFont STUDIOでナレーション音声を入れてみる

CoeFont STUDIOという無料のWeb音声合成サービスを利用してみました。この記事では、CoeFont STUDIOでナレーション音声を生成するところから、動画に入れるまでの手順を紹介しています。
顔の動き

Live2Dで髪を動かす

この記事では、Live2Dで髪を動かすパラメータを作成するまでの流れを紹介しています。髪を動かす際の軌道に焦点を当ててパラメータの作成を行いました。
顔の動き

Live2Dで顔に動きをつける【Part2】

Live2Dで顔の向きを変化させるような割と難しいパラメータを作成する場合には、参考になるイラストがあると作業が捗ります。この記事では、左、上、正面の3方向に顔を動かすパラメータを作成する様子を紹介しています。
体の動き

Live2Dで衣装がなびく動きを作成する

Live2Dで衣装がなびくアニメーションを作成する作業を行いました。波送りのアニメーションは難しいです。
Unity+Live2D

MotionGraphicsの構成要素を学ぶ【Part2】

モーショングラフィックスの構成要素(動き)を実際に作成しながら学習を進めています。今回はフラクタルノイズと波の要素をピクトグラムのアニメーションに加える作業を行います。
Unity+Live2D

MotionGraphicsの構成要素を学ぶ

モーショングラフィックスは、回転、変形、移動、拡縮など様々な要素(動き)で構成されています。この記事ではTiler(オフセット・回転系)とGlow(ブラー・光系)を使用した映像を作成します。
Unity+Live2D

モーショングラフィックスの練習

この記事ではモーショングラフィックス(図形やテキスト、イラストなどに動きや音を加えたもの)の基本的な要素Easing、TrimLine、LineWeight、Move、Scale、Blindを組み合わせて、オープニングの映像を作成するまでの過程を紹介しています。
色々なフィルタ

スーパーズームで画像を拡大してみる

Photoshop(フォトショップ)のニューラルフィルタ「スーパーズーム」では、画像にズームする際にディテールを追加することで、解像度の低下を補正することができます。今回は2種類の風景画像でスーパーズームを試してみました。
色々なフィルタ

ニューラルフィルタでJPEGのノイズを削除する

Photoshop(フォトショップ)のニューラルフィルタ「JPEGのノイズを削除」では、JPEGの圧縮時に発生する斑点「JPEGのノイズ」を削除することができます。今回はフィルタを適用することで、どの位効果があるのか2種類の画像で試してみました。
色々なフィルタ

風景ミキサーで写真の時間帯や季節を変更する

Photoshop(フォトショップ)のニューラルフィルターの1つ「風景ミキサー」では、異なる風景画像をミックスして新しい風景画像を作成することができます。今回はこの機能を使用して、写真の時間帯や季節などを変化させてみました。
色々なフィルタ

ニューラルフィルターを試してみる

Photoshopのニューラルフィルターには「スーパーズーム、JPEGのノイズを削除、カラー化」など様々な種類のフィルタが存在します。今回の記事では、特定のアーティスト(画家)のスタイルを別の画像に適用することができる「スタイルの適用」を試してみます。
チュートリアル

Photoshopで色を変更する

この記事では対象の色を変更するチュートリアルを紹介しています。対象の質感(陰影など)を維持した状態で、色だけを変更したいときなどに有効な方法です。
チュートリアル

Photoshopで空を置き換える

この記事ではカラーチャンネルを利用して、写真の空を置き換えるPhotoshopのチュートリアルを紹介しています。
Photoshopの機能

写真とイラストを組み合わせる【アニメ風】

この記事では Photoshop で写真をアニメ風の背景に加工して、イラストと組み合わせるまでの手順を紹介しています。
Photoshopの機能

グラデーションのプリセットを試してみる

この記事では Photoshop のメジャーアップデート(v21.0)で追加されたグラデーションのプリセットについて紹介しています。
色々なフィルタ

Photoshopで色々なモノクロ加工

この記事では「色調補正」と「Camera Rawフィルター」の2通りの手順で行うモノクロ加工について紹介しています。
色々なフィルタ

Camera Rawフィルタで写真を補正する

この記事では Photoshop の機能「Camera Rawフィルター」を使った写真の補正について紹介しています。プリセットを適用するだけで簡単にビビッドやマット、クールなどの補正を行うことができます。
Photoshopの機能

テキストの自由変形とワープ

この記事ではPhotoshopの機能「自由変形モード」と「ワープモード」を使用して、写真の内容に合わせたテキストの変形について紹介しています。
Photoshopの機能

Photoshopの対称モードを使ってみる

この記事ではPhotoshopの機能「対称モード」を使用して、シンメトリックな図形を作成する手順を紹介しています。
Cubism SDK for Web

しりとりアプリの動作を安定させる

以前の記事で作成した、しりとりアプリ(Cubism SDK for Webを使用)の動作を安定させるため、async await を使用して処理の順番を指定することにしました。Live2Dのモデルのモーションを更新するタイミングに調整を加えています。
Cubism SDK for Web

Vue+Cubism SDK for Web で「しりとり」

Vue.js、kuromoji.js、Cubism SDK for Webを使用して「しりとり」のアプリケーションを作ってみました。この記事では「しりとり」とLive2Dモデルのアニメーションを連動させるまでの過程を紹介しています。
Cubism SDK for Web

Cubism 4 SDK for Web の開発環境を構築

Live2DをWebブラウザで動作させる Cubism 4 SDK for Web の開発環境を構築する作業を行います。この記事では Cubism 4 SDK for Web R1、Visual Studio Code、Node.js を導入して、サンプルデモを表示するまでの手順を紹介しています。
Cubism SDK for Web

Chatterbot+Cubismで会話をしてみる

この記事ではLive2D Cubism3SDK for WebのモデルをChatterbot(機械学習ベースの簡易的な対話エンジン)のボディとして実装するまでの過程を紹介しています。
Cubism SDK for Web

Vue+Flask+Cubismで手書き数字を認識する

この記事では、手書き数字の判定結果をCubism SDK for Webに渡して、Live2Dのモデルを動かすまでの手順を紹介しています。
Cubism SDK for Web

Vue+Flask+CubismWebでアヤメの分類を行う

機械学習のライブラリ「scikit-learn」を使用したアヤメの分類結果を Cubism SDK for Web に渡して、Live2Dのモデルを動かすことを試みています。
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について紹介しています。
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に移行しているため、あくまでも参考程度に留めてください。
スポンサーリンク