[MetalKit]8-Using-MetalKit-part-7使用MetalKit7

蘋果API搬運工發表於2017-12-14

本系列文章是對 metalkit.org 上面MetalKit內容的全面翻譯和學習.

MetalKit系統文章目錄

有一個讀者聯絡我說我看到一個非常奇怪的現象:當執行我們教程的程式碼時,MTLLibrary會在幾百次繪製呼叫後返回nil.這讓我意識到,我沒有考慮到根據文件Metal documentation有些Metal物件是暫時的而有些則不是.謝謝Mike的提醒!

要解決這個問題,我們需要再一次重構程式碼.這其實是件好事.我們需要把非瞬時的Metal物件(devices, queues, data buffers, textures, states和pipelines)從drawRect(_:) 中拿出來,把它們放到檢視載入時只執行一次的方法裡.命令緩衝器和編碼器是僅有的兩個瞬時物件,設計出來供一次性使用的,所以我們可以在每次繪製呼叫時建立它們. 我們將繼續從本系列的第5部分 part 5 開始.讓我們建立一個新方法-一個初始化方法-它只在檢視載入時執行一次:

required init(coder: NSCoder) {
    super.init(coder: coder)
    device = MTLCreateSystemDefaultDevice()
    createBuffers()
    registerShaders()
}
複製程式碼

下一步,刪除render() 方法及在drawRect(_:)中的呼叫,因為我們不再需要它了.然後從sendToGPU() 移動所有程式碼到drawRect(_:)中,並刪除sendToGPU()因為這個也不需要了.這樣我們就從drawRect(_:)中移出了所有非瞬時的物件,只保留了command buffer命令緩衝器和encoder編碼器在裡面,只有它們是瞬時物件.

override func drawRect(dirtyRect: NSRect) {
    super.drawRect(dirtyRect)
    if let rpd = currentRenderPassDescriptor, drawable = currentDrawable {
        rpd.colorAttachments[0].clearColor = MTLClearColorMake(0.5, 0.5, 0.5, 1.0)
        let command_buffer = device!.newCommandQueue().commandBuffer()
        let command_encoder = command_buffer.renderCommandEncoderWithDescriptor(rpd)
        command_encoder.setRenderPipelineState(rps)
        command_encoder.setVertexBuffer(vertex_buffer, offset: 0, atIndex: 0)
        command_encoder.setVertexBuffer(uniform_buffer, offset: 0, atIndex: 1)
        command_encoder.drawPrimitives(.Triangle, vertexStart: 0, vertexCount: 3, instanceCount: 1)
        command_encoder.endEncoding()
        command_buffer.presentDrawable(drawable)
        command_buffer.commit()
    }
}
複製程式碼

最後,我們建立一個新的類命名為MathUtils,並將兩個結構體移動到裡面,這樣我們就有了一個乾淨的檢視類.

import simd

struct Vertex {
    var position: vector_float4
    var color: vector_float4
}

struct Matrix {
    var m: [Float]
    
    init() {
        m = [1, 0, 0, 0,
            0, 1, 0, 0,
            0, 0, 1, 0,
            0, 0, 0, 1
        ]
    }
    
    func translationMatrix(var matrix: Matrix, _ position: float3) -> Matrix {
        matrix.m[12] = position.x
        matrix.m[13] = position.y
        matrix.m[14] = position.z
        return matrix
    }
    
    func scalingMatrix(var matrix: Matrix, _ scale: Float) -> Matrix {
        matrix.m[0] = scale
        matrix.m[5] = scale
        matrix.m[10] = scale
        matrix.m[15] = 1.0
        return matrix
    }
    
    func rotationMatrix(var matrix: Matrix, _ rot: float3) -> Matrix {
        matrix.m[0] = cos(rot.y) * cos(rot.z)
        matrix.m[4] = cos(rot.z) * sin(rot.x) * sin(rot.y) - cos(rot.x) * sin(rot.z)
        matrix.m[8] = cos(rot.x) * cos(rot.z) * sin(rot.y) + sin(rot.x) * sin(rot.z)
        matrix.m[1] = cos(rot.y) * sin(rot.z)
        matrix.m[5] = cos(rot.x) * cos(rot.z) + sin(rot.x) * sin(rot.y) * sin(rot.z)
        matrix.m[9] = -cos(rot.z) * sin(rot.x) + cos(rot.x) * sin(rot.y) * sin(rot.z)
        matrix.m[2] = -sin(rot.y)
        matrix.m[6] = cos(rot.y) * sin(rot.x)
        matrix.m[10] = cos(rot.x) * cos(rot.y)
        matrix.m[15] = 1.0
        return matrix
    }
    
    func modelMatrix(var matrix: Matrix) -> Matrix {
        matrix = rotationMatrix(matrix, float3(0.0, 0.0, 0.1))
        matrix = scalingMatrix(matrix, 0.25)
        matrix = translationMatrix(matrix, float3(0.0, 0.5, 0.0))
        return matrix
    }
}
複製程式碼

執行程式確保你仍能看到壯麗的三角形,就像我們上一部分看到的那樣. 原始碼source code 已釋出在Github上.

下次見!

相關文章