Euclidの基本について

このページでは Euclid での制作にまつわる基礎知識を紹介します。

Euclidモデルについて

Euclidのモデル制作では、Live2Dの頭部と3Dの体を合わせたハイブリッドな構成での制作を基本としています。

体は他の3Dソフトで制作しFBX形式で書き出して、Euclid Editor 上で制作したLive2Dの頭部と3Dの体を結びつけます。

Euclidモデルの制作フロー

Euclid Editorについて

Euclidモデルの Live2D 部分(頭部)のモデリングとアニメーションを行うための専用のエディタです。

Euclid Editor で作成するデータはEuclidプロジェクトファイル(.euc)として保存できます。

エディタ画面

モデリングとアニメーションでそれぞれに適した画面に切り替えて制作を行うことができます。

モデリングのための画面は 『メインエディタ画面』、アニメーションのための画面は『シーンエディタ画面』と呼びます。

ビューポートのモード

Live2Dや3Dモデルの表示領域をビューポートと呼びます。

メインエディタ画面でのビューポートは Live2D モデリングに適したモードと、3D空間を自由に見渡せるモードを切り替えることができます。

Live2D部分の編集に適したモードを『2Dモード』、3D表示に適したモードを『3Dモード』と呼びます。

詳細については、『ビューポートエリア』を参照してください。

エクスポートできるデータ

Euclid Editor はプロジェクトファイル(.euc)以外にも用途に応じた形式のデータをエクスポートすることができます。

エクスポートできるファイルの種類と用途は次のとおりです。

ファイルの種類

説明

MOEファイル

SDK組み込み用のLive2Dモデルデータ。

アトラス化されたテクスチャと一緒にエクスポートすることができます。

MTNファイル

SDK組み込み用のLive2Dモーションデータ。

物理点のアニメーションのエクスポートには非対応。

JSONファイル

(1.3以降)

SDK組み込み用のLive2Dモーションデータ。

物理点のアニメーションのエクスポートに対応。

PSDファイル

インポートしているPSDファイル。

エクスポートしたPSDを編集して再インポートすることでテクスチャを更新することができます。

EUCGファイル

Euclid グループデータ。モデルの一部を受け渡して結合することができます。

分担して制作するときに利用します。

EUCSファイル

Euclid シーンデータ。シーンの一部を受け渡して結合することができます。

分担して制作するときに利用します。

Euclid モデルの構成要素

キャンバス

Euclid Editor では、まず『キャンバス』というLive2Dを描画する領域を新規作成します。

2Dモード時に白色(初期設定)の領域です。

縦横のサイズを指定して作成するので、ペイントソフトの平面的なキャンバスのように見えます。

キャンバスサイズはテクスチャとしてインポートするPSDのサイズと一致させます。

キャンバスはいわば Live2D 部分におけるルートノードです。

Euclid モデルの3Dとの接続はキャンバスが担っています。

接続のために設定できる項目は、キャンバスの実寸サイズを調整するスケール値、キャンバスの回転中心、接続する3Dモデルのジョイントの指定、指定したジョイントからの位置のオフセット値、接続ジョイントの座標軸の向き、回転のオフセット値です。

これらの設定で頭と体の位置と大きさを調整します。

接続する3Dモデルのことを『ベースモデル』といいます。

詳細については、『キャンバスパレット』を参照してください。

オブジェクト

Euclid モデルは、キャンバスに次の主要な以下のオブジェクトを配置して作られています。

アートメッシュ

Live2Dの'絵'を構成するオブジェクトが『アートメッシュ』です。

アートメッシュは、テクスチャを割り当てた平面的なポリゴンメッシュで、頂点単位で変形編集が可能です。

イラストの部分部分がアートメッシュとなってキャンバス上で変形することで様々な顔の向きと表情を形作ることができます。

また、不透明度、乗算・加算の色合成、クリッピングなど、イラストでよく使う表現方法を再現することができます。

詳細については、『アートメッシュ』を参照してください。

アートパス

原画の線を表現することができるオブジェクトが『アートパス』です。

アートパスは質感を表現するためのテクスチャを割り当て、そのテクスチャがパスに沿って表示される仕組みになっています。

パスの形状を決める「制御点」と、線幅を変更できる「線幅ハンドラ」をそれぞれ動かすことで、キャラクターの動きに合わせた線画の表現の変化を作り込むことができます。

詳細については、『アートパス』を参照してください。

描画レイヤー

2D的な表現のアートメッシュに3D空間での奥行きを持たせる役割りのオブジェクトが『描画レイヤー』です。

キャンバスの位置を基準にしてどれだけ前後に配置するのかを『描画順』という値で設定できます。

