1. 程式人生 > >opengl下png圖片的載入與顯示

opengl下png圖片的載入與顯示

首先說明 部分程式碼來自http://www.cnblogs.com/IamEasy_Man/archive/2009/12/14/1624023.html。至於裡面的源地址什麼的我不管。

然後吐槽,國內的資料各種坑爹,竟沒有一個肯老老實實的把png載入與顯示做完的,也許是太簡單?模板測試我也沒找到。這個例子是模板測試的前置工程而已。。。

再吐槽,百度搜到的某偏 windows下opengl秒載入png jpg什麼什麼就是CImage的那個,用了之後發現各種不靠譜 不靠譜 不靠譜。重要的事情說三遍,然後我只好老老實實去編譯libpng,用libpng載入。

下面是程式碼實現

// OGLTtest.cpp : 定義控制檯應用程式的入口點。
//

#include "stdafx.h"
#define GLEW_STATIC
#include <gl/glew.h>
#include <GLFW/glfw3.h>
#include <stdio.h>
#include <string>
#include "png.h"

#pragma comment (lib,"opengl32.lib")
#pragma comment (lib,"glfw3.lib")
#pragma  comment(lib, "libpng16d.lib")

class gl_texture_t{
public:
	GLsizei width;
	GLsizei height;
	GLenum format;
	GLint internalFormat;
	GLuint id;
	GLubyte *texels;
};
/* Texture id for the demo */
gl_texture_t *ReadPNGFromFile(const char *filename);
GLuint loadPNGTexture(const char *filename);
void GetPNGtextureInfo(int color_type, gl_texture_t *texinfo);

using namespace std;

unsigned int LoadTex(string Image)
{
	unsigned int Texture=0;

	FILE* img = NULL;
	fopen_s(&img,Image.c_str(), "rb");

	unsigned long bWidth = 0;
	unsigned long bHeight = 0;
	unsigned long  size = 0;

	fseek(img, 18, SEEK_SET);
	fread(&bWidth, 4, 1, img);
	fread(&bHeight, 4, 1, img);
	fseek(img, 0, SEEK_END);
	size = ftell(img) - 54;

	unsigned char *data = (unsigned char*)malloc(size);
	fseek(img, 54, SEEK_SET);    // image data
	fread(data, size, 1, img);

	fclose(img);

	unsigned int t2=0;
	glGenTextures(1, &Texture);
	glGenTextures(1, &t2);
	glBindTexture(GL_TEXTURE_2D, Texture);
	glTexImage2D(GL_TEXTURE_2D, 0,3, bWidth, bHeight, 0,GL_BGR_EXT, GL_UNSIGNED_BYTE, data);
	glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR);
	glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);

	if (data)
		free(data);

	return Texture;
}

int main(void)
{
	
	GLFWwindow* window;
	
	/* Initialize the library */
	if (!glfwInit())
		return -1;

	/* Create a windowed mode window and its OpenGL context */
	window = glfwCreateWindow(480, 640, "Hello World", NULL, NULL);
	if (!window)
	{
		glfwTerminate();
		return -1;
	}

	
	/* Make the window's context current */
	glfwMakeContextCurrent(window);

	//unsigned int img = LoadTex("d:\\b0.bmp");
	unsigned int img = loadPNGTexture("d:\\test.png");
	unsigned int mask_img = LoadTex("d:\\mask.bmp");
	//unsigned int tid = ATLLoadTexture(L"d:\\b0.png");
	/* Loop until the user closes the window */
	while (!glfwWindowShouldClose(window))
	{
		glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT | GL_STENCIL_BUFFER_BIT);
		glClearColor(1.0, 1.0, 0.0, 0.5);
		
		glEnable(GL_BLEND);
		glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA);
		
		//glEnable(GL_STENCIL_TEST);
		//glDepthMask(GL_FALSE);

		//根據掩碼圖設定模板緩衝區的值
	/*	glStencilFunc(GL_NEVER, 1, 1);
		glStencilOp(GL_REPLACE , GL_KEEP, GL_KEEP);

		glEnable(GL_TEXTURE_2D);
		glBindTexture(GL_TEXTURE_2D, mask_img);
		glBegin(GL_QUADS);
		glTexCoord2f(0.0f, 0.0f); glVertex3f(-1.0f, -1.0f, 1.0f);
		glTexCoord2f(1.0f, 0.0f); glVertex3f(1.0f, -1.0f, 1.0f);
		glTexCoord2f(1.0f, 1.0f); glVertex3f(1.0f, 1.0f, 1.0f);
		glTexCoord2f(0.0f, 1.0f); glVertex3f(-1.0f, 1.0f, 1.0f);
		glEnd();

		glStencilFunc(GL_EQUAL, 1, 0xff);
		glStencilOp(GL_KEEP, GL_KEEP, GL_KEEP);

		*/
		
		//glEnable(GL_ALPHA_TEST);//非必須
		//glAlphaFunc(GL_GREATER, 0.1);

		glEnable(GL_TEXTURE_2D);
		glBindTexture(GL_TEXTURE_2D, img);
		glBegin(GL_QUADS);
		glTexCoord2f(0.0f, 0.0f); glVertex3f(-0.5f, -0.5f, 1.0f);
		glTexCoord2f(1.0f, 0.0f); glVertex3f(.5f, -.5f, 1.0f);
		glTexCoord2f(1.0f, 1.0f); glVertex3f(0.5f, 0.5f, 1.0f);
		glTexCoord2f(0.0f, 1.0f); glVertex3f(-0.5f, 0.5f, 1.0f);
		glEnd();


		/* Swap front and back buffers */
		glfwSwapBuffers(window);

		/* Poll for and process events */
		glfwPollEvents();
	}

	glfwTerminate();
	return 0;
}

