来源: [转载]Opengl绘制我们的小屋(一)球体,立方体绘制 – 天天不在 – 博客园
这个系列我想用来运用opengl红皮书的前八章节的内容,来打造一个室内小屋.
这一章主要是定义几个基本的结构.并给出球体与立方体的画法,先让我们来定义一些基本的结构.一个是包含点,法向量,纹理贴图向量,二是矩形与圆形的父类,包含一些基本公有的处理.
type T2N3V3 = struct val mutable TexCoord : Vector2 val mutable Normal : Vector3 val mutable Position : Vector3 new(v,n,p) = {TexCoord = v;Normal = n;Position = p} end [<AbstractClass>] type Shape() = let mutable bCreate = false let mutable vi = 0 let mutable ei = 0 let mutable count = 0 member this.vboID with get() = vi and set value = vi <- value member this.eboID with get() = ei and set value = ei <- value member this.TriangelCount with get() = count and set value = count <- value member this.IsCreate with get() = bCreate and set value = bCreate <- value abstract Draw : unit -> unit abstract Init : unit -> unit member this.InitQ : unit -> unit =fun () -> ()
然后是球体的画法,相关具体过程如上篇,先贴上代码,我会对其中一些做些说明.type Sphere(radius:float32,level:int) = inherit Shape() let mutable rad,lev = radius,level let RightLevel = if lev < 0 then lev <- 0 elif lev > 6 then lev <-6 override this.Draw() = if this.IsCreate<>true then this.Init() GL.BindBuffer(BufferTarget.ArrayBuffer,this.vboID) GL.BindBuffer(BufferTarget.ElementArrayBuffer,this.eboID) GL.InterleavedArrays(InterleavedArrayFormat.T2fN3fV3f,0,IntPtr.Zero) GL.DrawElements(BeginMode.Triangles,this.TriangelCount,DrawElementsType.UnsignedInt,IntPtr.Zero) override this.Init() = let alls = Array.create 6 (new T2N3V3()) alls.[0] <- new T2N3V3(new Vector2( 0.0f, 0.0f ), Vector3.UnitX, Vector3.UnitX * rad ) alls.[1] <- new T2N3V3(new Vector2( 0.0f, 0.0f ), Vector3.UnitY, Vector3.UnitY * rad ) alls.[2] <- new T2N3V3(new Vector2( 0.0f, 0.0f ), Vector3.UnitZ, Vector3.UnitZ * rad ) alls.[3] <- new T2N3V3(new Vector2( 0.0f, 0.0f ), -Vector3.UnitX, -Vector3.UnitX * rad ) alls.[4] <- new T2N3V3(new Vector2( 0.0f, 0.0f ), -Vector3.UnitY, -Vector3.UnitY * rad ) alls.[5] <- new T2N3V3(new Vector2( 0.0f, 0.0f ), -Vector3.UnitZ, -Vector3.UnitZ * rad ) let is = [| 1;2;0 0;2;4 0;4;5 5;1;0 1;3;2 4;2;3 4;3;5 1;5;3 |] let (vvv:T2N3V3 []),(iv: int[]) = this.Sub (alls,is) let mutable vID,eID = 0,0 //let mutable tv,vv,pv = vvv |> Array.map (fun v -> v.TexCoord,v.Normal,v.Position) |> Array.unzip3 GL.GenBuffers(1,&vID) GL.BindBuffer(BufferTarget.ArrayBuffer,vID) GL.BufferData(BufferTarget.ArrayBuffer,IntPtr (4 * 8 * vvv.Length),vvv,BufferUsageHint.StaticDraw) GL.GenBuffers(1,&eID) GL.BindBuffer(BufferTarget.ElementArrayBuffer,eID) GL.BufferData(BufferTarget.ElementArrayBuffer,IntPtr (4 * iv.Length),iv,BufferUsageHint.StaticDraw) this.vboID <- vID this.eboID <- eID this.TriangelCount <- iv.Length this.IsCreate <- true () member v.GetMidValue (first:T2N3V3,second:T2N3V3) = let midN = Vector3.Lerp(first.Position,second.Position,0.5f) |> Vector3.Normalize let midP = midN *(float32 rad) let midT = Vector2.Lerp(first.TexCoord,second.TexCoord,0.5f) |> Vector2.Normalize let result = new T2N3V3(midT,midN,midP) result member v.Subdivide (v1:T2N3V3,v2:T2N3V3,v3:T2N3V3) = let vs = Array.create 6 (new T2N3V3()) vs.[0] <- v1 vs.[1] <- v.GetMidValue(v1,v2) vs.[2] <- v.GetMidValue(v3,v1) vs.[3] <- v2 vs.[4] <- v.GetMidValue(v2,v3) vs.[5] <- v3 let is = Array.create 12 0 is.[0] <- 0 is.[1] <- 1 is.[2] <- 2 is.[3] <- 2 is.[4] <- 1 is.[5] <- 4 is.[6] <- 4 is.[7] <- 1 is.[8] <- 3 is.[9] <- 2 is.[10] <-4 is.[11] <- 5 (vs,is) member this.Sub(alls:T2N3V3 [],is:int []) = //let mutable tv,vv,pv = alls |> Array.map (fun v -> v.TexCoord,v.Normal,v.Position) |> Array.unzip3 let mutable allv = alls let mutable iv = is let show array = printfn "%A" array for j in 0 .. lev do let mutable av = Array.create 0 (new T2N3V3()) let mutable ev = Array.create 0 0 printfn "%i" allv.Length printfn "%i" iv.Length for i in 0 .. 3 .. iv.Length - 1 do let (vvv,iiv) = this.Subdivide(allv.[iv.[i]],allv.[iv.[i+1]],allv.[iv.[i+2]]) let length = av.Length av <- Array.append av vvv let map = iiv |> Array.map (fun p -> p + length) ev <- Array.append ev map allv <- av iv <- ev allv |> Array.map (fun p -> p.Position) |> show show iv allv,iv初始化需要的二个参数,分别代表球的大小(radius),与画的细分程度(level).其中相关如何绘制球体代码在上文有讲,相当于有是把一个分别位于x,y,z各(+radius,-radius)这六个点,组成的一个八个三角形,索引点的位置如Init里的is代表的3(每个三角形)*8(8个面).对其中每个三角形一变4,level表示4的level加一次方.GL.InterleavedArrays(InterleavedArrayFormat.T2fN3fV3f,0,IntPtr.Zero) 其中的T2fN3fV3f对应于我们的数据结构T2N3V3,这个函数分别相当于指定 GL.TexCoordPointer,GL.NormalPointer,GL.VertexPointer(还会打开相应状态),会自动给我们处理 好,我们也可以只指定顶点,如下GL.VertexPointer(3,VertexPointerType.Float,4*8,IntPtr (4*8-4*5)),这些数据之间的间隔对应与我们前面写入的 GL.BufferData(BufferTarget.ArrayBuffer,IntPtr (4 * 8 * vvv.Length),vvv,BufferUsageHint.StaticDraw)其中vvv是T2N3V3的结构.
基本的GL.BindBuffer的对应的三个处理就不细说了,在Draw 里,BindBuffer是指定我们当前格式数据在存储位置,然后分别调用InterleavedArrays设定各顶点的状态,然后是调用 DrawElements对应上面的 GL.BindBuffer(BufferTarget.ElementArrayBuffer,this.eboID)处理.
然后是立方体的绘制,其中立方体的绘制用的方法看起来会容易理解.如下
type Cube(width:float32,height:float32,length:float32,index:int) = inherit Shape() let mutable id = index let xl,yl,zl =width/2.f,height/2.f,length/2.f let mutable color = Color.White let v8 = [| new Vector3(xl,yl,zl) new Vector3(-xl,yl,zl) new Vector3(-xl,-yl,zl) new Vector3(xl,-yl,zl) new Vector3(xl,yl,-zl) new Vector3(-xl,yl,-zl) new Vector3(-xl,-yl,-zl) new Vector3(xl,-yl,-zl) |] new(x,y,z) = let rnd = System.Random().Next() printfn "%i" rnd Cube(x,y,z,-1) override this.Draw() = if this.IsCreate<>true then this.Init() GL.EnableClientState(ArrayCap.VertexArray) GL.EnableClientState(ArrayCap.NormalArray) GL.BindBuffer(BufferTarget.ArrayBuffer,this.vboID) GL.VertexPointer(3,VertexPointerType.Float,0,IntPtr.Zero) GL.PushMatrix() if id >= 0 && id < 8 then GL.Translate(v8.[id]) GL.Color3(this.Color:Color) GL.Normal3(Vector3.UnitZ) GL.DrawElements(BeginMode.Triangles,6,DrawElementsType.UnsignedInt,[|0;1;2;0;2;3|]) //GL.Color3(Color.Black) GL.Normal3(Vector3.UnitY) GL.DrawElements(BeginMode.Triangles,6,DrawElementsType.UnsignedInt,[|4;5;1;4;1;0|]) //GL.Color3(Color.Red) GL.Normal3(Vector3.UnitX) GL.DrawElements(BeginMode.Triangles,6,DrawElementsType.UnsignedInt,[|4;0;3;4;3;7|]) //GL.Color3(Color.Green) GL.Normal3(-Vector3.UnitY) GL.DrawElements(BeginMode.Triangles,6,DrawElementsType.UnsignedInt,[|3;2;6;3;6;7|]) //GL.Color3(Color.Blue) GL.Normal3(-Vector3.UnitX) GL.DrawElements(BeginMode.Triangles,6,DrawElementsType.UnsignedInt,[|1;5;6;1;6;2|]) //GL.Color3(Color.DodgerBlue) GL.Normal3(-Vector3.UnitZ) GL.DrawElements(BeginMode.Triangles,6,DrawElementsType.UnsignedInt,[|5;4;7;5;7;6|]) GL.PopMatrix() override this.Init() = let mutable vID = 0 GL.GenBuffers(1,&vID) GL.BindBuffer(BufferTarget.ArrayBuffer,vID) GL.BufferData(BufferTarget.ArrayBuffer,IntPtr (4 * 3 * v8.Length),v8,BufferUsageHint.StaticDraw) this.vboID <- vID this.IsCreate <- true let rnd = System.Random(this.GetHashCode()) this.Color <- Color.FromArgb(rnd.Next(0,255),rnd.Next(0,255),rnd.Next(0,255)) () member this.Index with get() = id and set value = id <-value member this.Color with get() = color and set value = color <- value上图中的V8分别对应其中的0-7个顶点,GL.DrawElements后面的0;1;2;0;2;3分别是以三角形的画法来画一个正方形.
立方体的画法主要是确定宽,高,长,我们这样定义,我们站在原点上,面向Z+轴, 我们的手展开来表示X轴(对应宽度),而我们的身高表示Y轴(对应高度),和我们面向距离的长远来表示Z轴,(对应长度).绘制也是8个面,和上面一样, 也是在缓存中记录顶点,但是不一样的是,顶点索引是在绘制时没有用到顶点索引缓存,主要考虑后面有法向量的处理,还有现在没有加上的纹理贴图的处理.
在这里,我们要特别注意,顶点顺序问题,在opengl,默认正面是逆时针,而我 们可以看0;1;2;0;2;3对应图上的顺序.然后大家可能会发现,画立方体的后面5;4;7;5;7;6,这个顺序好像不对,是顺时针的.大家可以想 象下,我们在门外看门的逆时针画法与我们在门内看门外顺时针的画法是一样的.所以如果我们要画后面4,5,6,7我们以为的是逆时针是不对的,我们要想象 我们在那边来看,然后再画,应该是5,4,7,6这个方向.其中纹理贴图后面会说,和这处理也有类似.
在上面,我们看到我们都没对顶点的颜色来定义,这里没必要,因为后面我们肯定要用到灯光,用到灯光的话,设置的颜色都没用,我们会用到灯光颜色与材质的颜色.纹理贴图也有没对应处理,这里在后面我会根据讲到再来改写相关处理.
下一节,主要是讲第一人称漫游的相关处理.