ChiaoteNi / MetalKitShowcase

This project serves as a demonstration aimed at showcasing a variety of features and APIs related to Metal Shader

Metal Shader demonstrations

• This project is designed to demonstrate a diverse range of features and APIs related to app development for Metal Shaders.
• The content is organized into several distinct parts, each focusing on different aspects of Metal Shader capabilities. The series will be released incrementally after several iOS@Taipei meetup events.
• As of now, the project has released Part I.

Part I: (4/16)

• Basic Color Rendering:

  • Explains the vertex function, the fragment function, and how they operate.
  • Describes the coordinate system for vertices in Metal Shaders.
  • Key components include ColorShapeMaker.swift and ColorShapeShader.metal.

• Image Blending:

  • Outlines the coordinate system for vertices and textures in Metal Shaders.
  • Discusses how to render an image as a texture in Metal, including the relationship between vertices and textures.
  • Demonstrates how to blend two images using different methods.
  • Key components include ImageBlender.swift and BlendImageShader.metal.

Basic Color Rendering	Basic Color Rendering	Image Blending	Image Blending
	RPReplay_Final1714313169.MP4		RPReplay_Final1714314204.MOV

Some images I created during the sharing to describe the details

Part II: (4/23)

• Focus on Video Editing:
  • Parallel Playback of Multiple Videos:
    • Provides basic knowledge of how AVComposition works.
    • Explains how to combine multiple videos by configuring vertices and textures.
  • Watermark:
    • Describes how to overlay a watermark onto your video
    • Additionally, covers how to render the watermark dynamically instead of as just a static image.

Parallel Play of Multiple Videos	Watermark
RPReplay_Final1714320873.MOV	RPReplay_Final1714321005.MOV

Some images to describe the details