OPTPiX SpriteStudio 勉強会#03 「今回は中～上級者向け！キーワードは『達人のコツ』と『2Dツールの可能性』、そして『グロテスク』！！」

OPTPiX SpriteStudio 勉強会 #03

今回は中～上級者向け！キーワードは『達人のコツ』と『 2Dツールの可能性』、そして『グロテス

ク』！！

本日の司会進行担当浅井維新（ Asai Yukiyoshi）

株式会社ウェブテクノロジ・コムセールス＆コミュニケーション部

『 OPTPiX SpriteStudio』・『 OPTPiX imesta 7』のマーケティングとセールスを担当。最近、昔所属していた会社の後輩同僚がいつの間にか SAPに転職してて、久々に連絡してきたと思ったら『浅井さん所のツールっておっぱい揺らせるんですよね？（ハイテンションに）』あんなに真面目ないい子だったのに・・・

本日のタイムテーブル19:00 - 19:05 開会のご挨拶とイベント説明ウェブテクノロジ浅井

19:05 - 19:30 SpriteStudioでイラストを動かす池田ピロウさん &Crico市川さん

19:35 - 20:00 Flasherが見据える開発手法の最大化 ORSO川畑さん、加藤さん

20:00 - 20:15 休憩

20:15 - 20:40 WORLD WAR TITAN - コンセプトアートが動き出す -

MutationsStudio吉田さん

20:45 - 21:10 OPTPiX SpriteStudio よくある質問＋ウェブテクノロジ遠藤

21:10 - 21:50 懇親会

22:00 閉会（完全撤収）

OPTPiX SpriteStudio勉強会 #03 開催に寄せて

株式会社ディー・エヌ・エー様ありがとうございます

OPTPiX SpriteStudio勉強会 #03 開催に寄せて

SpriteStudioでイラストを動かす

池田ピロウ（@ikedasans）

市川武実（@kemiichi）Crico株式会社

Flasherが見据える開発手法の最大化

川畑良平

加藤将監株式会社 ORSO

WORLD WAR TITAN ーコンセプトアートが動き出すー

吉田卓史株式会社MutationsStudio

OPTPiX SpriteStudio よくある質問＋

遠藤義輝（ Endo Yoshiteru）株式会社ウェブテクノロジ

『 OPTPiX SpriteStudio』の製品開発リードを担当。MSXの時代からツール開発、その後ゲーム業界にてWindows～Mac、各種コンシューマゲーム開発を経験して、ウェブテクノロジにジョイン。通称リーダー


❖ 日頃、サポートに問合せがある相談のなかから・・・➢ 頻度が高いけど整理＆ FAQか出来ていない話題➢ 頻度は高くないけど面白い話題➢ SpriteStudio「以外」のツールとの併用相談➢ ツールの使い方「以外」の相談

❖ 【注意】➢ 今回のウェブテクノロジのセッションは文字が多め

➢ 写真の撮影はご自由にどーぞ！➢ スライドの内容は後から SlideShareに Up予定


OPTPiX SpriteStudio よくある質問＋『Mavericks版はいつ出るの？』

❖ β 版を OPTPiX Help Center で提供中➢ http://goo.gl/cccxKU

『 β版』タブをクリックされるとダウンロードリンクが表示されます

OPTPiX SpriteStudio よくある質問＋『Mavericks版はいつ出るの？』

❖ 正式版の準備ステータスは『最終テスト中』➢ リリース予定日： 8/12週➢ 既知の不具合：

■ ".sspj”ダブルクリックからの SpriteStudio本体起動不可● SpriteStudio本体を起動してから ".sspj"を開く

■ アトリビュート上の数値入力時、 1桁の文字を削除不可● 数値入力をダブルクリックして全選択してから入力


OPTPiX SpriteStudio よくある質問＋『 UnityPlayerってどっちを使えばいいの？』

❖ そう、 Unity用の Playerは、実は 2種類➢ SSPlayer for Unity

