イラストを絵のまま動かせる驚異の技術「Live2D」について中の人に根掘り葉掘り聞いてきた
アニメーションとして絵を動かすには、3Dモデルを作ってモーションをつけたり何枚もの絵をつなげたりする必要がありますが、たった1枚の絵から原画のままに動き出す2Dモデルを作り出せるのが「Live2D」です。そんなLive2Dが新たに開発を発表したのが「Live2D Euclid」で、これを使えば「イラストをイラストのままに3Dモデル化することが可能」とのこと。言葉で聞いてもどんなモデルがどういった仕組みで動くようになるのか分かりづらかったので、実際に株式会社Live2Dの本社にお邪魔してモデルの作成工程を見せてもらいながら色々お話を伺ってきました。 Live2D http://www.live2d.com/ Live2D Euclidの開発を発表 | Live2D http://www.live2d.com/news/euclid_development ◆Live2Dとは？ そもそもLiv
速習 Unity 2Dゲーム開発 ～第11回 タイマー処理
前回までで、プレイヤーキャラクターを操作して、ターゲットとなるハムスターを捕まえるという基本的なゲームの動作を実装しました。今回はゲーム作成には欠かせないタイマー処理を作成していきます。タイマー処理とは定期的に何かの処理を実行する場合や、ゲームの経過時間を表示するなどの用途で利用できます。 本記事の環境 本記事は以下の環境で開発を進めております。 開発OS：Windows OS（UnityはMac OSでも同様に開発可能） Unity：4.6 開発言語：C# IDE：Visual Studio 2013 + Visual Studio Tools for Unity（標準のMono Developでも可） OSについてはWindowsを利用しますが、Macでも同様に開発可能です。IDEにVisual Studioを利用しますが、標準のMonoDevelopでもコードは変わりません。 サンプ
Unityでドット絵シェーダ - UnityShader 入門
このコンテンツは、『ユニティちゃんライセンス』で提供されています Blenderでドット絵シェーダを作っている方がいましたので、Unityで実装方法考えてみました。 ドット絵シェーダー v1.0 - 3Dモデルをドット絵風に描画するシェーダーが公開！試行錯誤した流れが分かる制作日誌にも注目！ 自分でドット絵は描いたことがない(加えて2Dスプライトを使ったゲームも作ったことはない）ので、間違ってるところがあるかもしれません。 ドット絵について 実装するにあたって、ドット絵がどうやって作られるか考えてみます。 ドット絵の元（ドット絵になる前の絵）は、"高解像度の絵"です。 （この"高解像度"の絵はドッターの脳内にあるかもしれませんし、CGでレンダリングしたものかもしれません） なるべく情報量を保ったまま解像度を落とす、ことを考えます。 1.色選択アルゴリズム 高解像度の絵からドット絵に解像度を
UnityのuGUIで「UIのアニメーション制御」 - テラシュールブログ
目次 目次 UnityのuGUIで「UIのアニメーション制御」 uGUIでアニメーション アニメーションの作成手順 画面の準備 AnimatorとAnimationClip作成 キーフレームの登録 AnimationControllerの設定 AnimationControllerをスクリプトで制御する 感想 ライセンス 関連情報 UnityのuGUIで「UIのアニメーション制御」 UnityのアニメーションシステムのMecanimは、2Dで見た場合は複雑な上に面倒なので使い勝手が少し悪いですが、まあ使えなくはないです。むしろ凝ったUI表現を組もうと思った時、意外と使えるかもしれません。 特にUI全体を動かすようなアニメーションの場合、各アイテムの動きを合わせやすいAnimatorはちょっとだけ便利かもしれません。 ・・・単純なUI操作の場合、Tween使ったほうが楽だと思いますが。Ani
Unity uGUIでスライダーについて解説してみる - テラシュールブログ
uGUIのスライダーについて解説します。 目次 目次 スライダーの作り方 スライダーの範囲調整 画像の調整 挙動の調整 スライダーの作り方 スライダーを作るにはCreate>UI>Sliderを選択します。 スライダーの範囲調整 スライダーは合計6個のオブジェクトで構成されます。 インターフェースを調整するには、これらの要素を使い範囲を調整します。 Slider : 一番親のオブジェクトです。 Backgroud ： スライダーの背景に当たるオブジェクトです。 Fill ： バーの表現範囲を塗りつぶします。 Fill Area ： Fillが動く範囲を指定します。 Handle ： 動かせるアイコンです。 Handle Area ： Handleが動く範囲を指定します。 Backgroundは背景画像です。この項目は実は「選択可能な範囲」という非常に重要な役割を持っています。この仕組がある
もう「原作と違う」と言わせない──2Dイラストをそのまま立体アニメにする「Live2D」 世界標準目指す
「描いたイラストがこのまま動けば楽しいのに！」 そんなすべての絵描きの夢を叶える技術「Live2D」の新バージョン「Live2D Euclid」が発表された。2Dイラストを原画のまま上下左右360度に立体的に動かすことが可能になり、映画やアニメなど活用の場はさらに広がりそうだ。この「目指してきた1つの到達点」で世界標準を目指す――創業から9年目、中城哲也社長にこれまでの歩みと今後の展望を聞いた。 「原作と違う！」ともう言わせない Live2Dは、2次元イラストを原画のまま用いて、立体的なアニメーションを付けられる技術だ。描画ソフトで描いたイラストを同ソフトに取り込み、キャラクターの画像を髪や眉毛、目や口など複数のパーツに分割。それぞれに編集用の平面ポリゴンをはりつけることで立体的な2次元モデルに再構築する仕組みになっている。まばたきや微妙な表情変化をパーツごとの角度や動きで調整できるほか、
UnityのuGUIで無限にスクロール出来るスクロールビューを作る - テラシュールブログ
使い方 アイテムの内容調整 制限付きスクロールビューのやり方 以前UnityのuGUIでスクロールビューを作る方法を紹介しました。 UnityのuGUIでスクロールビューを作る - テラシュールブログ 今度は無限にスクロールできるビューを作成します。 こんな感じです。 仕組みは、スクロールした際に アイテムが反対側に補充される仕組みです。 使い方 作り方に関してですが、ちゃんと整理できていないので癖のある作り方をします。 Unity_UI_Samples/Assets/InfiniteScroll at master · tsubaki/Unity_UI_Samples · GitHub まず上記のリポジトリからInfiniteScrollフォルダを持ってきます。右のZipから落として解凍して中身をとってくればOK。 メニューバー＞UI＞PanelでPanelを作ります。 次にPanelの
速習 Unity 2Dゲーム開発 ～第9回 ターゲットキャラクターの表示（前編）
前回はゲームの動作で気になる点をいくつか修正しました。キャラクターの表示、左右の移動、ジャンプなどのプレイヤーが操作するキャラクターの基本的な動作が可能になりました。本記事で作成するゲームはプレイヤーキャラクターを操作して、逃げ出したハムスター（ターゲット）を時間内に捕まえるというシンプルなゲームとします。今回は、ターゲットとなるハムスターを表示する処理を実装します。 本記事の環境 本記事は以下の環境で開発を進めております。 開発OS：Windows OS（UnityはMac OSでも同様に開発可能） Unity：4.6 開発言語：C# IDE：Visual Studio 2013 + Visual Studio Tools for Unity（標準のMono Developでも可） OSについてはWindowsを利用しますが、Macでも同様に開発可能です。IDEにVisual Studi
2次元キャラを2Dのまま3D空間上で立体的に360度動かせる「Live2D Euclid」
1枚の原画を変形することで2Dのイラストを立体的に表現できるようになるのが「Live2D Euclid」です。井上雄彦氏のバガボンドなど、これまで3D技術で立体化させるのが困難だった墨絵タッチの作品でも原画の表現そのままに立体化できるようになっており、「イラストを3Dモデルで立体化させたら微妙にかわいくなくなる」という事態が起きない革新的な技術になっています。 Live2D Euclidの開発を発表 | Live2D http://www.live2d.com/news/euclid_development Live2D Euclidがどんな感じで動くのかは以下のムービーから確認可能です。 2Dイラストを立体的に360度動かせる映像技術「Live2D Euclid」を開発 - YouTube 2Dイラストを3D空間上で立体的に動かすことができる技術を開発しているのが、株式会社Live2D。
Unityでカラーパレットを使う - テラシュールブログ
UIやゲームを構築する際、色調は非常に重要です。この色調ですが、毎回毎回パレットを感覚で調整するのも中々に大変なので(とうか無理なので）、カラーパレットとして利用する色のパターンを登録してしまう方法を紹介します。 まず調整用の色調ですがカラーパレット持ってる人は自分の、持ってない人は既存のいい感じの奴を使います。世の中にはスペースキーを押すと良い感じに色を作ってくれる素晴らしいサービスがあるのです。 Coolors - The super fast color palettes generator! 適当にスペースキーを押して色を決定したら、Unityのカラーパレットに色を登録します。 まず色の指定ができるコンポーネントを開きます。例えばCameraやImage等々。 次に、色を保存する先を決定します。保存先はCreate New Libraryで決定します。ここではProjectに保存す
UnityのuGUIのテキスト表示機能について解説してみる - テラシュールブログ
UnityのuGUIでテキスト表示の扱いについて解説します。 目次 目次 Textの機能 文字のエフェクト 自動改行と禁則処理 フォントサイズと描画範囲 フォントがぼやける問題（uGUIの場合） Textの機能 TextはuGUIでテキストを表示する機能です。 作成するには、以下の操作を行います。 Hierarchy>Create>UI>Text (もしくはメニューバー>GameObject>UI>Text ) あとはTextの内容を差し替えることで画面にテキストを表示出来ます。またFontに自前のフォントを指定してフォントを変更したり、Font Sizeで文字を大きくしたり、Line Spacingで行間の幅を指定する事ができます。 文字の位置はAlignmentで決定します。テキストの位置を行の頭に合わせるか行末に合わせるか、またテキストの初期座標を範囲の真ん中にするか範囲の上にするか
Unity2Dのこれだけは覚えておけ！集 - Qiita
これは ドリコムAdvent Calendar 19日目の記事です。 18日目は ikkou さんの アドベントカレンダーでニコニコカレンダーの話を書きたかった です。 asiramと申します。 現在はサーバサイドエンジニアをやっております。 まだまだぺーぺーです。 最近Unity2Dを触っていますが、これだけ知っておければかなりの範囲の2Dゲームをカバー出来そう、という要素があるように感じています。 まだまだ触りたてなので、間違いがあったら指摘してください...! 今回はよく使うコンポーネントやクラスのメソッドなどを紹介します。 言語はC#です。 おそらくここに書かれているものをひと通り知っていればいろんな2Dゲームが作れると思います！ コンポーネント編 Sprite Renderer 言わずもしれたスプライトを表示させるためのコンポーネントです。 とりあえず、「Sprite」に設定した
uGUI の画像部分のローカライズ処理の一案 - 強火で進め
昨日開催された、「【年末だよ】Unity お・と・な のLT大会2【ポロりもあるよ】」の会場での会話で、 uGUI の画像部分のローカライズ処理をどうするかという話が出て、自分は「国コード(正しくは言語コードですね(^_^;))を使ってフォルダ分けして読み込めばできません？」と回答しました。 まぁ、その方法で大丈夫だとは思いますが念の為に検証してみました。結果を先に言うと上手く行きました。 サンプル サンプルをこちらにアップして有ります。 サンプルの内容としてはシーンの読み込み時に Button の画像を現在のシステムに設定してある言語に合わせた画像に差し替えるというものです。 システムの言語の設定が日本語の場合には「開始」という画像、英語の場合には「START」という画像が使われます。 実装方法 実装方法としては Resources フォルダに以下の様な構成でファイルを準備。 デフォルト
UnityのuGUIのレイアウト調整機能について解説してみる（RectTransform入門） - テラシュールブログ
uGUIのレイアウトシステムの調整機能…の基礎であるRectTransformの調整についてについて解説します。今回はGUIで触れる範囲。 目次 目次 Pivot（中心点）の設定 Pivotを動かす Pivotの挙動 Anchorの設定 アンカーとUIのサイズ 画面サイズ（親サイズ）とアンカー BluePrint ModeとRaw Edit Mode BluePrintMode RawEditMode スクリプト側からレイアウトを操作する 参考 Pivot（中心点）の設定 まずuGUIのUIのレイアウト基準点となるpivot(ピボット)を指定します。これがuGUIのレイアウトの基本となります。 Pivotを動かす pivotはボタンを選択した時の中心の◯です。基本的にこの◯を中心にUIの位置が決定します。pivotの位置はUIの大きさを正規化した値で、右上が(x:1, y:1)左下が(x:
『ノンコーディングでゲーム開発：PlayMaker概要編』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして！UI/UXデザイナーの嶋田豪介(@__gsk__)です。 現在は主にモバイルゲームのラピッドプロトタイピングや技術調査を担当しています。以前は3DCGモデラーもやっておりました。趣味はソフトウェア研究、一番好きなソフトはExcelです。 さて、本記事でご紹介するPlayMakerは、Unity上で強力なビジュアルスクリプティング環境を提供する有料アセットです。コードを書かずにロジックが組め、可読性やデバッグ効率面でも優れた機能を有しています。登場以来有料アセットランキングの上位に入り続けており、まさにベストセラーアセットの代表格と言える
『cocos2d-xではじめるスマートフォンゲーム開発』という本を出版します - 5.1さらうどん
本出すぞ！！！ cocos2d-xではじめるスマートフォンゲーム開発 [cocos2d-x Ver.3対応] for iOS/Android 作者:三木 康暉技術評論社Amazon こんにちは。[Twitter:@giginet]です。なぜか「本書かない？」って言われて、気付いたら本を出版していた。 この度、『cocos2d-xではじめるスマートフォンゲーム開発 [cocos2d-x Ver.3対応] for iOS/Android 』という本を書かせて頂くことになりました。 どんな本？ 「cocos2d-x」というゲームフレームワークの入門書です。 cocos2d-x を使ってiOSとAndroid向けのゲーム3本を開発します。 本書は入門書の位置づけなので、「プログラミングの心得はあるけど、ゲーム開発・スマートフォン開発は全くの素人！」という方でもいろいろなゲームを実装できるように執筆
速習 Unity 2Dゲーム開発 ～第5回 キャラクターのアニメーション（前編）
本記事の環境 本記事は以下の環境で開発を進めております。 開発OS： Windows OS（UnityはMac OSでも同様に開発可能） Unity： 4.5.3 開発言語： C# IDE： Visual Studio 2013 + Tools for Unity（標準のMono Developでも可） OSについてはWindowsを利用しますが、Macでも同様に開発可能です。IDEにVisual Studioを利用しますが、標準のMonoDevelopでもコードは変わりません。 サンプルプログラムは本記事開始時（第4回終了直後）のプロジェクトが「project_005_start_pkg.unitypackage」、終了時点のプロジェクトが「project_005_end_pkg.unitypackage」です。 記事開始時点の状態にする 本記事の開始時点の状態から開発を開始する方法を紹
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Unity ローグライクなゲームのチュートリアルが公開された - テラシュールブログ
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
DeNA Engineering - DeNAエンジニアのポータルサイト
