ガレージ暮らしのトライタム

プログラムやツールの解説や技術を公開する場所

Alive2017行ってきましたレポート

Live2D公式イベントであるAlive2017に参加してきました。
alive2017.live2d.com

行ってきたので、すでにAliveの記事はいくつもあるのですが自分のまとめた内容を公開していこうと思います。
箇条書きに近い文章だけです。画像はありません。ご容赦ください。

基調講演

Alive参加者アンケートの内訳

従事している仕事では
50%がグラフィック関係者
10%それぞれでプログラマと学生が参加者になっていた。

Cubismユーザーの利用用途として
ゲーム・アプリが45%
アニメ・映像が40%

利用目的としては
趣味が44%
個人業務で36%

購入比率としては
個人71%
企業29%

みたいでした。
やはりグラフィック寄りの方々が多いみたいですね。
最近はアニメ映像も増えているみたいですね。結構リアルタイム系が多いと思ってました。

Cubismについて

3.0では開発環境をKotlinに変更

3.2実装予定のもの
スキニングの実装(3.1.xでβ実装予定)
インポート機能の強化
PSD書き出しの対応
アニメータの強化
が掲げられていた。

  • SDK3.0

C言語フルスクラッチ開発
コアの上にあるレンダラやフレームワーク部分はOpenにしてユーザーがいじれるようになった

メカニム対応
C言語でのSDK開発のため高速化された

ライブラリをCで実装

  • JavaScriptSDK

CをEmscriptenでarm.jsに

  • feature

各種プラットフォームの対応強化 → DirectX,Cocos-2dxなど
3.0状況下で2.1ワークフローが動くようにする(pose,expressionなど)

SDKはUnitySDKしか触ったことが無いのですが、2.1より格段に使いやすくなった印象です。
また、今後の方針としては全体的にプラットフォームの強化をしていくのも嬉しい話ですね。
2.1ワークフローが動く仕組みは企業向けだと思われます。個人でも規模が大きくなると移行が大変で結局前バージョンのままってのがあると思うので、そういう方にも嬉しいですね。

Euclidについて

コンポジット機能、楕円補間は特許取得済み

  • まだ未実装なもの

Phython対応
MacOS対応

Euclid1.2では長い髪を効率よく作れるようになった。

  • feature

制作工程50%減
SDKを用いたHMDを用いたVR表示で3体表示

今回Euclid × MRを展示していたものの抽選展示
VR Girlsが12月4日18時からSteamで配信
store.steampowered.com

Euclidはどうやら制作が大変みたいですね。ほとんど触ってないので経験値が少ないなので何とも言えないのですが。
公式からEuclidを使ったVRゲームが出たのは大きいと思います。無料ですし、HMDを持ってる方はインストールしてみては如何でしょうか?
私も入れて遊びました。キャラ可愛いですね。

Live2D Creative Studioチーム

Live2Dの制作支援を行っているチーム。
どうやらLive2Dクリエータが枯渇しているみたいです。(募集中ってことですね)
現在は映像に力を入れている。

Alive2017のイベント内で公開されていたムービー「The Lamp Man」を観ると技術力の高さが伺えますね。
「Live2Dらしい独特な動きが無い」というのが、制作したことある人なら誰もが驚く点だと思います。
展示スペースでLamp Manのモデルを触りました。360度回転もするレベルの高いモデルであると共に、可愛かったです。あと展示スペースにあったLamp Manのアクリルスタンドが特に良かったです。

2次マ

新サービスとして2次マという名前で発表されてました。
正式名称は“2次元のマーケット”

イラストを描く人、そのイラストを活用してモデルを作る人、そしてそのモデルを購入して何かを作る人
という構図を備えたサービスのようです。
分業が捗る、そして何よりお金が稼げるというサービスです。

また、このサービスを通じで企業の人がモデル制作者を見つけやすくする出会いの場が作れるのではないか?という仮説も提唱されていました。
そして、発展形としてAPIの提供でアプリ連携を強化する。有名キャラの二次創作を可能にする。という展望も見られました。

リリースとしては2018年春を目標に動いているようです。

ソフトではない、全く新しいサービスですね。気になりますね。
このサービスを通じて魅力的なモデルが増えたりするのに期待が持たれます。
あと、Live2Dアニメータを探している企業との出会いの場、というのが個人的には惹かれた部分です。
ツイッターにモデルを投稿して企業から声がかかったりしたという話も聞きますし、そのような話がこのサービスを通じて増えるのかもしれないですね。

その他

