スプライト - 版の履歴

Administrator: /* GPUでの実装 */

2021-03-05T02:46:47Z

GPUでの実装

← 古い版		2021年3月5日 (金) 02:46時点における版
17行目:		17行目:
	* そこにスプライトに相当する[[テクスチャ]]を貼り付けた四角形の[[ポリゴン]]を表示する		* そこにスプライトに相当する[[テクスチャ]]を貼り付けた四角形の[[ポリゴン]]を表示する

	この手法は初代[[プレイステーション]]~~でよく使われた。初期の~~[[プレイステーション]]の[[ゲーム]]~~はハードウェアスプライトがないため後述のソフトウェア実装が使われており、2Dゲームに限れば~~[[セガサターン]]~~より劣化していることが多かった。後にこの手法が考案されてからはその差はなくなった。~~		この手法は初代[[プレイステーション]]でよく使われた。ハードウェアスプライトのない[[プレイステーション]]の初期の[[ゲーム]]は後述のソフトウェア実装が使われており、2Dゲームに限れば[[セガサターン]]より劣化していることが多かった。後にこの手法が考案されてからは一気に逆転することとなった。

	==ソフトウェアでの実装==		==ソフトウェアでの実装==

2019年7月11日 (木) 05:02に124.87.119.49による

2019-07-11T05:02:34Z

← 古い版		2019年7月11日 (木) 05:02時点における版
2行目:		2行目:

	主に[[ゲーム]]で使われる技術であり、キャラクターを表示する際に背景をくり抜いて表示することをいう。その他にも動画の字幕などにも使われている。大雑把にいえば[[Photoshop]]などの[[ペイントソフト]]によくある「[[レイヤー]]」とほぼ同じ概念である。		主に[[ゲーム]]で使われる技術であり、キャラクターを表示する際に背景をくり抜いて表示することをいう。その他にも動画の字幕などにも使われている。大雑把にいえば[[Photoshop]]などの[[ペイントソフト]]によくある「[[レイヤー]]」とほぼ同じ概念である。

			「透明色付き画像の表示」とでも覚えておけばいい。

	==専用ハードウェアでの実装==		==専用ハードウェアでの実装==
	初期の[[コンピューター]]では[[ハードウェア]]の機能としてスプライトが用意されており非常に高速に処理することができた。拡大縮小や回転などをサポートするハードウェアも多く、それらも含めスプライトと呼ばれた。		初期の[[コンピューター]]では[[ハードウェア]]の機能としてスプライトが用意されており非常に高速に処理することができた。拡大縮小や回転などをサポートするハードウェアも多く、それらも含めスプライトと呼ばれた。

	専用ハードウェアによるスプライトは[[ファミコン]]や[[スーパーファミコン]]、[[PCエンジン]]、[[メガドライブ]]などの世代までの[[家庭用ゲーム機]]でよく使われた。		専用ハードウェアによるスプライトは[[ファミコン]]や[[スーパーファミコン]]、[[PCエンジン]]、[[メガドライブ]]などの世代までの[[家庭用ゲーム機]]でよく使われた。

	==GPUでの実装==		==GPUでの実装==
	近年の[[コンピューター]]ではスプライトが[[ハードウェア]]~~で実装されていることがほぼない。代替手段として~~[[GPU]]~~による高速化を期待して以下のような手法が使われる。~~		近年の[[コンピューター]]ではスプライトが[[ハードウェア]]で実装されていることはほぼない。

			その代替手段として[[GPU]]による高速化を期待し以下のような手法が使われる。
			* [[平行投影]]かつ真上見下ろしの3Dのシーンを用意する
			* そこにスプライトに相当する[[テクスチャ]]を貼り付けた四角形の[[ポリゴン]]を表示する

	*[[~~平行投影~~]]~~かつ真上見下ろしの3Dのシーンを用意する~~		この手法は初代[[プレイステーション]]でよく使われた。初期の[[プレイステーション]]の[[ゲーム]]はハードウェアスプライトがないため後述のソフトウェア実装が使われており、2Dゲームに限れば[[セガサターン]]より劣化していることが多かった。後にこの手法が考案されてからはその差はなくなった。
	*そこにスプライトに相当する[[~~テクスチャ~~]]~~を貼り付けた四角形の~~[[~~ポリゴン~~]]~~を表示する~~

	この手法は初代[[プレイステーション]]でよく使われた。初期の[[プレイステーション]]の[[ゲーム]]はハードウェアスプライトがないため2Dゲームは[[セガサターン]]より劣化していることが多かったが、この手法が考案されてからはその差はなくなった。
	==ソフトウェアでの実装==		==ソフトウェアでの実装==
	専用ハードウェアも[[GPU]]もない[[コンピューター]]では以下のような手順で[[ソフトウェア]]的に合成する。[[PC-9801]]や[[PC/AT]]、[[DirectX]]登場以前の[[フレームワーク]]の弱かった時代の[[Windows]]などでよく使われた。		専用ハードウェアも[[GPU]]もない[[コンピューター]]では以下のような手順で[[ソフトウェア]]的に合成する。[[PC-9801]]や[[PC/AT]]、[[DirectX]]登場以前の[[フレームワーク]]の弱かった時代の[[Windows]]などでよく使われた。

	;準備するもの		;準備するもの

	*背景画像		*背景画像
	*表示画像　＝　透明部分を「０」で埋めた画像		*表示画像　＝　透明部分を「０」で埋めた画像
