透過処理した画像の表示について

フォーラム(掲示板)ルール
フォーラム(掲示板)ルールはこちら  ※コードを貼り付ける場合は [code][/code] で囲って下さい。詳しくはこちら
atrix

透過処理した画像の表示について

#1

投稿記事 by atrix » 10年前

私は今、龍神録プログラミングの館を参考にさせていただきながら、自分なりにアレンジしたものを一から作ってみようと思い、作成してきました。しかし、最初からずっと気になっていたのが、透過処理した画像と背景との間に、小さいけど目に見えてちらついてしまう白い部分が表示されてしまうのです。1度はアンチエイリアスを考えてみたのですが、うまくいかず、どうしたらよいのか悩んでいます。龍神録ではそのようなことはなかったので、どうやったら画像の輪郭と背景との間をきれいに(ちらつきのないように)表示できるのかおしえていただきたいのです。

だんごさん
記事: 273
登録日時: 12年前

Re: 透過処理した画像の表示について

#2

投稿記事 by だんごさん » 10年前

龍神録プログラミングで出てくるgraph_board()あたりの関数の
DrawGraphの最後の引数をTRUEにしてみてはいかがでしょう?

背景とは何もない黒い部分ですかね…。
何か私勘違いしてそうなので気にしなくてもいいです。
 Dango San

アバター
softya(ソフト屋)
副管理人
記事: 11677
登録日時: 13年前
住所: 東海地方
連絡を取る:

Re: 透過処理した画像の表示について

#3

投稿記事 by softya(ソフト屋) » 10年前

どういうことしたら、どううまく行かなかったかを説明してもらわないと状況に対してはアドバイスが難しいです。
一般論としては、pngファイルにしてアルファ・チャンネルをちゃんと作れば透過するはずなのですが。
by softya(ソフト屋) 方針:私は仕組み・考え方を理解して欲しいので直接的なコードを回答することはまれですので、すぐコードがほしい方はその旨をご明記下さい。私以外の方と交代したいと思います(代わりの方がいる保証は出来かねます)。

atrix

Re: 透過処理した画像の表示について

#4

投稿記事 by atrix » 10年前

ご指摘いただきありがとうございます。

私が行った透過処理は、新ゲームプログラミングの館で紹介されている方法と同じものです。
GIMP_2で画像を開き、アルファチャンネルの追加→デリートで行いました。
その後画像を表示してみると、どうやら画像の「フチ」(……と表現したらよいのでしょうか)に白い部分があるようで、それが動いていると、ちらついてうっとうしい感じがするのです。
他のゲームをみていても、背景とキャラの間がちらついて見えるようなことはあまりありませんでした。
どのように画像を加工したら、綺麗に(滑らかに)背景とキャラの間を表示できるのでしょうか?
よろしくお願いします。
もし、まだ説明が不十分でしたら、どうかご指摘ください。

アバター
softya(ソフト屋)
副管理人
記事: 11677
登録日時: 13年前
住所: 東海地方
連絡を取る:

Re: 透過処理した画像の表示について

#5

投稿記事 by softya(ソフト屋) » 10年前

実物の動画とか画像を見ないと何とも言えないです。
ちらついて見る得る部分のスクリーンキャプチャの部分画像でも構いません。
データを見るのが手っ取り早そうですけが。

>それが動いていると、ちらついてうっとうしい感じがするのです。
背景との関係で、そう見える可能性も無くはないです。
by softya(ソフト屋) 方針:私は仕組み・考え方を理解して欲しいので直接的なコードを回答することはまれですので、すぐコードがほしい方はその旨をご明記下さい。私以外の方と交代したいと思います(代わりの方がいる保証は出来かねます)。

atrix

Re: 透過処理した画像の表示について

#6

投稿記事 by atrix » 10年前

説明のために実行画面をキャプチャしたものを表示したいのですが、ファイルの添付は不可ということで、どうやって投稿したらよいのでしょうか?

アバター
softya(ソフト屋)
副管理人
記事: 11677
登録日時: 13年前
住所: 東海地方
連絡を取る:

Re: 透過処理した画像の表示について

#7

投稿記事 by softya(ソフト屋) » 10年前