代表取締役は日頃エゴサしている。 →見られているぞ

セッション

ここではセッションで見聞きしたことを列挙していきます。
いくつか見たのですが、ここでは2つほど紹介をします。

デスティニーチャイルド制作事例

映像や画像についてはこちらの記事様が大変よくまとめた上で記載されています。併せてご覧ください。
jp.gamesindustry.biz

モデルは韓国版デスティニーチャイルドでの、シーズン2のレイド大ボス。翻訳Wikiでは「バリ」と訳されていました。
また、バリは日本版では現在未実装であるものの「還生館」の主という、ストーリー・攻略共に重要な立ち位置に立っているキャラクターです(還生館では別途作成された立ちモデルが動いてます)。

シーズン2のレイド大ボスだけあって、Live2Dアニメータのキム氏も頑張ったと言われていました。

  • モデルの分類

まずモデルの分類ですが、本体・光源・装飾要素に分けているそうです。
光源は本体の周りに浮いている提灯から受ける光です。これを本体のモデルと別に分けて透明度を変えることで光源から光を受けているという表現を行っていました。
光源の透明度に併せて、提灯の光も同様に透明度で明るさ調整を表現しているそうです。

  • 姿態の強調

上半身と下半身を分割し、それぞれにパラメータを振り反対方向に動かすことで女性的な魅力が増す動きになるそうです。
このノウハウは他のモデルでも応用されてそうですね。

  • 被ダメージのモーション

被ダメでのモーションは早く・短くというのを意識して付けられているそうです。

  • Live2Dについて

一番原画の魅力が引き出せる気がするとキム氏。
Live2Dが使えるというのは十分武器になるとのこと。

  • Q&A

Q.光源レイヤーはデザインが下りてきた時点で分かれていたのですか?
A.一部のみ。原画を分けた部分もあり、無理にでも分けた。

Q.アートメッシュに直接パラメータを付けていますか?
A.はい。細かくやるにはポリゴンをいじるのが一番なので

Q.1体制作するにはどのくらい時間を使っていますか?
A.2~3週間。制作事例のモデルは3週間程度

Q.ポリゴンはいくつくらいですか?
A.いつもは1500~2000程度。事例のは4000程度

Q.立体感表現で、立体感を付ける点で工夫した点は何ですか?
A.立体感は大事だけども、絵が崩れるのは良くない。感覚に頼っている。出来るのならば原画と同じレベルのイラストが描けるのが望ましい。

Q.キーフレームを打つコツはありますか?
A.カーブエディタで動きをなめらかにする。パラメータ設定の時に、左右のオブジェクトが動く移動量を同じにする。
 (3点挿入の場合)中央から伸びる左右のパラメータは同じにして、左右の移動量は同じに。そうしないと、アニメーションを付けるときに動きに違和感が生じてしまう。

Q.Live2Dアニメータは何人ですか?
A.社内では5人。あとは外注を使うなどしている。ただ、重要度の高いモデルは社内制作。

Q.フレイ(本編主人公のライバル)の角などの描画順変更の設定はどうやって表現しているのですか?
A.隠すようにパラメータを振れば、案外無理して動かせるので、そのように行ってる。

Q.今後Live2Dでやりたい表現は何ですか?
A.モデルを90度以上回転させてみたい。

講演自体が短く、質問時間が長かったので色々な意味で満足な講演でした。
デスティニーチャイルドは韓国版少しやっており、本格的に始めたのは日本版クローズドβからだったので講演が聞けて個人的に大変うれしかったです。
レイドボスというかなり重要度の高いモデルの事例なので、ノウハウの塊という印象でした。自分でも参考にしたい技術がたくさんありました。
いやぁ、絵も綺麗だし、その魅力を損なわないモデルの動かし方をしてて感嘆の一言です。

個人講演 モーセル氏

ツイッターやPixivのうごイラでLive2Dを使ったモデルをいくつも公開されている方です。

  • Live2Dをはじめたきっかけ

絵描いて、ゲームを作りたい!
→ドット絵:何か違う
→3DCG:ハードルが高い
→スプライトアニメーション:「絵を動かす」とは遠い
という中でLive2Dに会って、触ったそう。

  • 初めてのモデル制作にあたって

シンプルなモデルを作る → 面白くない
→「Live2Dっぽくないものを作りたい」
として、1枚絵の構図でLive2Dを制作。

  • できること<やりたことのバランスを見極める。

