From d8a5656df8123e4f09295440429bc73abcbcdab5 Mon Sep 17 00:00:00 2001
From: Marius Horga <mhorga@gmail.com>
Date: Sat, 1 Oct 2016 13:00:16 +0300
Subject: [PATCH] added chapter 18

---
 README.md                                     |   1 +
 chapter18.playground/Contents.swift           |  45 ++++++++++++++++++
 chapter18.playground/Sources/MetalView.swift  |  40 ++++++++++++++++
 chapter18.playground/contents.xcplayground    |   4 ++
 .../contents.xcworkspacedata                  |   7 +++
 .../UserInterfaceState.xcuserstate            | Bin 0 -> 11344 bytes
 chapter18.playground/timeline.xctimeline      |   6 +++
 7 files changed, 103 insertions(+)
 create mode 100644 chapter18.playground/Contents.swift
 create mode 100644 chapter18.playground/Sources/MetalView.swift
 create mode 100644 chapter18.playground/contents.xcplayground
 create mode 100644 chapter18.playground/playground.xcworkspace/contents.xcworkspacedata
 create mode 100644 chapter18.playground/playground.xcworkspace/xcuserdata/marius.xcuserdatad/UserInterfaceState.xcuserstate
 create mode 100644 chapter18.playground/timeline.xctimeline

diff --git a/README.md b/README.md
index 664abc4..e021d1a 100644
--- a/README.md
+++ b/README.md
@@ -19,3 +19,4 @@ Repository to accompany the following blog posts:
 - [Using MetalKit part 15](http://mhorga.org/2016/06/23/using-metalkit-part-15.html)
 - [Using MetalKit part 16](http://mhorga.org/2016/07/06/using-metalkit-part-16.html)
 - [Using MetalKit part 17](http://mhorga.org/2016/09/24/using-metalkit-part-17.html)
+- [Using MetalKit part 18](http://mhorga.org/2016/09/30/using-metalkit-part-2-3-2.html)
diff --git a/chapter18.playground/Contents.swift b/chapter18.playground/Contents.swift
new file mode 100644
index 0000000..0027557
--- /dev/null
+++ b/chapter18.playground/Contents.swift
@@ -0,0 +1,45 @@
+
+
+let shader =    
+"#include <metal_stdlib>\n" +
+    "using namespace metal;" +
+    "kernel void k(texture2d<float,access::write> o[[texture(0)]]," +
+    "              uint2 gid[[thread_position_in_grid]]) {" +
+    "   int width = o.get_width();" +
+    "   int height = o.get_height();" +
+    "   float2 uv = float2(gid) / float2(width, height);" +
+    "   float3 color = mix(float3(1.0, 0.6, 0.1), float3(0.5, 0.8, 1.0), sqrt(1 - uv.y));" +
+    "   float2 q = uv - float2(0.67, 0.25);" +
+    "   float r = 0.2 + 0.1 * cos(atan2(q.x, q.y) * 9.0 + 20.0 * q.x);" +
+    "   color *= smoothstep(r, r + 0.01, length(q));" +
+    "   r = 0.03 + 0.002 * cos(120.0 * q.y) + exp(-50.0 * (1.0 - uv.y));" +
+    "   color *= 1.0 - (1.0 - smoothstep(r, r + 0.002, abs(q.x - 0.25 * sin(2.0 * q.y)))) * smoothstep(0.0, 0.1, q.y);" +
+    "   o.write(float4(color, 1.0), gid);" +
+"}"
+
+//"#include <metal_stdlib>\n" +
+//    "using namespace metal;" +
+//    "kernel void k(texture2d<float,access::write> o[[texture(0)]]," +
+//    "              uint2 gid[[thread_position_in_grid]]) {" +
+//    "   int width = o.get_width();" +
+//    "   int height = o.get_height();" +
+//    "   float2 uv = float2(gid) / float2(width, height);" +
+//    "   float2 q = uv - float2(0.5);" +
+//    "   float a = atan2(q.y, q.x) + 0.25;" +
+//    "   float s = 0.5 + 0.5 * sin(3.0 * a);" +
+//    "   float t = 0.15 + 0.5 * pow(s, 0.3) + 0.1 * pow(0.5 + 0.5 * cos(6.0 * a), 0.5);" +
+//    "   float h = sqrt(dot(q, q)) / t;" +
+//    "   float f = 0.0;" +
+//    "   if(h < 0.4) f = 1.0;" +
+//    "   float3 color = mix(float3(0.9), float3(0.5 * h, 0.5 + 0.5 * h, 0.0), f);" +
+//    "   o.write(float4(color, 1.0), gid);" +
+//"}"
+
+import MetalKit
+import PlaygroundSupport
+
+let frame = CGRect(x: 0, y: 0, width: 300, height: 300)
+let view = MTKView(frame: frame)
+let delegate = MetalView(mtkView: view, shader: shader)
+view.delegate = delegate
+PlaygroundPage.current.liveView = view
diff --git a/chapter18.playground/Sources/MetalView.swift b/chapter18.playground/Sources/MetalView.swift
new file mode 100644
index 0000000..b8c4802
--- /dev/null
+++ b/chapter18.playground/Sources/MetalView.swift
@@ -0,0 +1,40 @@
+
+import MetalKit
+
+public class MetalView: NSObject, MTKViewDelegate {
+    weak var view: MTKView!
+    let commandQueue: MTLCommandQueue
+    let device: MTLDevice
+    let cps: MTLComputePipelineState
+    
+    public init?(mtkView: MTKView, shader: String) {
+        view = mtkView
+        view.clearColor = MTLClearColorMake(0.5, 0.5, 0.5, 1)
+        view.colorPixelFormat = .bgra8Unorm
+        device = MTLCreateSystemDefaultDevice()!
+        commandQueue = device.makeCommandQueue()
+        let library = try! device.makeLibrary(source: shader, options: nil)
+        let function = library.makeFunction(name:"k")!
+        cps = try! device.makeComputePipelineState(function: function)
+        
+        super.init()
+        view.delegate = self
+        view.device = device
+    }
+    
+    public func mtkView(_ view: MTKView, drawableSizeWillChange size: CGSize) {}
+    
+    public func draw(in view: MTKView) {
+        let drawable = view.currentDrawable!
+        let commandBuffer = commandQueue.makeCommandBuffer()
+        let commandEncoder = commandBuffer.makeComputeCommandEncoder()
+        commandEncoder.setComputePipelineState(cps)
+        commandEncoder.setTexture(drawable.texture, at: 0)
+        let groups = MTLSize(width: Int(view.frame.width)/4, height: Int(view.frame.height)/4, depth: 1)
+        let threads = MTLSize(width: 8, height: 8,depth: 1)
+        commandEncoder.dispatchThreadgroups(groups,threadsPerThreadgroup: threads)
+        commandEncoder.endEncoding()
+        commandBuffer.present(drawable)
+        commandBuffer.commit()
+    }
+}
diff --git a/chapter18.playground/contents.xcplayground b/chapter18.playground/contents.xcplayground
new file mode 100644
index 0000000..a93d484
--- /dev/null
+++ b/chapter18.playground/contents.xcplayground
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<playground version='5.0' target-platform='macos' executeOnSourceChanges='false'>
+    <timeline fileName='timeline.xctimeline'/>
+</playground>
\ No newline at end of file
diff --git a/chapter18.playground/playground.xcworkspace/contents.xcworkspacedata b/chapter18.playground/playground.xcworkspace/contents.xcworkspacedata
new file mode 100644
index 0000000..919434a
--- /dev/null
+++ b/chapter18.playground/playground.xcworkspace/contents.xcworkspacedata
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Workspace
+   version = "1.0">
+   <FileRef
+      location = "self:">
+   </FileRef>
+</Workspace>
diff --git a/chapter18.playground/playground.xcworkspace/xcuserdata/marius.xcuserdatad/UserInterfaceState.xcuserstate b/chapter18.playground/playground.xcworkspace/xcuserdata/marius.xcuserdatad/UserInterfaceState.xcuserstate
new file mode 100644
index 0000000000000000000000000000000000000000..ce52f92bfc3b8951779165b837675e3697634090
GIT binary patch
literal 11344
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
L<U9I*is`=qOzKPX

literal 0
HcmV?d00001

diff --git a/chapter18.playground/timeline.xctimeline b/chapter18.playground/timeline.xctimeline
new file mode 100644
index 0000000..bf468af
--- /dev/null
+++ b/chapter18.playground/timeline.xctimeline
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Timeline
+   version = "3.0">
+   <TimelineItems>
+   </TimelineItems>
+</Timeline>