どこかのアップローダ(アダルト広告サイトは不可)か、mixc++にユーザー登録してもらうと添付可能になります。
by softya(ソフト屋) 方針:私は仕組み・考え方を理解して欲しいので直接的なコードを回答することはまれですので、すぐコードがほしい方はその旨をご明記下さい。私以外の方と交代したいと思います(代わりの方がいる保証は出来かねます)。

アバター
Dixq (管理人)
管理人
記事: 1661
登録日時: 13年前
住所: 北海道札幌市
連絡を取る:

Re: 透過処理した画像の表示について

#8

投稿記事 by Dixq (管理人) » 10年前

想像するに、よくjpg画像の背景部分を消そうとしたときに残る白い部分じゃないですかね。
※イメージは添付画像

また、このサイトに会員登録(無料)してもらうと画像添付も出来るようになりますし、日記もかけ、チャットも出来たり、アルバムも作れる等色々出来ることが増えますよ。
添付ファイル
無題.png
無題.png (25.13 KiB) 閲覧数: 3972 回

アバター
softya(ソフト屋)
副管理人
記事: 11677
登録日時: 13年前
住所: 東海地方
連絡を取る:

Re: 透過処理した画像の表示について

#9

投稿記事 by softya(ソフト屋) » 10年前

> Dixq (管理人) さん
あぁ、それならjpgの圧縮のノイズなので地道に取り除くしか無いですね。
GIMPに楽に出来る方法があるんでしょうか?
by softya(ソフト屋) 方針:私は仕組み・考え方を理解して欲しいので直接的なコードを回答することはまれですので、すぐコードがほしい方はその旨をご明記下さい。私以外の方と交代したいと思います(代わりの方がいる保証は出来かねます)。

atrix
記事: 14
登録日時: 10年前

Re: 透過処理した画像の表示について

#10

投稿記事 by atrix » 10年前

そうなのですか、ご回答ありがとうございました。
あと、早速登録したのですが、添付ファイルの投稿はどこから行えばよいのか教えて頂きたいのです。
挿入ではリンクが必要なようなので、できませんでした。

アバター
softya(ソフト屋)
副管理人
記事: 11677
登録日時: 13年前
住所: 東海地方
連絡を取る:

Re: 透過処理した画像の表示について

#11

投稿記事 by softya(ソフト屋) » 10年前

投稿画面の下にタブがあってファイル添付で画像ファイルをファイルの追加でアップロードできます。
by softya(ソフト屋) 方針:私は仕組み・考え方を理解して欲しいので直接的なコードを回答することはまれですので、すぐコードがほしい方はその旨をご明記下さい。私以外の方と交代したいと思います(代わりの方がいる保証は出来かねます)。

アバター
Dixq (管理人)
管理人
記事: 1661
登録日時: 13年前
住所: 北海道札幌市
連絡を取る:

Re: 透過処理した画像の表示について

#12

投稿記事 by Dixq (管理人) » 10年前

例えPNGでも白背景と一緒に画像になってる場合は似たようなことに陥るんですよね。
私はいつも多めに取り除いて白い部分を無くしています。
それ以外に方法は無い気が・・。
著作権が許すなら、下レイヤーに下地として画像を置いて自分でトレースする形で描いてみてはどうでしょう。

> 添付の方法

添付画像をご覧ください。
この仕様分かりにくいですかね・・?
添付ファイル
無題.png
無題.png (12.91 KiB) 閲覧数: 3952 回

atrix
記事: 14
登録日時: 10年前

Re: 透過処理した画像の表示について

#13

投稿記事 by atrix » 10年前

みなさま、ご丁寧に回答してくださり本当にありがとうございました。
仕方がないので、無理のない程度に境界をぼかして使っていこうと思います。
時間が空いたら画像拡大したのち、地道に白を消していこうと考えております。
添付の方法については、申し訳ございませんが少しだけ場所が見えづらいような気がしました。

この度はありがとうございました。

ISLe
記事: 2650
登録日時: 13年前
連絡を取る:

Re: 透過処理した画像の表示について

#14

投稿記事 by ISLe » 10年前

Dixq (管理人) さんが書きました:例えPNGでも白背景と一緒に画像になってる場合は似たようなことに陥るんですよね。
私はいつも多めに取り除いて白い部分を無くしています。
それ以外に方法は無い気が・・。
関係ないかもしれませんが…
マルチサンプリングで、透過ピクセルの色が隣の透過でないピクセルに染み出すことがあったりしますね。

閉鎖

“C言語何でも質問掲示板” へ戻る