23行目:		28行目:

	;手順		;手順

	#背景画像とマスク画像を[[ビット]]単位で[[AND演算]]する		#背景画像とマスク画像を[[ビット]]単位で[[AND演算]]する
	#:透明部分は背景がそのまま残り、画像を描画したい部分だけが0でクリアされる。		#:透明部分は背景がそのまま残り、画像を描画したい部分だけが0でクリアされる。
30行目:		34行目:

	最近の[[フレームワーク]]では表示画像の特定色を透明色として設定しておけば、マスク画像を用意しなくても自動的に合成してくれるものばかりなので、上記のような手順で合成することは少ないと思われる。		最近の[[フレームワーク]]では表示画像の特定色を透明色として設定しておけば、マスク画像を用意しなくても自動的に合成してくれるものばかりなので、上記のような手順で合成することは少ないと思われる。

			== 関連項目 ==
			* [[MonoGameで直線を描画する]]
			* [[R-TYPE I (PCエンジン)]]
			* [[ボンバーマンクラブ]]
			* [[NetGore]]
			* [[Live2D]]

	[[カテゴリ:画像処理]]		[[カテゴリ:画像処理]]

2019年5月16日 (木) 04:24にimported>Administratorによる

2019-05-16T04:24:05Z

← 古い版		2019年5月16日 (木) 04:24時点における版
17行目:		17行目:

	;準備するもの		;準備するもの
	* 背景画像
	* 表示画像　＝　透明部分を「０」で埋めた画像		*背景画像
	* マスク画像＝　透明部分を「１」、非透明部分を「０」で埋めた1ビットの画像		*表示画像　＝　透明部分を「０」で埋めた画像
			*マスク画像＝　透明部分を「１」、非透明部分を「０」で埋めた1ビットの画像

	;手順		;手順
	# 背景画像とマスク画像を[[ビット]]単位で[[AND演算]]する
	#: 透明部分は背景がそのまま残り、画像を描画したい部分だけが0でクリアされる。		#背景画像とマスク画像を[[ビット]]単位で[[AND演算]]する
	# 表示画像と背景画像を[[ビット]]単位で[[OR演算]]する		#:透明部分は背景がそのまま残り、画像を描画したい部分だけが0でクリアされる。
	#: 画像のピクセル列は前の操作で背景が消された領域にぴったりとはまる。		#表示画像と背景画像を[[ビット]]単位で[[OR演算]]する
			#:画像のピクセル列は前の操作で背景が消された領域にぴったりとはまる。

	最近の[[フレームワーク]]では表示画像の特定色を透明色として設定しておけば、マスク画像を用意しなくても自動的に合成してくれるものばかりなので、上記のような手順で合成することは少ないと思われる。		最近の[[フレームワーク]]では表示画像の特定色を透明色として設定しておけば、マスク画像を用意しなくても自動的に合成してくれるものばかりなので、上記のような手順で合成することは少ないと思われる。
			[[カテゴリ:画像処理]]

imported>Administrator: /* ソフトウェアでの実装 */

2018-11-30T02:21:11Z

ソフトウェアでの実装