//以下函式引用別人的。
gl_texture_t * ReadPNGFromFile(const char *filename)
{
	gl_texture_t *texinfo;
	png_byte magic[8];
	png_structp png_ptr;
	png_infop info_ptr;
	int bit_depth, color_type;
	FILE *fp = NULL;
	png_bytep *row_pointers = NULL;
	png_uint_32 w, h;
	int i;
	/* Open image file */
	fopen_s(&fp,filename, "rb");
	if (!fp)
	{
		fprintf(stderr, "error: couldn't open \"%s\"!\n", filename);
		return NULL;
	}
	/* Read magic number */
	fread(magic, 1, sizeof(magic), fp);
	/* Check for valid magic number */
	if (!png_check_sig(magic, sizeof(magic)))
	{
		fprintf(stderr, "error: \"%s\" is not a valid PNG image!\n", filename);
		fclose(fp);
		return NULL;
	}
	/* Create a png read struct */
	png_ptr = png_create_read_struct(PNG_LIBPNG_VER_STRING, NULL, NULL, NULL);
	if (!png_ptr)
	{
		fclose(fp);
		return NULL;
	}
	/* Create a png info struct */
	info_ptr = png_create_info_struct(png_ptr);
	if (!info_ptr)
	{
		fclose(fp);
		png_destroy_read_struct(&png_ptr, NULL, NULL);
		return NULL;
	}
	/* Create our OpenGL texture object */
	texinfo = (gl_texture_t *)malloc(sizeof(gl_texture_t));
	/* Initialize the setjmp for returning properly after a libpng error occured */
	if (setjmp(png_jmpbuf(png_ptr)))
	{
		fclose(fp);
		png_destroy_read_struct(&png_ptr, &info_ptr, NULL);
		if (row_pointers) free(row_pointers);
		if (texinfo) {
			if (texinfo->texels)
				free(texinfo->texels);
			free(texinfo);
		}
		return NULL;
	}
	/* Setup libpng for using standard C fread() function with our FILE pointer */
	png_init_io(png_ptr, fp);
	/* Tell libpng that we have already read the magic number */
	png_set_sig_bytes(png_ptr, sizeof(magic));
	/* Read png info */
	png_read_info(png_ptr, info_ptr);
	/* Get some usefull information from header */
	bit_depth = png_get_bit_depth(png_ptr, info_ptr);
	color_type = png_get_color_type(png_ptr, info_ptr);
	/* Convert index color images to RGB images */
	if (color_type == PNG_COLOR_TYPE_PALETTE)
		png_set_palette_to_rgb(png_ptr);
	/* Convert 1-2-4 bits grayscale images to 8 bits grayscale. */
	if (color_type == PNG_COLOR_TYPE_GRAY && bit_depth < 8)
	png_set_expand_gray_1_2_4_to_8(png_ptr);

	if (png_get_valid(png_ptr, info_ptr, PNG_INFO_tRNS))
		png_set_tRNS_to_alpha(png_ptr);
	if (bit_depth == 16) png_set_strip_16(png_ptr);
	else if (bit_depth < 8) png_set_packing(png_ptr);
	/* Update info structure to apply transformations */
	png_read_update_info(png_ptr, info_ptr);
	/* Retrieve updated information */
	png_get_IHDR(png_ptr, info_ptr, &w, &h, &bit_depth, &color_type, NULL, NULL, NULL);
	texinfo->width = w;
	texinfo->height = h;
	/* Get image format and components per pixel */
	GetPNGtextureInfo(color_type, texinfo);
	/* We can now allocate memory for storing pixel data */
	texinfo->texels = (GLubyte *)malloc(sizeof(GLubyte) * texinfo->width * texinfo->height * texinfo->internalFormat);
	/* Setup a pointer array. Each one points at the begening of a row. */
	row_pointers = (png_bytep *)malloc(sizeof(png_bytep) * texinfo->height);
	for (i = 0; i < texinfo->height; ++i)
	{
		row_pointers[i] = (png_bytep)(texinfo->texels + ((texinfo->height - (i + 1)) * texinfo->width * texinfo->internalFormat));
	}
	/* Read pixel data using row pointers */
	png_read_image(png_ptr, row_pointers);
	/* Finish decompression and release memory */
	png_read_end(png_ptr, NULL);
	png_destroy_read_struct(&png_ptr, &info_ptr, NULL);
	/* We don't need row pointers anymore */
	free(row_pointers);
	fclose(fp);
	return texinfo;
}
GLuint loadPNGTexture(const char *filename)
{
	gl_texture_t *png_tex = NULL;
	GLuint tex_id = 0;
	GLint alignment;
	png_tex = ReadPNGFromFile(filename);
	if (png_tex && png_tex->texels)
	{
		/* Generate texture */
		glGenTextures(1, &png_tex->id);
		glBindTexture(GL_TEXTURE_2D, png_tex->id);
		/* Setup some parameters for texture filters and mipmapping */
		glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR);
		glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);
		glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT);
		glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT);
		glTexEnvf(GL_TEXTURE_ENV, GL_TEXTURE_ENV_MODE, GL_REPLACE);

		glGetIntegerv(GL_UNPACK_ALIGNMENT, &alignment);
		glPixelStorei(GL_UNPACK_ALIGNMENT, 1);
		glTexImage2D(GL_TEXTURE_2D, 0, png_tex->internalFormat, png_tex->width, png_tex->height, 0, png_tex->format, GL_UNSIGNED_BYTE, png_tex->texels);
		glPixelStorei(GL_UNPACK_ALIGNMENT, alignment);
		tex_id = png_tex->id;
		/* OpenGL has its own copy of texture data */
		free(png_tex->texels);
		free(png_tex);
	}
	return tex_id;
}

