GDI+学习笔记（五）绘制一个正方体

标签：des   c   style   class   blog   code   

本文将介绍如何利用GDI+绘制一个正方体。

（一）准备阶段

想象一下，高中的时候，我们在学立体几何的时候是怎样画一个正方体的，我们在一张纸上利用投影的思路将其绘制在一张纸上，对吧，这计算投影的部分，我们暂且忽略。下图是我用windows的画图绘制的一个正方体：

我们计算出这些点在平面上的坐标如下：

	Point A(100,200);
	Point B(200,200);
	Point C(100,300);
	Point D(200,300);
	Point E(100+50*1.414, 200-50*1.414/2);
	Point F(200+50*1.414, 200-50*1.414/2);

只算了六个点？没错，只需要六个，因为我们绘制一个平行四边形的时候只需要三个点。

（二）初始化

画这个的时候，我们需要三个面，每个面应该对应一个Bitmap，定义如下：

Bitmap *m_pSliders[3];

	for (int i=0; i<3; i++)
	{
			m_pSliders[i] = new Bitmap(100, 100);
			if (m_pSliders[i]->GetLastStatus() != Ok)
			{
				return false;
			}
			Graphics bmpGraphics(m_pSliders[i]);
			bmpGraphics.Clear(Color::Blue+100*i);
	}

（三）绘制

现在，我们需要将这三个矩形的bitmap分别绘制到它们应该去的平行四边形里，这也是本文的核心代码了，但说白了，只是利用了DrawImage的另一个重载函数，看了下面代码，如果还不明白，请留言。

	// 正面
	Point destPoints1[3] ={E,A,F};
	cacheGraphics.DrawImage(m_pSliders[0], destPoints1,3);
	// 上面
	Point destPoints2[3] ={A,C,B};
	cacheGraphics.DrawImage(m_pSliders[1], destPoints2,3);
	// 侧面
	Point destPoints3[3] ={B,D,F};
	cacheGraphics.DrawImage(m_pSliders[2], destPoints3,3);

这之后，我们可以将缓冲图片绘制到最终的设备上，代码如下：

	if (m_pGraphics != NULL)
	{
		m_pGraphics->DrawImage(&cacheBitmap, 0, 0);
	}

好了，啰嗦了半天，看看结果吧。

（四）贴图正方体

贴图只是对之前的操作再进行一些利用罢了，每个面实际上已经对应了一个Graphics类，初始化的时候，在上面画一个我们的图片就可以完成这样的操作。

代码如下：

	for (int i=0; i<3; i++)
	{
			m_pSliders[i] = new Bitmap(100, 100);
			if (m_pSliders[i]->GetLastStatus() != Ok)
			{
				return false;
			}

			Graphics bmpGraphics(m_pSliders[i]);

			TCHAR szName[50];
			wsprintf(szName, _T("0%d.jpg"), i+1);
			Image img(szName);

			bmpGraphics.Clear(Color::Blue+100*i);

			bmpGraphics.DrawImage(&img, 0, 0, 100, 100);
	}

我用了几张女朋友去江南玩拍的照片，因为只有100宽，所以似乎不是很清楚，下面是结果：

（五）填充背景

上述贴图之后，好像不大好看清楚，我们在缓冲图片中，放一个灰色的背景（好吧，敲代码，敲久了，已经没有审美了。。）代码如下：

	RECT rect;
	GetClientRect(m_hwnd, &rect);
	Bitmap cacheBitmap(rect.right-rect.left, rect.bottom-rect.top);
	Graphics cacheGraphics(&cacheBitmap);

	cacheGraphics.Clear(Color::Gray);

本想尽可能简单说来着，还是啰啰嗦嗦说了很多。。代码下载地址，稍后会传上去。如下：

http://download.csdn.net/detail/fukainankai/7429983

GDI+学习笔记（五）绘制一个正方体,布布扣,bubuko.com

GDI+学习笔记（五）绘制一个正方体

标签：des   c   style   class   blog   code   

原文地址：http://blog.csdn.net/fukainankai/article/details/27837487