← 古い版		2018年11月30日 (金) 02:21時点における版
17行目:		17行目:

	;準備するもの		;準備するもの
			* 背景画像
	#背景画像		* 表示画像　＝　透明部分を「０」で埋めた画像
	#表示画像　＝　透明部分を「０」で埋めた画像		* マスク画像＝　透明部分を「１」、非透明部分を「０」で埋めた1ビットの画像
	#マスク画像＝　透明部分を「１」、非透明部分を「０」で埋めた1ビットの画像

	;手順		;手順
			# 背景画像とマスク画像を[[ビット]]単位で[[AND演算]]する
	*背景画像とマスク画像を[[ビット]]単位で[[AND演算]]する		#: 透明部分は背景がそのまま残り、画像を描画したい部分だけが0でクリアされる。
	*:透明部分は背景がそのまま残り、画像を描画したい部分だけが0でクリアされる。		# 表示画像と背景画像を[[ビット]]単位で[[OR演算]]する
	*表示画像と背景画像を[[ビット]]単位で[[OR演算]]する		#: 画像のピクセル列は前の操作で背景が消された領域にぴったりとはまる。
	*:画像のピクセル列は前の操作で背景が消された領域にぴったりとはまる。

	最近の[[フレームワーク]]では表示画像の特定色を透明色として設定しておけば、マスク画像を用意しなくても自動的に合成してくれるものばかりなので、上記のような手順で合成することは少ないと思われる。		最近の[[フレームワーク]]では表示画像の特定色を透明色として設定しておけば、マスク画像を用意しなくても自動的に合成してくれるものばかりなので、上記のような手順で合成することは少ないと思われる。

imported>Administrator: ページの作成:「'''スプライト'''（英語：sprite）とは、コンピューター上で画像を表示する際に背景画像と合成表示することをいう。主…」

2018-11-30T02:04:56Z

ページの作成:「'''スプライト'''（英語：sprite）とは、コンピューター上で画像を表示する際に背景画像と合成表示することをいう。主…」

新規ページ

'''スプライト'''（[[英語]]：sprite）とは、[[コンピューター]]上で画像を表示する際に背景画像と合成表示することをいう。

主に[[ゲーム]]で使われる技術であり、キャラクターを表示する際に背景をくり抜いて表示することをいう。その他にも動画の字幕などにも使われている。大雑把にいえば[[Photoshop]]などの[[ペイントソフト]]によくある「[[レイヤー]]」とほぼ同じ概念である。
==専用ハードウェアでの実装==
初期の[[コンピューター]]では[[ハードウェア]]の機能としてスプライトが用意されており非常に高速に処理することができた。拡大縮小や回転などをサポートするハードウェアも多く、それらも含めスプライトと呼ばれた。

専用ハードウェアによるスプライトは[[ファミコン]]や[[スーパーファミコン]]、[[PCエンジン]]、[[メガドライブ]]などの世代までの[[家庭用ゲーム機]]でよく使われた。
==GPUでの実装==
近年の[[コンピューター]]ではスプライトが[[ハードウェア]]で実装されていることがほぼない。代替手段として[[GPU]]による高速化を期待して以下のような手法が使われる。

*[[平行投影]]かつ真上見下ろしの3Dのシーンを用意する
*そこにスプライトに相当する[[テクスチャ]]を貼り付けた四角形の[[ポリゴン]]を表示する

この手法は初代[[プレイステーション]]でよく使われた。初期の[[プレイステーション]]の[[ゲーム]]はハードウェアスプライトがないため2Dゲームは[[セガサターン]]より劣化していることが多かったが、この手法が考案されてからはその差はなくなった。
==ソフトウェアでの実装==
専用ハードウェアも[[GPU]]もない[[コンピューター]]では以下のような手順で[[ソフトウェア]]的に合成する。[[PC-9801]]や[[PC/AT]]、[[DirectX]]登場以前の[[フレームワーク]]の弱かった時代の[[Windows]]などでよく使われた。

;準備するもの

#背景画像
#表示画像　＝　透明部分を「０」で埋めた画像
#マスク画像＝　透明部分を「１」、非透明部分を「０」で埋めた1ビットの画像

;手順

*背景画像とマスク画像を[[ビット]]単位で[[AND演算]]する
*:透明部分は背景がそのまま残り、画像を描画したい部分だけが0でクリアされる。
*表示画像と背景画像を[[ビット]]単位で[[OR演算]]する
*:画像のピクセル列は前の操作で背景が消された領域にぴったりとはまる。

最近の[[フレームワーク]]では表示画像の特定色を透明色として設定しておけば、マスク画像を用意しなくても自動的に合成してくれるものばかりなので、上記のような手順で合成することは少ないと思われる。

スプライト - 版の履歴

Administrator: /* GPUでの実装 */

2019年7月11日 (木) 05:02に124.87.119.49による

2019年5月16日 (木) 04:24にimported>Administratorによる

imported>Administrator: /* ソフトウェアでの実装 */

imported>Administrator: ページの作成:「'''スプライト'''（英語：sprite）とは、コンピューター上で画像を表示する際に背景画像と合成表示することをいう。 主…」

imported>Administrator: ページの作成:「'''スプライト'''（英語：sprite）とは、コンピューター上で画像を表示する際に背景画像と合成表示することをいう。主…」