スプライトツール
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
*スプライトツール [#s1884601]
SMILE GAME BUILDERにあったエフェクトエディターの機能強化...
#ref(./スプライトツール.png,50%)
#contents
**アニメーションデータの作成方法 [#be66be9e]
ここでは、キャラクターの目パチ、口パクアニメの作成方法を...
#ref(spritetool-jp.png)
1.マスターメニューから「リソース管理」を開く。
2.2Dスタンプ→イメージを選択します。
3.「追加」をクリックし、任意の画像を選択してインポート...
#ref(spritetool03.png)
#ref(spritetool04.png)
アニメーションする画像は、「テクスチャの設定」で「スライ...
この場合は横分割数が2、縦分割数を7と設定します。''会話...
5.「2Dスタンプ」→「スプライト」を選択します。
6.「追加」をクリックすると画像選択画面が開くので、ベー...
#ref(spritetool07.jpg)
7.ベース画像が読み込まれたら、画面右上の「編集」をクリッ...
#ref(spritetool08.jpg)
8.アニメーションツールが起動したら、ベース画像を表示した...
#ref(spritetool09.jpg)
9.レイヤーを追加して、アニメーションさせたい部位の画像を...
画像が画面に表示されたら、マウスまたはカーソルキーでアニ...
プレビュー画像はマウスのセンタースクロールで拡大縮小がで...
#ref(spritetool10.jpg)
10.「フレーム追加」ボタンをクリックして、フレームをふたつ...
#ref(spritetool11.jpg)
11.真ん中のフレームの「目」と「口」のレイヤーにフォーカス...
#ref(spritetool12.jpg)
12.再生時間(フレーム)を設定します。ここでは、真ん中のフ...
#ref(spritetool13.gif)
**各機能の説明 [#q8712a71]
***アニメーションリスト [#id26eb96]
登録されているアニメーションの一覧が表示されます。
***アニメーションプレビュー [#e68c0848]
作成中のアニメーションが再生されるエリアです。
:再生|選択中のアニメーションを再生します。
:スケール|アニメーションプレビューエリアのスケールを変更...
:マーカー|ゲーム定義→プロジェクト設定→実行時解像度に設定...
:ループ|ONにしておくと、アニメーションをループ再生するこ...
:ターゲット|プレビューエリアに表示する基準画像の選択を行...
:背景|プレビューエリアの背景画像の選択を行います。
***タイムライン [#a089e977]
アニメーション情報を設定します。設定可能なアニメーション...
:秒|設定されたフレーム数がおよそ何秒で再生されるかを表示...
:フレーム|設定値を何フレームで再生するかを入力します。
:画面フラッシュ|指定した色と透明度で、画面全体をフラッシ...
:対象フラッシュ|指定した色と透明度で、ターゲットをフラッ...
:効果音|アニメーション時に再生するSEを設定します。
:レイヤー|表示したい画像および表示方法について設定します...
:レイヤーの半透明化|アイコンをクリックすると、そのレイヤ...
#ref(spritetool14.png)
***レイヤーの変化情報 [#gd2f9731]
:色変化方法|設定した画像の色の色彩や透明度の変化情報を設...
:位置|画像の表示位置や変化方法を設定します。
:スケール|画像のスケールや変化方法を設定します。
:回転|画像の回転変化方法と角度の設定をします。
:イメージ|使用する画像と割り当てるコマの座標を設定します。
終了行:
*スプライトツール [#s1884601]
SMILE GAME BUILDERにあったエフェクトエディターの機能強化...
#ref(./スプライトツール.png,50%)
#contents
**アニメーションデータの作成方法 [#be66be9e]
ここでは、キャラクターの目パチ、口パクアニメの作成方法を...
#ref(spritetool-jp.png)
1.マスターメニューから「リソース管理」を開く。
2.2Dスタンプ→イメージを選択します。
3.「追加」をクリックし、任意の画像を選択してインポート...
#ref(spritetool03.png)
#ref(spritetool04.png)
アニメーションする画像は、「テクスチャの設定」で「スライ...
この場合は横分割数が2、縦分割数を7と設定します。''会話...
5.「2Dスタンプ」→「スプライト」を選択します。
6.「追加」をクリックすると画像選択画面が開くので、ベー...
#ref(spritetool07.jpg)
7.ベース画像が読み込まれたら、画面右上の「編集」をクリッ...
#ref(spritetool08.jpg)
8.アニメーションツールが起動したら、ベース画像を表示した...
#ref(spritetool09.jpg)
9.レイヤーを追加して、アニメーションさせたい部位の画像を...
画像が画面に表示されたら、マウスまたはカーソルキーでアニ...
プレビュー画像はマウスのセンタースクロールで拡大縮小がで...
#ref(spritetool10.jpg)
10.「フレーム追加」ボタンをクリックして、フレームをふたつ...
#ref(spritetool11.jpg)
11.真ん中のフレームの「目」と「口」のレイヤーにフォーカス...
#ref(spritetool12.jpg)
12.再生時間(フレーム)を設定します。ここでは、真ん中のフ...
#ref(spritetool13.gif)
**各機能の説明 [#q8712a71]
***アニメーションリスト [#id26eb96]
登録されているアニメーションの一覧が表示されます。
***アニメーションプレビュー [#e68c0848]
作成中のアニメーションが再生されるエリアです。
:再生|選択中のアニメーションを再生します。
:スケール|アニメーションプレビューエリアのスケールを変更...
:マーカー|ゲーム定義→プロジェクト設定→実行時解像度に設定...
:ループ|ONにしておくと、アニメーションをループ再生するこ...
:ターゲット|プレビューエリアに表示する基準画像の選択を行...
:背景|プレビューエリアの背景画像の選択を行います。
***タイムライン [#a089e977]
アニメーション情報を設定します。設定可能なアニメーション...
:秒|設定されたフレーム数がおよそ何秒で再生されるかを表示...
:フレーム|設定値を何フレームで再生するかを入力します。
:画面フラッシュ|指定した色と透明度で、画面全体をフラッシ...
:対象フラッシュ|指定した色と透明度で、ターゲットをフラッ...
:効果音|アニメーション時に再生するSEを設定します。
:レイヤー|表示したい画像および表示方法について設定します...
:レイヤーの半透明化|アイコンをクリックすると、そのレイヤ...
#ref(spritetool14.png)
***レイヤーの変化情報 [#gd2f9731]
:色変化方法|設定した画像の色の色彩や透明度の変化情報を設...
:位置|画像の表示位置や変化方法を設定します。
:スケール|画像のスケールや変化方法を設定します。
:回転|画像の回転変化方法と角度の設定をします。
:イメージ|使用する画像と割り当てるコマの座標を設定します。
ページ名: