質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.47%
SpriteKit

SpriteKitは、iOSやOS Xで使用できるApple社製の2Dゲーム開発フレームワークです。

OpenGL

OpenGLは、プラットフォームから独立した、デスクトップやワークステーション、モバイルサービスで使用可能な映像処理用のAPIです。

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

GLSL

GLSL (OpenGL Shading Language) はC言語をベースとしたシェーディング言語です。

Q&A

0回答

388閲覧

GLSLシェーダで透過画像の色を変更したい。

instinct

総合スコア28

SpriteKit

SpriteKitは、iOSやOS Xで使用できるApple社製の2Dゲーム開発フレームワークです。

OpenGL

OpenGLは、プラットフォームから独立した、デスクトップやワークステーション、モバイルサービスで使用可能な映像処理用のAPIです。

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

GLSL

GLSL (OpenGL Shading Language) はC言語をベースとしたシェーディング言語です。

0グッド

0クリップ

投稿2022/05/05 06:19

編集2022/05/06 06:43

Xcodeのspritekitを使ってゲームを作っています。
GLSLシェーダで解らない事があるので質問させてください。背景と穴の中を透過させた画像に、シェーダを使って変形させる事は出来たのですが、画像の透過している部分にも色が付いてしまいます。画像の透過の状態を保ったまま、白の円だけを変形させ、RGBで指定した色に変更させたいと思っています。色々調べて試してみたのですが初心者の為わかりませんでした。よろしくお願いします。

//wave.fsh void main( void ){ vec2 coord = v_tex_coord; float time = u_time; float deltaX = sin(coord.y * 3 * 10 + time * 4) * 0.01; float deltaY = sin(coord.x * 3 * 10 + time * 4) * 0.01; coord.x = coord.x + deltaX; coord.y = coord.y + deltaY; vec4 color = texture2D(u_texture, coord); color.rgb = vec3(0, 100, 200) / 255.0; gl_FragColor = color; }

下の画像の上が元画像で下がシェーダを使った状態のものになります。

イメージ説明

//GameScene import SpriteKit class GameScene: SKScene,SKPhysicsContactDelegate { override func didMove(to view: SKView) { let shadersprite = childNode(withName: "sprite") as! SKSpriteNode let shadeFile = SKShader(fileNamed: "wave.fsh") shadersprite.shader = shadeFile } }

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

tanakana

2022/05/05 10:58

spritekitのコードがないようですが、どうなってますか?
instinct

2022/05/05 23:02

GameScene.sksファイルから画像を読み込んで、SKshaderを使ってfshファイルを読み込みしています。
tanakana

2022/05/06 05:57

コードが不完全です。
instinct

2022/05/06 06:46

申し訳ありません、修正しました。これで動くと思います。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.47%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問