用DirectX实现魔方(一)

简介:

关于魔方

魔方英文名字叫做Rubik's Cube,是由匈牙利建筑学教授和雕塑家Ernő Rubik于1974年发明,最初叫做Magic Cube(这大概也是中文名字的来历吧),1980年Ideal Toys公司开始销售此玩具,并将名字改为Rubik's Cube。

魔方在80年代最为风靡,至今未衰。截至2009年1月,魔方在全世界已经售出了3亿五千多万个。最常见的魔方是三阶魔方,由27个小方块构成,共三层,每层9个小方块。我的Demo实现的就是三阶魔方。其他的魔方种类有二阶,四阶及更高阶,也有钻石魔方,五边形魔方,三角魔方等。

三阶魔方所有可能的排列数是43252003274489856000,这个数实在是太大了,用中文不知道该如何表达。可以打一个比方,如果有这么多个三阶魔方,那么可以覆盖地球表面275次!

Demo来历

这是我以前学习DirectX的时候写的一个Demo,大概是2008年左右,当时写完以后高兴了好几天,现在拿出来看看,彼时的情景历历在目。随着年龄的增长,已经不能像以前那么拼命的写程序了,现在想安静下来干点事都是奢望呀,不过对于DirectX的热情倒是有增无减,一有时间还是会抽空写点代码。对于强大的DX来说,这个Demo简直是小儿科了,不过麻雀虽小,五脏俱全。再小的东西也有值得学习和总结的地方,本着这个目的,我将这个Demo从新整理了一下,简化了一些代码,并改进了一些算法,拿出来和大家分享。说实话,这个Demo有很多地方我不是很满意,发出来也是为了能收集一下大家的意见,继续改进,欢迎大家多多指教。我打算分几个部分详细介绍一下这个Demo的编写原理。

  • 概述(此篇),讲一下整个程序的结构及流程。
  • 构造魔方,模型构造,贴图,光照,渲染等。
  • 旋转视角,主要介绍一下如何用Arcball来实现旋转。
  • 旋转魔方,如何旋转某一层,这是程序最核心的部分,占了整个程序50%左右的代码。
  • 杂项,一些不好分类的都放在这里,并不是不重要,比如D3D程序框架,D3D设备的管理,全屏及窗口的切换等。

知识准备

程序采用C/C++语言+DirectX 9.0编写,用的还是固定管线API,因为我对shader不太熟悉,稍后有空学习一下可以出个shader版本。也可能移植到DirectX 11上,就算是练练手吧。这个Demo涉及的技术有以下几个方面。

  • C/C++语言
  • DirectX,Vertex, Index。光照,纹理映射等,都是入门级的东西。
  • Windows程序设计,窗口管理,消息处理等。
  • 计算机图形学,这个就不用多说了,必须的。
  • 数学,线性代数,空间解析几何,Arcball及相交检测都会涉及到一点数学知识。

效果图

俗话说得好,有图有真相!先来个透视照(线框图)

然后来个素颜照(实体未贴图)

 

再来个有贴图的(穿上衣服后,好看多了),魔方的颜色采用国际标准配色。

  • 前面-白色
  • 后面-黄色
  • 左面-红色
  • 右面-橙色
  • 顶面-绿色
  • 底面-蓝色

旋转某一层

        

打乱顺序

实现原理

构造魔方

起初,模型采用的是DirectX的.x文件格式,现在.x格式已经被微软抛弃了,尽管你仍然可以使用它,但是在DirectX 11中,已经没有支持.x文件的接口了。要使用.x文件,只能使用旧版本的DirectX SDK或者用第三方库。由于魔方对应的几何模型比较简单,就是立方体,所以就干脆不用.x文件了,直接画,一个完整的魔方由27个小的立方体构成,所以如果能绘制一个小立方体,那么就可以绘制27个,拼成一个完整的魔方。

关于贴图,开始用的是纹理图片,后来简化了一下,直接在内存中生成纹理,因为单色的,而且只有六种颜色,并不麻烦。动态生成的一个好处是发布程序的时候也不同发布纹理图片了,只有一个可执行文件。

旋转魔方

旋转魔方是通过鼠标拖拽来完成的,分为如下两个部分:

  • 旋转整个魔方(右键拖拽)
  • 旋转某一层(左键拖拽)

