The Open Source Artzy™ Camera is an ARKit super-starter project created by Delasign that features an AR multi-media recorder, 3 AR samples, a library of free metal shaders and special effects, illustrator and maya files.

If you create anything, please share it on Instagram and tag @artzyapp along with #artzy.

Download the repo and print the three images in the "GettingStarted" folder. These are the three AR samples that come with the project.

After printing, open the app and place your phone infront of the images to experience the three samples.

I recommend reading up on AR and ARKit before becoming familiar with how the samples were created. These are found in the "HowItWasMade" folder, which includes the files that were used and the corresponding images.

If you have any questions please email questions to : [email protected]

For all posts ever, please visit my blog.

Apple Documentation:

• ARKit

• Building your first ARKit Experience

• AR World Tracking Configuration

• Understanding World Tracking in ARKit

• ARReferenceImages

• ARImageAnchor

• Recognizing Images in an AR Experience

• ARFrame

• ARCamera

• SceneKit

• SCNNode

• SCNProgram

• SCNTechnique

ARKit Theory:

• The Point Cloud, Image Recognition, AR Ready Images, True Scale, The Renderer and Nodes
• Vertices, Metal Shaders, UV Mapping and SCNProgram’s.
• ARCamera POV.
• Intro to SCNTechniques.

The repository comes with three opensource AR samples, which are detailed below.

This project features a double neon glow - the word glows in blue, whilst the halo glows in red.

For tutorials on how this was created please read the following:

Geometry:

• How to use an Adobe Illustrator Curve in Maya.
• How to turn a turn a simple sketch into an extruded model on Maya
• UV Mapping: How to Convert an Extruded Cylinder’s UV’s to Simple Layout

Neon:

• Apple Documentation : SCNTechnique
• ARKit Theory: Intro to SCNTechniques.
• How to create a glowing neon effect for a geometry in ARKit through a SCN Technique
• A SCNTechnique requires a .scn model

Code:

The key parts to this working are found in PieceOfArtzy/PieceOfArtzy.swift line 182 -> 264, with the SCNTechnique and associated assets under the PieceOfArtzy/SpecialEffects/GlowInTwoColors folder.

Extra: To see it perform an animated, timed stroke - switch the functionality in PieceOfArtzy/PieceOfArtzy.swift line 34.

This project features a 3d stroke neon glow - it appears as though the word has been drawn.

For tutorials on how this was created please read the following:

Geometry:

• How to use an Adobe Illustrator Curve in Maya.
• How to turn a turn a simple sketch into an extruded model on Maya
• UV Mapping: How to Convert an Extruded Cylinder’s UV’s to Simple Layout

Neon:

• Apple Documentation : SCNTechnique
• ARKit Theory: Intro to SCNTechniques.
• How to create a glowing neon effect for a geometry in ARKit through a SCN Technique
• How to connect custom variables to SCNTechniques and Associated Metal Shaders
• A SCNTechnique requires a .scn model

Stroke: The key parts to this working are found in PieceOfArtzy/PieceOfArtzy.swift line 66 -> 92. The amount of the letter that must be shown at any given instance has to be programmed in order for the camera to be able to capture it. For a non-capturable version and how to take it from there to the latest version, please read:

• Free Stroke Metal Shader on a Timer

• ARKit Tutorial: How to attach Custom Variables to a Metal Shader & its associated SCNProgram through a TimedStroke Shader iOS 12.

• How to connect custom variables to SCNTechniques and Associated Metal Shaders

Code:

The key parts to this working are found in PieceOfArtzy/PieceOfArtzy.swift line 264 -> 312, with the SCNTechnique and associated assets under the PieceOfArtzy/SpecialEffects/Glow folder.

This project features an outline of a hand that animates to show you the peace sign.

For tutorials on how this was created please read the following:

Geometry:

• How to use an Adobe Illustrator Curve in Maya.
• How to turn a turn a simple sketch into an extruded model on Maya
• UV Mapping: How to Convert an Extruded Cylinder’s UV’s to Simple Layout

Animation: Please note that the key to this is to only rotate the joints.

• How to make an animtion in Maya that works in SceneKit or ARKit.

• Maya Weight Painting Tutorial

Code:

The key parts to this working are found in PieceOfArtzy/PieceOfArtzy.swift line 41 -> 59.

If you are new to Shaders please read this: Vertices, Metal Shaders, UV Mapping and SCNProgram’s.

The current shader library can be found in PieceOfArtzy/Shaders and includes:

• Color Shader
• Texture Shader
• Stroke Shader
• Backwards Stroke Shader
• Timed Stroke Shader
• Timed Backwards Stroke Shader
• Fade In Color Shader
• Fade In Texture Shader

MIT License

Copyright (c) 2018 Delasign LLC.

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Created by AdamFu under the and licensed under the Creative Commons Attribution 4.0 International License.