アートメッシュを描画レイヤーに所属させることで、2Dの絵が3Dの体と共存する独特の表現が可能となります。

詳細については、『描画レイヤーパレット』を参照してください。

物理点・衝突判定

独自の物理演算機能により、3Dアニメーションの動きをもとにリアルタイムで動く髪揺れを実現できます。

この物理演算機能によって作用するジョイントのようなオブジェクトが『物理点』です。

動く物理点にアートメッシュを紐づけることで、揺れの動きによる変形を"絵に反映します。

また、3Dモデルのジョイントに連動する衝突判定を設定することで、髪が体を突き抜けないよう揺れの動きを調整できます。

キャラクターの動きに応じてリアルタイムで揺れものが反応するので臨場感が増し、キャラクターをより魅力的に演出できます。

詳細については、『物理点』『物理演算機能』を参照してください。

Euclid モデルを"動かす"仕組み

パラメータ

オブジェクトの変形を制御するための制御パラメータです。

キャラクターの動き(例:「顔の角度X」「目の開閉」「口の開閉」など)ごとにパラメータを用意します。

詳細については、『パラメータ』を参照してください。

軸機能

オブジェクトに3D的な位置と方向の情報(軸)を与えてることで、3Dの動きに即したキーフォームを作りやすくする機能です。

詳細については、『軸機能』を参照してください。

フォームコンポジット機能

オブジェクトに対してパラメータの特定の値(キー)に紐づく形状(キーフォーム)を作成する機能です。

フォームコンポジット機能によって、オブジェクトに多くのパラメータを紐づけることができるようになります。

これによって、多彩な表情を持つモデルを効率よく作成することができます。

詳細については、『フォームコンポジット機能』を参照してください。

Euclid モデルで使用するリソース

Euclid Editor にインポートして使用するデータを『リソース』と呼びます。

リソースとして扱えるファイルの種類と用途は次のとおりです。

ファイルの種類

説明

画像ファイル (.psd / .png)

主にアートメッシュのテクスチャとして使用します。

3Dモデルファイル(.fbx)

ベースモデルとして使用します。

3Dアニメーションとして使用します。

音声データ(.wav / .ogg)

アニメーションでのリップシンク機能で使用します。

詳細については、『リソースパレット』を参照してください。

※3Dデータについて

3Dのモデリングとアニメーションは、別途3Dソフト(Maya 推奨)で行います。

3DのモデルとアニメーションデータはFBX(2014/2015)で書き出し、Euclid Editor にインポートして利用できます。

他にもエディタの仕様的な要件があります。

詳細については、『3Dモデルを準備する』を参照してください。

Euclidモデルと3Dモデルの前後関係

キャンバスの中心と接続ジョイント間は位置調整のためにオフセット値を設定できます。

キャンバス中心が描画レイヤーの描画順=500になります。

描画順はモデルを撮影するカメラの向きに対して、手前の最大が1000、奥の最小が0です。

3D空間上での距離は、描画順0~1000間が2mになります。

この距離はキャンバスの[スケール]設定の影響を受けません。

描画レイヤーの描画順以外にも物理点の奥行きをアートメッシュに反映することで3Dモデルとの前後関係を設定できます。

詳細については、『物理点』を参照してください。

Euclid Editor の便利な編集機能

ミラーリング

顔の向きのパラメータ「X」に対して左右対称の形状編集ができます。

キーがX=0ときは左右対称に頂点を動かすことができます。

キーがX=0以外のときは、対称のキー(X=30ならX=-30)に自動的に左右反転した形状が作成されます。

ミラーリングの種類には次の2種類があります。

種類

説明

シンメトリ

単一のアートメッシュで左半分と右半分とで同じ形状を作りたいときに設定します。

現在、描画レイヤーには設定できません。

ペア

2つのアートメッシュ・描画レイヤーで左半分と右半分とで同じ形状を作りたいときに設定します。

シンメトリの作成については、『シンメトリのアートメッシュを作成』を参照してください。

ペアの作成については、『ペアでアートメッシュを作成』を参照してください。

メッシュジェネレータ

インポートしたPSDのレイヤーに対してあらかじめシンメトリやペアなどのミラーリング設定を行い、ミラーリング設定に応じたメッシュを自動生成して一括でアートメッシュをキャンバスに追加できる機能です。

PSDレイヤー名にキーワードを含めておけば、レイヤー名から自動で設定することもできます。

詳細については、『メッシュジェネレータ画面』を参照してください。

メッシュエディタ

アートメッシュのUV編集ができます。

インポートしたPSDをテクスチャとして紐づけたアートメッシュを作成ができます。