前者通过变换视角来完成,实现采用Arcball技术,Arcball有很多优点,相比欧拉角来说,Arcball更加平滑,而且没有抖动现象(这个本质是因为Arcball里面采用的是Quaternion)。变换视角而不是通过旋转魔方本身的好处是

  • 实现更方便,更高效。
  • 不改变模型的坐标,维持模型的坐标不便对于旋转魔方的某一层十分重要。

后者通过旋转模型本身来实现,因为变换视角会影响场景中的所有模型,而旋转某一层要保证其他层不动,所以只能旋转模型本身,因为将魔方拆成了27个小的cube。这对于只操作某些部分而维持其他部分不变是十分方便的。旋转某一层的方法如下

  • 通过鼠标点击生成拾取射线,判断射线是否击中魔方,如击中则执行后续步骤,否则不做任何操作。
  • 通过鼠标移动判断该旋转哪一层
  • 根据旋转层选定该层包含的小立方体
  • 计算旋转轴和旋转角度
  • 旋转这些立方体
  • 鼠标松开时完成剩下的旋转(保证每次旋转都是90度的倍数,否则魔方无法对齐)

键位介绍

  • 鼠标左键(拖拽)-旋转某一层
  • 鼠标右键(拖拽)-旋转整个魔方
  • 滚轮-缩放
  • F - 全屏及窗口切换
  • S - 打乱顺序
  • R - 还原
  • Esc 退出程序

程序结构

主要有如下几个类及文件

  • Arcball,轨迹球,模型旋转的根基。
  • Camera,摄像机类,负责显示场景,变换视角。会用到Arcball类。
  • Cube,构成魔方的小立方体类,包括构造,绘制,贴图,更新变换矩阵等主要接口。
  • D3D9,这个类是后来加入的,把大部分与D3D9相关的操作全部归到这里了。
  • RubikCube,魔方类,总控,协调其他类完成魔方的所有功能。会用到Cube类。
  • Math,数学相关,主要有三角形,矩形,射线的实现,以及射线和三角形的相交检测。
  • Main,程序入口,负责创建窗口和运行程序。

程序下载

先出个不太成熟的版本,bug一定不少,欢迎大家提出宝贵意见。

Rubik Cube

== Happy Coding ==


本文转自zdd博客园博客,原文链接:http://www.cnblogs.com/graphics/p/2580832.html,如需转载请自行联系原作者

相关文章
|
编解码 前端开发 定位技术
2048化学元素版?一文教你Unity零基础制作2048 !
玩游戏也能学习知识?还记得高中时的化学元素常见金属活动性属性表吗?一起来看看化学元素和游戏之间发生的碰撞吧~
372 0
2048化学元素版?一文教你Unity零基础制作2048 !
x3d
|
Web App开发 Linux API
类似Unity的全新游戏引擎Godot
http://www.godotengine.org/wp/   Godot是一个全新开发的游戏引擎,其功能集类似知名的跨平台游戏引擎Unity,可用于开发PC、主机、移动和Web游戏。开发者声称引 擎的2D和动画支持要强于Unity,表示在功能和特性上没有其它开源游戏引擎能相媲美。
x3d
1467 0
|
算法 图形学
Directx11教程(20) 一个简单的水面
nnd,以前发的这篇教程怎么没有了?是我自己误删除了,还是被系统删除了? 找不到存稿了,没有心情再写一遍了。      简单说一下,本篇教程就是实现一个水面的动画,主要是利用动态顶点缓冲,在每一帧都改变顶点的值,从而实现水面的动画。
735 0
|
C++ 索引
Directx11教程37 纹理映射(7)
本章是在教程35、36的基础上来实现一个光照纹理结合的程序,就是把场景中旋转的cube加上纹理。    lighttex.vs中顶点的结构现在为: struct VertexInputType {     float4 position : POSITION; ...
881 0
Directx11教程38 纹理映射(8)
上篇日志中,我们用纹理和光照颜色调制的方式得到最终颜色,本章我们尝试用纹理采样的颜色,直接做为材质的漫反射系数Kd,并用它来做光照计算,最后再做个gamma校正,如果不做的话,效果会偏亮。      lighttex.
819 0
|
图形学
Directx11教程40 纹理映射(10)
本章尝试使用纹理行列式,或者说纹理数组,在ps中,使用2个纹理,最终的像素颜色,是光照颜色*纹理1采样颜色*纹理2采样颜色,主要是想达到如下的效果:    把这两个图像以及光照产生的颜色融合生成以下图像:   为此我们新建一个lighttex2.
1035 0

热门文章

最新文章