void GetPNGtextureInfo(int color_type,  gl_texture_t *texinfo)
{
	switch (color_type)
	{
	case PNG_COLOR_TYPE_GRAY:
		texinfo->format = GL_LUMINANCE;
		texinfo->internalFormat = 1;
		break;

	case PNG_COLOR_TYPE_GRAY_ALPHA:
		texinfo->format = GL_LUMINANCE_ALPHA;
		texinfo->internalFormat = 2;
		break;

	case PNG_COLOR_TYPE_RGB:
		texinfo->format = GL_RGB;
		texinfo->internalFormat = 3;
		break;

	case PNG_COLOR_TYPE_RGB_ALPHA:
		texinfo->format = GL_RGBA;
		texinfo->internalFormat = 4;
		break;

	default:
		/* Badness */
		break;
	}
}
//int _tmain(int argc, _TCHAR* argv[])
//{
//	return 0;
//}

loadTex忘了哪裡copy過來的了,然後糾正一個glTexImage2D別人的錯誤說明,

glTexImage2D可以載入任意解析度的圖片,當然不能超過ogl支援的最大紋理尺寸。不是什麼256*256 什麼2的XX次冪,什麼偶數騎術。。全是誤導人的好嗎。

它的姊妹載入函式,會自動生成一個text chain 適應各種lod解析度,簡單測試我們就不要這麼玩了。並不推薦它。

下來是圖。。懶得排版了


不造glew用到沒有,如果沒有的童鞋,可以自行去掉。glfw自己去下吧。

相關推薦

openglpng圖片載入顯示

首先說明 部分程式碼來自http://www.cnblogs.com/IamEasy_Man/archive/2009/12/14/1624023.html。至於裡面的源地址什麼的我不管。 然後吐槽,國內的資料各種坑爹,竟沒有一個肯老老實實的把png載入與顯示做完的,也許是

vue中的圖片載入顯示預設圖片

  原部落格地址:https://www.cnblogs.com/xulei1992/p/6558294.html     <div class="content-show-img">  <div class="show-img">    <img cl

emWin - png圖片壓縮不壓縮顯示速度

原文連結:png圖片壓縮與不壓縮顯示速度 背景:圖片是通過BmpCvtST工具生成dta檔案放到外部FLASH中。 下圖第一部分是從外部FLASH中讀取圖片的資料,第一個引數是讀取資料存放到一個數組,第二個引數是該圖片在FLASH中的起始地址,第三個引數是讀取多少位元組數,也就是圖片的資

【學習opencv】IplImage載入顯示

用到的標頭檔案: #include "highgui.h" 顯示圖片時用到的函式: char* strPath1="name.jpg"; //注意字尾名稱是否正確 IplImage* frame=cvLoadImage(strPath1,1); cvNamedWi

拉選單隱藏顯示