→出来そうなものより作ってて面白いもの、グッとくるものを作りたい
→そもそも“グッとくるもの”とは?
→1枚絵で考えるのならば「想像をかき立てるもの」。5W1Hが絵の中で分かると絵の魅力が伝わりやすい
→これにLive2Dで動きを加えることで、補完ができるのではないか?
→動きを入れることで空間・時間的に「奥行き」のあるものが作れるのでは?

という深掘りしていく思考を用いていた。

作例の中では
「様々な表情の表現」、「2人の絡み」、「1人称視点」、「感情の振れ幅の表現」、「ループで飽きさせない仕様に」
などなど、Live2D作品ごとにテーマを決めて制作をされていた。

  • ネットでの反応

Twitter、Pixiv共にフォロワー数やRTいいね、ブックマークなど数字で一気に反響があった。
3作目を投稿後位から仕事の依頼が来た(1年で10社程度)
フリーランスとしての活動も良かったが、Live2D Creative Studioが募集をしていたので、技術を身に着けるため就職をした。

  • 体験を通じて学んだこと

ツイッターでは
多くの人の目に届く可能性がある
モーメント機能を利用して、ポートフォリオの形にするでも良い
Pixivでは
うごイラが1枚絵より数が少ないのでランクインを狙いやすい
ニコ静
上記2つとは違う層がいる。コメントがモチベに繋がりやすい

また、仕事に繋がりやすいと感じた。
動くものはSNSで伸びが良く、注目されやすい。
採用案件も多いので、売り手市場なのではないか?

  • デザイナーになりたい個人ユーザーに向けて

趣味・仕事問わず「自分が動いているキャラが見たい」などのキャラ愛を持って触ってほしい
「もっと絵が評価されたい」とか考えている場合は、Live2Dで技術の付加価値を武器にしていけるので活用してほしい
とのこと。

  • Q&A

Q.絵が全く描けないけども、Live2Dアニメータはやっていけると思いますか?
A.2次マの発表もあったし、全然大丈夫だと思う。分業の話もあるので。


個人講演をされていたモーセル氏はLive2Dとの馴れ初めからテーマを決めて制作をする、分析を行う、などを話されていました。
特に後半は分析が多くあまり見ない講演内容だったので、新鮮な気持ちで聞いていました。
やはり絵が上手いですね。羨ましいです。
そして絵を生かして動かすことも念頭に置かれているような話をされていました。この部分はデスティニーチャイルドの制作事例と重なるところですね。
やはり原画の魅力を生かしてこそのLive2Dなのと再確認できました。

おわりに

Aliveは他にも展示スペースを回ったり、懇親会で素晴らしい方々とお話ししたり夢のような時間でした。
来年は社会人になるので、自由に扱える時間が減ってしまうのですがコンテストに作品を出したり来年のAliveに参加したいですね。
これからもLive2Dを楽しんでいこう。そう思えるイベントでした。楽しかった。

PCからのスマホ充電でPCを壊したり、スマホバッテリーの寿命を縮める可能性のある使い方の話

休日、よく40年来ハード屋をしている父親と話をするのですが出てきた話題の中で

「PCのUSBケーブルからスマホの充電をすると、最悪PC壊すぞ」

というフレーズがあり、詳しく聞いたりネットで調べたりして色々と知っておいた方が身のためになる知識が出てきたのでまとめて記事にしてます。

注意:筆者はこの手に関して知識が少ないため、誤った情報を流す可能性があります。そのため本記事は鵜呑みにせず参考程度に留めてください。

記事の結論

  • PCからスマホへの充電を行うのであればUSB Type-C Current対応規格で行いたいです。もしCurrent非対応のUSB3.1USB3.0以下の規格端子からスマホの充電を行えば、過電流で最悪PCが壊れる可能性があります。
  • 急速充電や充電しながらのスマホ利用は、バッテリーに熱によるダメージが普段より入る為バッテリーの寿命を縮めます。

USB規格について

現在、発売されているものでは大体USB3.1(Type-C)が最新です。
一応USB3.2(Type-C)もあるみたいですが今回は割愛します。
ここでは充電の話になるのでV/Aの話です。
また、PC->スマホ
という形でつなげる想定の上、これからの内容は言及しています。

USB2.0まで

出力は5V/0.5Aです。
この規格で1や2Aのスマホタブレットを長時間充電しようとすると過電流で最悪PCを壊してしまう可能性があります。
ただ、スマホとPCを優先接続してデータ転送や、PCで対策が施されているなどがあり一概に言えないところです。
しかし、リスクを抑えたいのなら避けておきたいですね。