■ AssetStoreに公開している Ver. (間もなく GitHubにも公開 )

● http://goo.gl/c1YvcV➢ SS"5"Player for Unity

■ GitHubに公開している Ver.● http://goo.gl/hzpGKW

http://goo.gl/c1YvcV


❖ SSPlayer for Unity➢ 現在までの Unity併用事例で使われているアセット

■ 但し、今後公式としてのアップデート予定は無し


❖ SS"5"Player for Unity➢ OPTPiX SpriteStudio の標準ファイル形式に準拠

■ ".sspj"を直接インポート➢ Unity上での運用がより楽に

■ インポート時に作成される Prefabの置き場所を指定できる■ シェーダー数の削減■ SpriteStudio上で定義した当たり判定を Colliderに変換■ マテリアル切り替えが容易に■ 頂点変形が美しく

➢ 2014/9にマイナーアップデート■ インスタンス・ラベル機能が使える！ (ようになる )■ Ver.0.94 ～ 1.00までのユーザーフィードバックを反映

OPTPiX SpriteStudio よくある質問＋『 Unity上でのテクスチャの差し替え方法』

SSPlayer (AssetStore の方 )の場合

1. パーツを指定 (GetPart)2. マテリアルを個別化＝複製 (IndividualizeMaterial)3. テクスチャを変更 (material.mainTexture で )または、4. 差し替え対象のマテリアルを予め複製5. 対象パーツのマテリアルを直接差し替えておく6. テクスチャを変更 (material.mainTexture で )

いずれにしても、非常に面倒くさい！ので、恐らく、



あからじめ、差し替え対象のパーツが参照するテクスチャ (セルマップ )は全て別ファイルにしておくのがよいでしょう。こうすれば、マテリアルを動的に複製しなくて済みます。

サンプルコードを GitHubに上げておきます。

だれかベストプラクティスをお持ちの方シェアしてください！


SS5Player (GitHub の方 )の場合

1. やはり差し替え対象のパーツが参照するテクスチャ (セルマップ )は全て別ファイルにしておく。

2. ルートパーツの Based Material Table プロパティで対象のマテリアルのテクスチャを変更する。

Based Material Table には１アニメで必要なマテリアルがまとめられています。１つの要素を変更すると同じテクスチャを使っている全パーツが変わるので、SSPlayer より簡単です。

※Based Material Table について詳細はこちらhttps://github.com/SpriteStudio/SS5PlayerForUnity/wiki#-based-material-table

https://github.com/SpriteStudio/SS5PlayerForUnity/wiki


ベストプラクティスをお持ちの方、シェアしてみませんか？

OPTPiX SpriteStudio よくある質問＋『 Unity： AssetBundle化する方法』


バンドル化が必要なもの● SsAnimation(*_ssa.asset)● マテリアル● テクスチャ

SsSprite の *.prefab は、動的に GameObject を作って SsSprite をAddComponent すれば不要。

AssetBundle としてロードするサンプルコードは、