<script type="text/javascript"> $(function(){ $('p:first span').css('color','red'); $('p:first + p').css('color','green')

瀏覽器環境JavaScript指令碼載入執行探析之deferasync特性

defer和async特性相信是很多JavaScript開發者"熟悉而又不熟悉"的兩個特性,從字面上來看,二者的功能很好理解,分別是"延遲指令碼"和"非同步指令碼"的作用。然而,以defer為例,一些細節問題可能開發者卻並不一定熟悉,比如:有了defer特性的指令碼會延遲到什麼時候執行;內部指令碼和外部指

自定義progress之三種風格的圖片載入進度顯示樣式

public class CircleProgressView extends ProgressBar { private int mReachBarSize = DisplayUtil.dip2px(getContext(), 2); // 未完成進度條大小 private in

Python 植物大戰殭屍程式碼實現: 圖片載入顯示切換

遊戲介紹以前很火的植物大戰殭屍遊戲, 本想在網上找個python版本遊戲學習下,無奈沒有發現比較完整的,那就自己來寫一個把。圖片資源是從github上下載的,因為圖片資源有限,只能實現幾種植物和殭屍。功能實現如下: 支援的植物型別:太陽花,豌豆射手,寒冰射手,堅果,櫻桃炸彈。新增加植物:雙重豌豆射手,三重豌豆

vc資源中載入png圖片以及顯示

因要做一個小的登陸客戶端,所用圖片格式為png.但較少,所以想直接放到資源中.碰到的第一個問題是.net2003中載入png圖片到資源中總是不成功.試了下發現jpg也不行,jpg圖片會提示"不是正確的JPEG格式",後來用vc6.0開啟資原始檔載入成功的.vs2003中原因還未找到,有知道

SSH 框架圖片上傳顯示

這幾天在弄畢設,有幾個需求是要上傳圖片的,看了很多教程,各有各的說法,關鍵點、細節很多說不明白,自己倒騰了幾天,弄出來了,給大家分享一下。上傳圖片的JSP<%@ page language="java" import="java.util.*" pageEncoding

nginx+gridfs+mongodb 配置訪問png圖片顯示無法加載問題

nginx配置文件 做了 nginx配置 副本 server port 問題 模塊 bject 上傳文件後,瀏覽器中請求:http://&lt;nginx server ip>:<port>/gfs/<my file> 瀏覽器出現“無法

VC 加載 JPG / JPEG / GIF / PNG 圖片最簡單的方法

png 最簡 api dsm () load div mod bind VC MFC 提供的 API LoadBitmap / LoadImage 類 CBitmap 等都只能操作 BMP 位圖,圖標。對於其他常用的 JPG / JPEG / GIF / PNG 格式,

OpenGL使用libPng讀取png圖片

return comment 文件名 獲得 open tro missing rgba com #include<stdarg.h> #include<png.h> #include<glut.h> #include<math

php(thinkphp)在linux系統pdf轉png圖片【轉】

dirname solution ima .tar.gz center thinkphp loaded cep .net PHP)中使用imagick實現把PDF轉成圖片 操作之前,先在linux服務器安裝 ghostscript 650 2017-06-17 13:31

HighGUI圖形圖像界面初步—— 圖像的載入顯示輸出

params 圖像 opengl div idt 灰度 orm 三個參數 size HighGUI模塊為高層GUI圖形用戶界面模塊,包含媒體的輸入輸出、視頻捕捉、圖像和視頻的編解碼、圖形交互界面的接口等。 在本章中,我們將學到: 圖像的載入、顯示和輸出到文件的詳細分析 滑

drupal7圖片樣式無法生成顯示

index.php In drupal AS 生成 類型 div bsp try_files 正常設置了圖像的樣式,並且為內同類型正確設置了顯示的樣式。但是上傳圖片後,卻並沒有在對應的文件夾下生成對應的縮略圖。自然沒有顯示。 網上查詢了一下,需要為nginx添加兩個設置:

圖片上傳顯示時候的路徑問題

serve nbsp http src png In 分享 圖片 server 上傳時候的要求將圖片放到tomcat下面: 顯示的時候:server.xml 圖片上傳與顯示時候的路徑問題

jQuery --拉菜單的顯示隱藏

relative ldr src auto children oct code wid play 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charse

3、圖片載入顯示和輸出

手動 默認 像素 pla 意思 opengl ports normal imread 一、關於opencv的命名空間 OpenCV中的C++類和函數都是定義在命名空間cv之內的,有兩種方法可以訪問。   (1)在代碼開頭的適當位置,加上usingnamespace cv;這

【html+css3】在一張jpg圖片上,顯示多張透明的png圖片

*** 放置 技術分享 一個 col 標簽 ech 透明 image 1、需求:在一個div布局裏面放置整張jpg圖片,然後在jpg圖片上顯示三張水平展示的透明png圖片,且png外層用a標簽包含菜單 2、效果圖: 3、上圖,底層使用藍色jpg圖片,【首頁】、【購物車】、【