USB3.0

3.0になって5V/0.9Aの対応になりました。
0.9Aになったものの、タブレットなどは1Aオーバーの充電じゃないといけない場合があるので、やはりUSB2.0と同様に避けておきたいですね。

USB3.1(Type-C)

3.1でも3.0同様5V/0.9Aです。
しかし3.1ではCurrent規格であれば5V/1.5A、5V/3Aまでの対応になりました。
この規格ではスマホタブレット、はたまたAtom搭載の超省電力ノートPCなどが充電できます。
ただ、Type-C規格は一括りに言われていますが規格が混在している上、外見からではどの規格に対応しているか分からない頭を悩ませる規格でもあります。
Current規格であると分かるのならばスマホの給電はいいかもしれませんが、分からない場合は素直に避けておきたいです。

以上のような観点からすると、USB Type-C Current以外の規格ではスマホを充電するのはややリスキーに感じます。
なので、しっかりコンセントからの給電を行いたいものです。

スマホのバッテリー寿命を縮める使い方

いくつかあるのですが、ここでは2つほど紹介をします

充電しながらスマホを利用する

場合によっては良く聞いている話かと思います。
充電しながらスマホを利用するとバッテリーが発熱してバッテリーにダメージが入ります。
その結果バッテリー寿命が短くなります。

急速充電を行う

原理としては電圧や電流を上げて充電を行います。
ただ、短い時間で充電を行おうとするとバッテリーが発熱します。
充電しながらの利用と同様に、バッテリーの発熱でバッテリー寿命が縮まります。

昨今ではバッテリー容量を大きくしようと安易に交換できないモデルがメインになっています。
そのため修理に出すか、新しい機種を買うか、自己責任で交換する必要があります。
ただ、それだと色々と出費がかさんでしまうのであまり好ましくはないです。

さいごに

安全に物を扱うには、しっかりとした知識を。
自分も心当たりがいくつかあったので記事にした次第です。
特にスマホやPCは安くないので長く使いたいですね。

Live2DCubismEditorでオブジェクトを中心基準に動かす

Live2Dでアートメッシュやワープ(曲面)デフォ―マを動かす時に中心を基準にサイズを変えたいけれども、通常の拡縮では対角や辺を基準に動きます。

けれども、Altを押しながらドラッグすることで中心を基準にサイズを拡縮することが可能になります。
f:id:traitam:20171209155846g:plain

例としているGIFではアートメッシュですが、ワープデフォ―マでも同様な編集が可能です。

私も最近知りましたが、扱えればより編集が楽になると思われる便利ショートカットです。ショートカットなどを覚えて効率よく作業したいものですね。
それではみなさん、楽しい創作ライフを!

HUIONペンタブのペン先が抜ける問題と対処法

ペン先が抜ける問題

HUIONのGT-220v2を使って結構経ちましたが、使っている中でペン先が抜けてしまう問題が発生しました。
症状としては、「ペンを少し素早く振るだけでペン先が飛ぶ」という状態です。

グーグルのサジェストでも出てくるくらい他の方も同じような状況に陥っているようです。

ペン先を抜けなくする対処法

探しているうちに解決できる方法がこちらでまとめられていました。

twitter.com

方法としては簡単で「ペン先部分にある穴を広げる」というものです。
私も同様の方法で解決しました。使用したものが画びょうですが、穴が広がればいいのでシャーペンでもいいのかもしれません。

その他

その他、使用感や問題はこちらに記述してありますので、良かったら併せてご覧ください。
traitam.hatenablog.com

wonderland用モデル作成 - クエスト完了時にモデルを喋らせる

wondarlandはapricotのモデルをそのまま扱うことができます。
ただ、wondarlandはapricoctと違い、クエスト完了時、モデルに喋らせることができます。
この記事はその実装方法を解説します。

iPhoneへの導入は以下の記事からご参考ください。
traitam.hatenablog.com

xml編集

アプリ作者であるKawatan様(@kawatan)に直接お伺いしたところクエスト完了時にモデルが喋るようにする場合は「completeイベント」を導入する必要があるそうです。
モデルの作り方自体は「apricotモデル作成」という名称が書かれた記事群で確認することができます。そのため、詳しい作り方は割愛し、completeイベントのみ解説します。

    <sequence name="complete">
      <message>作戦完了です!お疲れさまでした</message>
      <sequence name="Samidare.Say" />
    </sequence>

イベントの実装自体は他のイベントと分かりません。
もしクエスト名を喋らせたい場合は「{.}」と記述することで実装が可能です。

