Practical game development with Stingray 2

78
Practical game development with Stingray 2 Naoji Taniguchi

Transcript of Practical game development with Stingray 2

Page 1: Practical game development with Stingray 2

Practical game development with Stingray 2

Naoji Taniguchi

Page 2: Practical game development with Stingray 2

谷口 直嗣フリーランス

CGスタジオの R&D部門から独立コンソールゲーム( Nitendo64, XBox, XBox360, Wii)開発、ディレクション

スマホアプリ企画開発、インタラクティブ展示企画開発ロボットアプリ企画開発

Page 3: Practical game development with Stingray 2

本日のお話Scaleformで UI作成

Level StoryでアニメーションParticle Effect

Flow & Lua

Page 4: Practical game development with Stingray 2

Scaleformの要素Widget

Event dispacher

Animation

Page 5: Practical game development with Stingray 2

早速 Scaleformを起動

Page 6: Practical game development with Stingray 2

Widgetを配置してみる

Page 7: Practical game development with Stingray 2

テスト実行のには Playerの設定が必要

Page 8: Practical game development with Stingray 2

テスト実行

Page 9: Practical game development with Stingray 2

テスト実行

Page 10: Practical game development with Stingray 2

テスト実行ログ

Page 11: Practical game development with Stingray 2

Widget Handler

Page 12: Practical game development with Stingray 2

Widget Handler

Page 13: Practical game development with Stingray 2

Imageを配置

Page 14: Practical game development with Stingray 2

ボタンの画像に設定

Page 15: Practical game development with Stingray 2

ボタンの画像に設定

Page 16: Practical game development with Stingray 2

ボタンの画像に設定

Page 17: Practical game development with Stingray 2

画像を置く

Page 18: Practical game development with Stingray 2

サイズ調整

Page 19: Practical game development with Stingray 2

もう一枚追加

Page 20: Practical game development with Stingray 2

フレーム追加

Page 21: Practical game development with Stingray 2

Tween追加

Page 22: Practical game development with Stingray 2

実行するとアニメーション

Page 23: Practical game development with Stingray 2

実際にゲームで使ったプロジェクト

Page 24: Practical game development with Stingray 2

ポーズボタン

Page 25: Practical game development with Stingray 2

ポーズボタンのWidget Handler

Page 26: Practical game development with Stingray 2

Stingrayの受け

Page 27: Practical game development with Stingray 2

Stingrayで Event

Page 28: Practical game development with Stingray 2

シーン内で実行

Page 29: Practical game development with Stingray 2

ポーズボタン押し

Page 30: Practical game development with Stingray 2

Scaleform To Stingrayの例Widget Widget

Handler

CustomEvent

Event Dispatch

UnitFlow Event

Scaleform

Stingray

Page 31: Practical game development with Stingray 2

コリジョンしてライフが減る

Page 32: Practical game development with Stingray 2

PPKの Unit Flow

Page 33: Practical game development with Stingray 2

PPKの Unit Flow

Page 34: Practical game development with Stingray 2

Flow Subroutine

Page 35: Practical game development with Stingray 2

Flow Subroutine

Page 36: Practical game development with Stingray 2

Custom Node

Page 37: Practical game development with Stingray 2

Lua Script

Page 38: Practical game development with Stingray 2

Scaleform Lua Script

Page 39: Practical game development with Stingray 2

Scaleform Animation

Page 40: Practical game development with Stingray 2

Stingray To Scaleformの例Unit Flow Flow subroutine

Lua Script

Event Dispatch

AnimationComponent

Custom Node Lua Script

bitmap

Stingray

Scaleform

Page 41: Practical game development with Stingray 2

Level Storyの作成と組み込み

Page 42: Practical game development with Stingray 2

Vignette の半径をアニメーションさせる

Page 43: Practical game development with Stingray 2

Vignetteを選んで

Page 44: Practical game development with Stingray 2

Level Storyを選択

Page 45: Practical game development with Stingray 2

Story Editorを起動して Create Story

Page 46: Practical game development with Stingray 2

右クリックでアニメーションさせるパラメーターを選択

Page 47: Practical game development with Stingray 2

Vignette Radiusを選択

Page 48: Practical game development with Stingray 2

キーフレームに値をセット

Page 49: Practical game development with Stingray 2

フレームを動かしてみる

Page 50: Practical game development with Stingray 2

Level Flowへの組み込みOpen

Page 51: Practical game development with Stingray 2

Level Flowへの組み込みClose

Page 52: Practical game development with Stingray 2

Perticleの作成と組み込み

Page 53: Practical game development with Stingray 2

Particleの作成

Page 54: Practical game development with Stingray 2

テクスチャーのインポート

Page 55: Practical game development with Stingray 2

テクスチャーのインポート

Page 56: Practical game development with Stingray 2

Particleが作られた

Page 57: Practical game development with Stingray 2

テクスチャーのセット

Page 58: Practical game development with Stingray 2

テクスチャーがセットされた

Page 59: Practical game development with Stingray 2

色の設定

Page 60: Practical game development with Stingray 2

色が設定されたパーティクル

Page 61: Practical game development with Stingray 2

Velocityを追加

Page 62: Practical game development with Stingray 2

重力を追加

Page 63: Practical game development with Stingray 2

だんだん小さくなるようにサイズを設定

Page 64: Practical game development with Stingray 2

Emmiter:Blastを追加Emmiter:Rateを削除

Page 65: Practical game development with Stingray 2

PPKの Unity Flowに組み込み

Page 66: Practical game development with Stingray 2

Lua、カスタムノード、Flowへの組み込み

Page 67: Practical game development with Stingray 2

障害物

Page 68: Practical game development with Stingray 2

Unit

Page 69: Practical game development with Stingray 2

PPK Unit Flow

Page 70: Practical game development with Stingray 2

PPK Unit Flow

Page 71: Practical game development with Stingray 2

Flow Subroutine

Page 72: Practical game development with Stingray 2

Flow Subroutine

Page 73: Practical game development with Stingray 2

Custom Node

Page 74: Practical game development with Stingray 2

Custom Node

Page 75: Practical game development with Stingray 2

Lua Script

Page 76: Practical game development with Stingray 2

障害物の例Unit PPK Unit STN_A

CollisionMover Actor Physics Actor

Flow Subroutine

Custom Node

Lua Script Damage!!

Page 77: Practical game development with Stingray 2

まとめScaleformと Stingrayは Event Dispatcherで

Level Storyは結構便利Particle Effectはパラメーター調整がキモ

Flow & Luaはカスタムノードでつなぐ

Page 78: Practical game development with Stingray 2

Thank You!