このドキュメントでは、イメージ エディターを使用した基本的なテクスチャの作成方法を示します。
このドキュメントでは、以下のアクティビティについて説明します。
テクスチャ サイズの配置
前景色と背景色の配置
を使用してアルファ チャネル (透過性)
[塗りつぶし] と [楕円] のツールを使用します。
ツール プロパティの設定
基本的なテクスチャの作成
または、ゲーム アプリケーションのイメージとテクスチャを作成および変更するために、イメージ エディターを使用できます。
次の手順では、"Core "ドット" の対象を表すテクスチャを作成する方法を示します。終了すると、テクスチャは次の図のようになります。は、テクスチャの透過性を示すために、それを表示するには、緑色、格子模様のパターンを使用するように構成されています。
.png "透明度が緑で表示された \"Bullseye\" ターゲット")
開始する前に、[プロパティ] のウィンドウが表示されることを確認します。作業中に、イメージのサイズを設定するには [プロパティ] ]ウィンドウを使用してツールのプロパティを変更して、色を指定します。
"中心点" 先のテクスチャを作成するには
で使用するためのテクスチャを作成します。プロジェクトにテクスチャを追加する方法の詳細については、イメージ エディター) の先頭に"を参照してください。
512x512 ピクセルにイメージ サイズを設定します。[プロパティ] のペインで、[幅] と [高さ] のプロパティの値をに 512設定します。
イメージ エディターのツール バーで、[塗りつぶし] ツールを選択します。[プロパティ] のウィンドウは、イメージのプロパティとともに、[塗りつぶし] のツールのプロパティを表示します。
完全に透過的な黒前景色を設定します。[プロパティ] のペインで、[色] のプロパティ グループで、をクリックします [前景]。カラー ピッカー横に [R]、[G]、[B] と A のプロパティの値をに [0]設定します。
次に、イメージ エディターのツール バーで、[塗りつぶし] ツール Ctrl キーと Shift キーを選択し、イメージのポイントを選択します。Shift キーを使用して塗りつぶしの色のアルファ値をイメージの色を置き換えるようにします; イメージの色とともに塗りつぶしの色をブレンドの場合、アルファ値が使用されます。
.gif "重要 :")
重要前の手順の色オプションとともにこの手順では、基本イメージが描画 "中心点" 先のテクスチャを準備するためです。イメージが透過的で塗りつぶす場合も、ターゲットの境界線が黒そこであるため、対象の周囲にエイリアスのアーティファクトではありません。
イメージ エディターのツール バーで、[楕円] ツールを選択します。
完全に不透明な黒に前景色を設定します。[R]、[G] と [B] のプロパティを [0] " A のプロパティの値をに 255設定します。
白に完全に不透明な背景色を設定します。[プロパティ] のペインで、[色] のプロパティ グループで、をクリックします [背景]。[R]、[G]、[B] と A のプロパティの値をに 255設定します。
楕円のアウトラインの幅を設定します。[プロパティ] のペインで、[外観] のプロパティ グループで、を [幅] のプロパティの値 [8]をに設定します。
アンチエイリアシングが有効になっていることを確認します。[プロパティ] のペインで、[外観] のプロパティ グループで、[アンチエイリアス] のプロパティが設定されていることを確認します。
[楕円] ツールを使用して、ピクセル座標 (3、3) からのピクセル座標 (508、508) に円を描画します。描画するときに、円をより簡単に描画するには、Ctrl キー、Shift キーできます。
[!メモ]
現在のポインターの位置のピクセル座標は Visual Studio のステータス バーに表示されます。
背景色を変更します。[R] に 44、[G] に 165、[B] に 211A、をに 255設定します。
ピクセル座標 (64、64) からのピクセル座標 (448、448) に別の円を描画します。
白に完全に不透明な背景色を取得します。[R]、[G]、[B] と A をに 255設定します。
ピクセル座標 (128、128) からのピクセル座標 (384、384) に別の円を描画します。
背景色を変更します。[R] に 255、[G] と [B] に 64A、をに 255設定します。
ピクセル座標 (192、192) からのピクセル座標 (320、320) に別の円を描画します。
"中心点" 先のテクスチャがありません。透過性と表示される最終イメージを次に示します。
.png "\"bullseye\" ターゲットのテクスチャ全体")
次の手順では、このテクスチャのミップマップのレベルを生成できます。詳細については、「方法: MIP レベルを生成する」を参照してください。