また、テクスチャの画像をもとにしてメッシュを自動生成する機能があります。

配置済みのアートメッシュを開いて、UVを再編集したり、ミラー編集の設定を変更することができます。

詳細については『メッシュエディタ画面』を参照してください。

ワープ変形

選択要素に対して格子状のワープハンドラを使って面を曲げるような変形ができます。

横を向いたときのタメツメや、斜めの形を作るときに便利です。

ボタン1つで基準点に対して回転や反転できる機能もついています。

詳細については、『ワープ』を参照してください。

ベンドパス

アートメッシュにパスを紐づけて、パスの動きでアートメッシュを変形させることができます。

ベンドパスは1つのアートメッシュに対して編集レベルに応じた数(編集レベル2~5の4つ)紐づけることができます。

複数のアートメッシュに対して1つのベンドパスを紐づけることもできます。

詳細については、『パス編集ツール』を参照してください。

Euclid Editor の便利なサポート機能

シミュレータ

作成したモデルとモーションを再生して表示することができる画面を別ウィンドウで表示することができます。

物理演算の結果を確認したり、アニメーション制作時にモデルを見やすい位置から確認することができます。

詳細については、『シミュレータ画面』を参照してください。

マーカー機能

3Dのアタリを作成できる機能です。

3Dのアタリがあると、斜め向きや、あおり、俯瞰などの顔をつくるときに、顔の部位をどの位置にどんな形で作ればよいのかの参考にしながら制作できます。

詳細については、『マーカー編集ツール』を参照してください。

スナップショット機能

ビューポートに表示されている絵を撮影して下絵のように利用することができます。

最大10枚まで保存できてスナップショットを切り替えることができます。

また、撮影したスナップショットは反転、回転して表示することができます。

詳細については、『スナップショット機能』を参照してください。

定規機能

ビューポートの上と左に配置されているバーから、編集のガイドとなる定規を追加することができます。

詳細については、『定規機能』を参照してください。

PSDの再インポート

Euclid Editor ではテクスチャとして使用するPSDをレイヤーの構造をある程度残したままインポートすることができます。

インポートしてプロジェクトファイルに保存されたPSDはインポート時のレイヤー構造を保っており、元のレイヤー構造を復元してエクスポートすることができます。

エクスポートしたPSDをペイントソフトで編集し、再インポートすることでスムーズにテクスチャを更新することができます。

詳細については、『PSDとの連携』を参照してください。

グループ・シーンのエクスポート

プロジェクトファイルに含まれる任意のグループとシーンをエクスポートして、別のプロジェクトファイルにインポートすることができます。

これによって、モデリングやアニメーション制作を作業分担することができます。

グループのエクスポートについては、『グループパレット』を参照してください。

シーンのエクスポートについては、『シーンパレット』を参照してください。

アートメッシュの描画表現

描画モード

アートメッシュの表示に関わる描画モードは次の3種類から選べます。

種類

説明

通常

テクスチャの画像をそのまま重ねることができます。

乗算

テクスチャの画像を乗算で色合成して重ねることができます。

影の表現に適しています。

加算

テクスチャの画像を加算で色合成して重ねることができます。

発光の表現に適しています。

※OpenGLの色合成の仕組みを使っているため、Photoshopなど他のペイントソフトの加算とは表示結果が異なるので注意してください。

詳細については、『アートメッシュの描画モード』を参照してください。

簡易クリッピング

領域となるアートメッシュを指定して、指定されたアートメッシュのテクスチャの画素をもとにした領域で切り撮られた範囲でアートメッシュを表示することができます。

Euclid Editor の簡易クリッピング機能は処理速度を優先させるためにペイントソフトなどのクリッピングマスクとは異なり半透明部分は省略して処理されるので、境界部分はジャギーがかった見た目になります。

詳細については、『簡易クリッピング機能』を参照してください。

live2d碰撞_Euclidの基本について相关推荐

  1. live2d碰撞_如何评价游戏《废墟战旗》?

    首先感谢@知乎游戏的key. 说实话,一开始玩这个游戏的时候,看他的名字叫废墟战旗,我还以为是战棋游戏,仔细一看,原来是战旗,而非战棋. 说实话,第一次玩卡牌游戏,对这个游戏的评价嘛,就是中规中矩吧. ...

  2. Live2D的简单使用

    看了下Live2D,研究了下使用,再次简单的总结下,以便后来查看. 官方网站:http://www.live2d.com/en/ SDK:https://live2d.github.io/#unity ...

  3. 原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM

    一对一碰撞检测 target是目标物体,move是移动物体 情况1:target在move左上角 情况2:target在move右上角 情况3:target在move左下角 情况4:target在mo ...

  4. PHP哈希表碰撞攻击原理

    哈希表碰撞攻击(Hashtable collisions as DOS attack)的话题不断被提起,各种语言纷纷中招.本文结合PHP内核源码,聊一聊这种攻击的原理及实现. 哈希表碰撞攻击的基本原理 ...

  5. 以太网帧最小字节数以及以太网碰撞

    说明:本文源自多个网页,原文链接已经不可寻 以太网是无连接的,不可靠的服务,采用尽力传输的机制.以太网CSMA/CD我就不多讲了,我相信大家都了解这个原理. 以太网是不可靠的,这意味着它并不知道对方有 ...

  6. C(第一个C程序) 和 C++ (第一个C++程序)对比碰撞

    个人博客首页(点击查看详情) -- https://blog.51cto.com/11495268 1.简介 C++ 是对 C 的继承.扩展,但从语言角度来说,这是 两种变成语言,就一定存在不同,本文 ...

  7. javascript运动系列第九篇——碰撞运动

    前面的话 碰撞可以分为碰壁和互碰两种形式,上篇介绍了碰壁运动,本文将从浅入深地介绍碰撞运动的互碰形式 碰撞检测 对于互碰形式的碰撞运动来说,首先要解决的是碰撞检测.对于矩形元素的碰撞检测前面的博文已经 ...

  8. 知识图谱、深度学习、AutoML,推荐系统与新技术结合将碰撞出怎样的火花?

    近日,来自意大利米兰理工大学 Maurizio 团队发表的一篇极具批判性的文章火了.这篇文章剑指推荐系统领域的其他数十篇论文,并通过多项试验证明这些论文中基于深度学习的推荐算法大部分都存在不同程度的数 ...

  9. 【每日一算法】行星碰撞

    微信改版,加星标不迷路! 每日一算法-行星碰撞 给定一个整数数组 asteroids,表示在同一行的行星. 对于数组中的每一个元素,其绝对值表示行星的大小,正负表示行星的移动方向(正表示向右移动,负表 ...

  10. mhd格式三维图像显示_人体面骨三维有限元模型重构及碰撞分析

    摘要: 本文实现了螺旋CT图像构建面颅骨三维有限元模型过程,用CT断层图像输入计算机,采用CT图像三维再现软件和CAD软件构建轮廓线,用非规则形体.有限元软件Ansys划分网格.此模型包括上颌骨.鼻骨 ...

最新文章

  1. 博客域名改为http://bobli.cnblogs.com
  2. (PHP7内核剖析-3) 变量
  3. boost::signals2模块实现为类定义后构造函数的示例
  4. Vue项目实战09 : vue3.0实现点击切换验证码(组件)及校验
  5. 打开d盘由于这台计算机的限制,又出现限制我想打开D盘、E盘,就是打不开,电脑提示:限制本 爱问知识人...
  6. php 上传word文件 源码,THINKPHP中word文档的上传与下载
  7. Silverlight+WCF 新手实例 象棋 棋子移动-线交叉点(六)
  8. 强悍的 Linux —— 强悍的 find
  9. 左程云《程序员代码面试指南》C++实现
  10. windows下解决弹窗广告
  11. MyBatis自带的缓存配置(Cache)
  12. 企业上云,打造数字经济新动能
  13. 建行u盾单片机可以再次使用吗_Si7021建行U盾19264液晶制作温湿度显示,实物单片机代码开源...
  14. Revit二次开发案例一(第1讲)
  15. prototype 原型
  16. Java小白修炼手册--第五阶段--SpringBoot框架( day01)
  17. 上海诺基亚贝尔-S-010W-AV2B卡刷固件包
  18. uniapp图片编辑器,支持自定义尺寸、缩放、拖动、裁剪
  19. 4款堪称神器的必备高效率办公工具!
  20. 如何为eclipse设置背景图片

热门文章

  1. 0x0000050蓝屏srvsys_win7电脑出现蓝屏0x00000050提示srv.sys如何解决
  2. AI巨头宝座易主,百度击败谷歌亚马逊,势不可挡!
  3. 贝叶斯算法(bayesian)在GCMail反垃圾邮件系统中的应用
  4. 菜鸟网管的入门之路-第一章、网络及硬件篇(1)
  5. 博弈论大师---纳什
  6. 不想做成年人?看到第一张就哭了,满满的回忆
  7. Beaglebone Black - 控制 BBB 板上的 LED 灯
  8. C# WPF – 利用“Attached Property” 把 RoutedEvent 接上 ICommand
  9. android 网络编程 笔记,【Android 应用开发】Android 网络编程 API笔记
  10. python del用法_python中del函数的用法详解