OPTPiX SpriteStudio よくある質問＋『 Unity： AssetBundle化する方法』SSPlayer (AssetStoreの方 )の場合void DownloadAssetBundle(){ WWW www = WWW.LoadFromCacheOrDownload("http://hoge.co.jp/ab.unity3d", 1); yield return www;

AssetBundle asset_bundle = www.asset_bundle;

// Anime.ssax をインポートして作成された ssaアセットファイル名 SsString ssa_name = "Anime_ssa";

if (asset_bundle.Contains(ssa_name)) { // SsAnimation 型を指定してダウンロード SsAnimation anime = asset_bundle.Load(ssa_name, typeof(SsAnimation)) as SsAnimation; if (anime) { // GameObjectを作成し動的に SsSprite コンポーネントを追加 GameObject go = new GameObject("GO_" + anime); var sprite = go.AddComponent<SsSprite>(); // ダウンロードした SsAnimationを指定 sprite.Animation = anime; } else { Debug.LogError("No SsAnimation"); } }}



GitHubにあげておきます。

https://github.com/SpriteStudio/SSPlayerForUnity/

https://github.com/SpriteStudio/SSPlayerForUnity/


SS5Player (GitHub の方 )の場合

バンドル化が必要なもの● アニメーションのプレハブ (インポート先の Prefabフォルダ内のもの )● マテリアル● テクスチャ

SS5Player の場合アニメーションデータは .asset ではなくプレハブ化されます。

サンプルコードは、ありません。


ベストプラクティスをお持ちの方、シェアしてみませんか？


Unity関連の話題はここまで。


OPTPiX SpriteStudio よくある質問＋『 FLASHへのエクスポート機能は？』

❖ 直接はエクスポートは出来ないけど・・・➢ SS5Player for AS3

■ Adobe Air / FlashPlayer の上で再生■ http://goo.gl/5zjzqc■ 開発は株式会社プロモータル■ Staring2Dフレームワークを使用■ オープンソース（簡易 BSD Lisence）■ サンプル

● http://goo.gl/VKCiph

http://goo.gl/5zjzqc

http://goo.gl/VKCiph

OPTPiX SpriteStudio よくある質問＋『アニメーション GIFの出力機能は？』

❖ 無いです。でも簡易的なプレビューが目的であれば➢ [プロジェクト ] → メニュー『連番画像のレンダリング』

■ 出力ファイル：● 指定コマ分の ".png"● ブラウザプレビュー用の ".html"

◆ Safari等のブラウザで連番再生可能◆ Chromeだと設定を変更する必要有り

■ アニメーション GIFへの変換● 他のツールにお願い（今のところは！）

OPTPiX SpriteStudio よくある質問＋『データ制作受託をしてくれる会社を紹介して』

❖ というご相談があまりにも多いので➢ OPTPiX SpriteStudio Friendship

■ 受託を事業としているユーザーを対象● アニメーション制作受託● アプリ（ゲーム・ノンゲーム）制作

■ Friendshipページ● ユーザーが制作しているバナーを設置

◆ バナーは（ ".sspj"入稿）● ユーザーのWebページへ直接リンク

OPTPiX SpriteStudio よくある質問＋『データ制作受託をしてくれる会社を紹介して』

ユーザーのWebページ

事業内容・ドット絵制作・アプリ受託開発

OPTPiX SpriteStudio Friendship アレンジバナー

ユーザーのページにリンク

OPTPiX SpriteStudio Friendshipページ


今回紹介出来なかったネタ

OPTPiX SpriteStudio よくある質問＋今日ご紹介出来なかったネタは、次回へ

❖ アニメーションの管理方法➢ SpriteStudio本体側でフォローできていない要素

■ なので、ユーザーごとにバラバラ！参考人招致？❖ SpriteStudio出力のデータにエフェクトを埋め込みたい

➢ SS5 SDK を参照して！■ だけだとピンと来ないかもなので、参考人招致？

❖ ○ ○ドラゴズクランみたいなのが作りたい➢ 頑張って。

■ と、冷たく突き放す愛もあるが、これも参考人招致？

次回予告

OPTPiX SpriteStudio勉強会

OPTPiX SpriteStudio勉強会

❖ #04 & #05 @ウェブテクノロジ（池袋）➢初心者向け

■ 9/10 （水） 19:30 ～※ 19:00開場● https://atnd.org/events/53867

■ 10/9 （木） 19:30 ～※ 19:00開場● https://atnd.org/events/53868

OPTPiX SpriteStudio 勉強会 #03

おしまい

Software

OPTPiX SpriteStudio 勉強会#03 「今回は中～上級者向け！ キーワードは『達人のコツ』と『2Dツールの可能性』、そして『グロテスク』！！」

OPTPiX SpriteStudio 勉強会#03 「今回は中～上級者向け！キーワードは『達人のコツ』と『2Dツールの可能性』、そして『グロテスク』！！」