[opengl] 2Dゲームを作りたい。画像の補間をなくす方法

Question

提示コードは3Dの行列を使ってz軸を0にすることで2Dのような描画をしているのですが。3Dだと画像の補間が発生してしまいピクセルパーフェクトではありません。自分は画像の補間をなくしたいのでピクセルパーフェクトにしたのですがその場合どのように行うのでしょうか？調べましたがわかりません。

参考サイト: https://www.khronos.org/opengl/wiki/Sampler_Object#Sampling_parameters

#include "DrawTest.hpp"

#include <iostream>
#include "Shader.hpp"

#include <glm/glm.hpp>
#include <glm/gtx/transform.hpp>
#include <glm/gtc/matrix_transform.hpp>

//コンストラクタ
DrawTest::DrawTest()
{
	shader = std::make_shared<Shader>("Basic_2D.vert", "Basic_2D.frag");	//シェーダー

	//頂点配列
	struct Vertex
	{
		GLfloat position[2];
	};

	//頂点情報
	Vertex rectangleVertex[4] =
	{
		//頂点、頂点色
		{-0.5f,-0.5f},
		{0.5f,-0.5f},
		{0.5f,0.5f},
		{-0.5f,0.5f}
	};

	//vao
	glGenVertexArrays(1, &vao);
	glBindVertexArray(vao);

	//vbo
	glGenBuffers(1, &vbo);
	glBindBuffer(GL_ARRAY_BUFFER, vbo);

	//頂点	
	GLint attrib = shader->getAttribLocation("vertexPosition");
	glEnableVertexAttribArray(attrib);
	glBufferData(GL_ARRAY_BUFFER, 4 * sizeof(Vertex), rectangleVertex, GL_STATIC_DRAW);
	glVertexAttribPointer(attrib, 2, GL_FLOAT, GL_FALSE, 2 * sizeof(GLfloat), (GLvoid*)0);
	shader->setBindAttribVertex("vertexPosition");


	//モデル行列
	vecScale = glm::vec3(1.0f, 1.0f, 1.0f);			//拡大縮小
	vecRotate = glm::vec3(1.0f, 1.0f, 1.0f);		//回転
	angle = 0.0f;									//回転量
	vecTranslate = glm::vec3(0.0f, 0.0f, 0.0f);		//平行移動
	translate = glm::translate(glm::mat4(1), vecTranslate);	//平行移動
	rotate = glm::rotate(angle, vecRotate);					//回転
	scale = glm::scale(glm::mat4(1), vecScale);				//拡大縮小

	//ビュー
	glm::vec3 pos = glm::vec3(0, 0, 1);			//座標
	glm::vec3 center = glm::vec3(0, 0, -1);		//向き
	glm::vec3 up = glm::vec3(0, 1, 0);			//上方向
	view = glm::lookAt(pos, center, up);


	projection = glm::perspective(glm::radians(90.0f), 4.0f / 3.0f, 0.1f, 100.0f);//透視射形

}

//更新
void DrawTest::Update()
{
	
}

//描画
void DrawTest::Draw()
{
	shader->setEnable();

	
	shader->setUniform4f("uFragment", glm::vec4(0.0, 0.0, 1.0, 1.0));

	shader->setUniformMatrix4fv("uTranslate", translate);
	shader->setUniformMatrix4fv("uRotate", rotate);
	shader->setUniformMatrix4fv("uScale", scale);

	shader->setUniformMatrix4fv("uProjection", projection);
	shader->setUniformMatrix4fv("uView", view);


	
	


	glDrawArrays(GL_LINE_LOOP, 0, 4);

	shader->setDisable();
}

//デストラクタ
DrawTest::~DrawTest()
{
	glDeleteVertexArrays(1, &vao);
	glDeleteBuffers(1, &vbo);	
}

#extension GL_ARB_explicit_attrib_location: enable 

//頂点情報
layout(location = 0) in vec2 vertexPosition;	//頂点座標
//layout(location = 1) in vec4 vertexColor;		//頂点カラー

//フラグメントに転送
layout(location = 2) out vec4 vFragment;	//頂点カラー



uniform mat4 uScale;		//スケール
uniform mat4 uRotate;		//回転
uniform mat4 uTranslate;	//平行移動

uniform mat4 uProjection;	//透視行列
uniform mat4 uView;			//ビュー行列

uniform vec4 uFragment;	//色


void main()
{
	vec4 vertex = vec4(vertexPosition,0.0,1.0);		//頂点座標
	mat4 model = uTranslate * uRotate * uScale;		//モデル行列
	


	gl_Position =  (uProjection * uView * model) * vertex;
	//gl_Position =  vec4(position,0.0,1.0);	//座標

	


	vFragment = uFragment;				//カラー
}

#extension GL_ARB_explicit_attrib_location: enable 


layout(location = 2) in vec4 vfragment;	


//出力
out vec4 fragment;

void main()
{

	fragment = vfragment;
	//fragment = vec4(0.0,0.0,1.0,1.0);

}

Comments

[退会済みユーザー]

teratail内ですら似たような質問過去にあるんですけど、本当に調べました？

[退会済みユーザー]

調べましたがどうも見つからないため質問しました。

[退会済みユーザー]

パラメータ自分で見つけられたじゃないですか。そのまま調べてみてください。

[退会済みユーザー]

この中のでどれを選べばいいのでしょうか？どれも補間されるので自分のやりたい補間なしのピクセルパーフェクトの補間はないように思えます。

[fana]

画像の補間がどうの…とかいう話が生じそうなコードに見えないのですが…？
What is "画像"？

[fana]

「補間をなくす」とはどのような意味か？

「画素が A,B,C,D,E と並び，AとEの色が明示的に与えられているが，残りの B,C,D の色は与えられていない」という場合において
B,C,D の色を AやE の色を元にして決定するとき，それを「補間」と呼ぶと思うのだが，それをしないようにするというとき，
B,C,D の色をどうしてほしいのか？　B,C,D は描画せずに放置されれば良いのか？

[退会済みユーザー]

結局いつも通り、調べましたが判りませんだけで、何をどうやって調べて、どの程度理解出来て、何を自分で検証したかすら質問に説明が無く、自分のソースをそのまま放り投げただけ。丸投げと判断されるのはそういうとこです。

Answer 1

参考サイトより3Dの描画を2Dで描画する方法を見つけました。ポイントは透視射形行列ではなく正射形行列を使うことです。2D描画に遠近法は必要ありませんから。下記のサイトで実装出来そうです。

参考サイト(DirectX): http://marupeke296.com/NGDV_No3_Sprite.html
参考サイト(OpenGL): https://learnopengl.com/In-Practice/2D-Game/Rendering-Sprites

Comments

[fana]

低評価の理由：

「投影方法が orthogonal か perspective か」ということと，「補間」の有無との間には直接的な関係が無いものと考えます．

「遠近法」と「補間」は全く別の話です．
前者は座標値の変換の話であり，後者はレンダリングの方法の話です．