ホーム > Expression Design > Expression Designで作成したゲームグラフィック

Expression Designで作成したゲームグラフィック

Danc[著], わにちゃん@ExpressionTech.jp[訳・編集] 評価:
2010年12月22日 23:30 from Expression Blend and Design

はじめに

今日、私はExpression Designで作ったいくつかのゲームプロトタイピンググラフィックを共有したいと思います。これらは良質のグラフィックセットがなくて困っているゲーム開発者や、基本的なベクタ描画テクニックを理解するためのサンプルファイルを欲しい人たちに役立ちます。

以下に私がExpression Designで作成したサンプルを例に挙げます:

上記のイメージのファイルはこちらからダウンロードできます: PlanetCute.design (540k)

これらのファイルを作成するためのヒントとコツ

Expression Designはすでにベクタ描画ツールを作成の方法を知ってる人たちはすでにおなじみでありましょう。しかしながら、自分の生活をより簡単に作る毎日を過ごすためのいくつかのユニークなトリックがあります。

常にピクセルで作業する

私はいつもマイドキュメントをピクセルに設定(96 PPIが正確!)しています。これは、XAML にエクスポートするすべての混乱を大幅に削減します。なぜそれができたか詳細を知りたい場合は、Joannaのブログ記事をご覧ください

グリッドサイズを10ピクセルに、微調整の刻み値を1ピクセルにするように設定する

すべてのタイルは10ピクセルでグリッド上に作られています。移動間隔を1ピクセルずつ微調整できるように設定することによって素晴らしいトリックが可能となります。Shiftキーを押しながら矢印キーを押してドラッグことで、そのオブジェクトは10ピクセルずつ移動します。この場合、10ピクセルのグリッドのとおりに動きます。今、手動で要素をドラッグする代わりにShiftキーを押しながら矢印キーで移動できます。私はこれらのグリッド揃えを保証します。これは、ゲームのグラフィックを並べて表示する場合に便利です。

以下の手順でグリッドのサイズと移動間隔を微調整するように変更できます。

  1. [編集]メニューの[オプション]をポイントし、[単位とグリッド]を選択します。
    編集>オプション>単位とグリッド
  2. [ドキュメントの単位]を「ピクセル」に設定します。
    オプション
  3. [グリッドサイズ]を「10px」と入力します。
  4. [微調整の刻み値]を「1px」と入力します。
  5. [OK]ボタンをクリックすることでこれらが設定されます。

グラデーション境界を使用したシェーディング

ほとんどの3Dのシェーディング結果はグラデーション境界を使っています。このシンプルな機能は、すべてのグラデーションでアルファの停止 プロパティを通じてアクセスできる古い信頼性の高いグラデーションの有用性が大幅に増加します。ここに私はグラデーション境界とタイルの残りの部分での使用に基づいてタイル シャドウ システムを作成する方法の例です。

Download Large (more readable!) Version

ゲームを作成できますか?

このグラフィックセットはほとんどフレキシブルです。あなたはプラットフォームゲームを作ることができますか? ロールプレイングゲームを作ることができますか? それともパズルゲームですか? その可能性は無限大です。ロッキング、ゲームの設計に必要な正確なタイルにはセットが含まれていないことを確認する場合は、Expression Design で .design ファイルを開き、いくつかの色を変更、または一部の図形を追加するのは簡単です。新しいタイルと新しい文字ができあがり!

私は宝島チェストグラフィックを追加したので、誰かが最初のSilverlight海賊ゲームを作ってくれることを楽しみにしています。

これらのタイルを使って作成された何か他のモノをみるには、私のサイトに訪れてください。

記事元ソース:Expression Blend and Design > Game Graphics Created in Expression Design

Expression Design 最新記事

コメント

コメント

▲このページのトップへ