xmlを編集後、wonderlandで無事に導入できれば、以下の画像のようにキャラクターがクエスト完了時に喋ります。
f:id:traitam:20170924133806p:plain:w350

このcompleteタグはapricotでは活用できないため、GitHubでは文章化されていません。
そのため、文章化による保存も兼ねてこちらに記述しました。

それではみなさん、よき創作ライフを!

apricotモデル作成(その8) - apricot for iPhoneにモデルを追加する

前回
traitam.hatenablog.com


apricot記事では久々です。半年ぶり。
今回は、作成した自作のapricotモデルをiPhoneに導入します。
f:id:traitam:20170924102036p:plain:w350

wonderlandタグが付いていますが、iPhoneへの導入が同じ方法なのでタグを付けています。

xmlの編集

iPhoneへ導入する際、階層構造ができないので、画像参照の部分をすべて変更します。

<image x="0" y="0" width="450" height="650">Images\Samidare_back_hair.png</image>

となっている場合

<image x="0" y="0" width="450" height="650">Samidare_back_hair.png</image>

というように、参照していたImagesフォルダを削除します。

ひとつひとつやっていくのは大変なので、全置換機能があるエディタやIDEを用いて置換すると良いと思います。

iPhoneへの導入

iPhoneをPCと接続し、iTunesを開きます。
f:id:traitam:20170924110140p:plain:w400

その後、オレンジ枠内のアイコンを押し、下にスクロールしapricotを選択します。
f:id:traitam:20170924110356p:plain:w400

apricotを選択後、「画像」と「xmlファイル」をドラッグ&ドロップで追加します。
この時、画像はフォルダに入っていない状態で追加します。
最後に、iTunes右下にある完了ボタンを押せばお終いです。

iPhoneに戻ってキャラクターが表示できるか確認しましょう。

キャラクターの変更

左上にあるハンバーガーメニューから設定を選択します。
その後、キャラクターから先ほど入れたキャラクターを選択すれば設定完了です。
無事にキャラクターが喋ってくれれば導入成功です。

もし失敗してしまった場合は、xmlの編集に問題があったり、必要な画像が全て転送されていなかった、iPhoneへの導入でフォルダを使用している、という点が考えられます。もし問題が発生してしまった場合はそのあたりを確認してみてください。

それではみなさん、楽しい創作ライフを!

wonderland使い方

wonderlandとは

f:id:traitam:20170922224058p:plain:w350

AppStoreで公開されているクエスト型TODO管理アプリです。
タスクを消化し、敵を倒すことでキャラクターの服装が解禁されたり好感度が上がったりします。

使い方

私がiPhone初心者ということもあり、やや使い方に困ったので使い方をまとめます。
f:id:traitam:20170922224124p:plain:w350

1、履歴やキャラクターの変更などができる設定画面へ移動します
2、現在表示されているキャラクターの経験値です
3、タスクの追加削除を行える設定画面へ移動します

タスクが進行している最中では、画像のようにタスクが表示されます。
これを「スワイプ」することによりTODOのストップや完了が行えます。

左にスワイプすると タスクの中止
右にスワイプすると タスクの完了
下にスワイプすると タスクの更新

を行います。
タスクが完了しただけでは、画面のタスクが消えません。消したい場合は下にスワイプしてタスクの更新を行うと消すことができます。

f:id:traitam:20170922224500p:plain:w350

タスクの追加削除を行う場合は先の画像の2番のアイコンをタップすることで行うことができます。
インデックスの「編集」を押すことでタスクの追加・削除が行えます。

また、削除はタスクを左にスワイプすることでも行うことができます。

タスクの設定でGPSを用いたタスクもできますが、現在使っていないため使用方法は割愛します。

f:id:traitam:20170922224752p:plain:w350

ハンバーガーメニューを押すことで各種設定が行えます。

履歴は完了したタスクを見ることができます。
ステータスでは完了したタスクを日ごとで見たり、キャラクターの経験値状況が把握できます。
(注意:ステータスは履歴と連動しているようです。履歴を消すとステータスのアクティビティは0になります)
設定では表示するキャラクターや背景、辞書登録を行うことができます。
辞書登録とは、喋らせたい単語を登録することでキャラクターが、その単語を使って喋るようになってくれます。自分好みのキャラクターに仕上げたい場合は積極的に活用すると幸せになれそうです。

本日はここまで。
次回、時間があればwonderland用にモデルを改良したり、組み込んだりしようと思います。

広告を非表示にする