Details

<b>Chapter 1: Introduction to Augmented Reality</b><p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; What is AR?</p>

o&nbsp;&nbsp;&nbsp; AR basics<p></p>

<p>o&nbsp;&nbsp;&nbsp; AR vs. VR</p>

<p>o&nbsp;&nbsp;&nbsp; Use cases for AR</p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; How does AR work?</p>

o&nbsp;&nbsp;&nbsp; Hardware<p></p>

<p>o&nbsp;&nbsp;&nbsp; Software</p>

<p>o&nbsp;&nbsp;&nbsp; Inputs</p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; AR Tools</p>

o&nbsp;&nbsp;&nbsp; ARKit<p></p>

<p>o&nbsp;&nbsp;&nbsp; ARCore</p>

<p>o&nbsp;&nbsp;&nbsp; Unity</p>

<p>o&nbsp;&nbsp;&nbsp; Unreal Engine</p>

o&nbsp;&nbsp;&nbsp; Lens Studio<p></p>

<p>o&nbsp;&nbsp;&nbsp; Effect Studio</p>

<p>o&nbsp;&nbsp;&nbsp; Spark AR</p>

<p><b>&nbsp;</b></p>

<p><b>Chapter 2: Introduction to Spark AR</b></p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Installation</p>

<p>o&nbsp;&nbsp;&nbsp; 2.1.1 Windows</p>

<p>o&nbsp;&nbsp;&nbsp; 2.1.2 Mac</p>

·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Introduction to the Spark AR Interface<p></p>

<p><b>&nbsp;</b></p>

<p><b>Chapter 3: Creating Your First Effect</b></p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Background Segmentation</p>

·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Mapping an effect to a face<p></p>

<p>o&nbsp;&nbsp;&nbsp; Face trackers</p>

<p>o&nbsp;&nbsp;&nbsp; Face meshes</p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Color Grading</p>

o&nbsp;&nbsp;&nbsp; Exploring the Spark AR Library<p></p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Testing an effect</p>

<p><b>&nbsp;</b></p>

<p><b>Chapter 4: Spark AR Library Overview</b></p>

·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Home<p></p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 3D Objects</p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Music and Sound</p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Patch Assets</p>

·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Textures<p></p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Blocks</p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Script Packages</p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Color Luts</p>

·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Voice Intents<p></p>

<p><b>&nbsp;</b></p>

<p><b>Chapter 5: Introduction to Patch Editor</b></p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Understanding Patches</p>

·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Animation<p></p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Audio</p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Body Landmarks</p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Device</p>

·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Face Landmarks<p></p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Interaction</p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Logic</p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Math</p>

·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Shaders<p></p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Time</p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; User Interface</p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Utility</p>

·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Voice Control<p></p>

<p><b>&nbsp;</b></p>

<p><b>Chapter 6: Creating Full Body Effect</b></p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Body Finder Patch</p>

·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Mapping assets to Body Landmarks<p></p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Body Bounding Box</p>

<p><b>&nbsp;</b></p>

<p><b>Chapter 7: Creating Object Tracking Effect</b></p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Target tracking</p>

·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Selecting a target<p></p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Working with 3D assets</p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Particle systems</p>

<p><b>&nbsp;</b></p>

<p><b>Chapter 8: Creating World Effect</b></p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Plane trackers</p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Believable effects with occlusion</p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Animation</p>

·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Environment light<p></p>

<p><b>&nbsp;</b></p>

<p><b>Chapter 9: AR Game Development</b></p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Building logic into an effect</p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Scripting in Spark AR</p>

o&nbsp;&nbsp;&nbsp; Intro to Scripting<p></p>

<p>o&nbsp;&nbsp;&nbsp; JavaScript</p>

<p>o&nbsp;&nbsp;&nbsp; TypeScript</p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Introduction to code editors</p>

o&nbsp;&nbsp;&nbsp; Sublime Text<p></p>

<p>o&nbsp;&nbsp;&nbsp; Atom</p>

<p>o&nbsp;&nbsp;&nbsp; Visual Studio Code</p>

<p>o&nbsp;&nbsp;&nbsp; Installing a code editor</p>

·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Writing our first script<p></p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Working with audio</p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Testing a game</p>

<p>o&nbsp;&nbsp;&nbsp; The Spark AR Console</p>

o&nbsp;&nbsp;&nbsp; Testing on a device<p></p>

<p><b>&nbsp;</b></p>

<p><b>Chapter 10 Customizing Assets in Project Template</b></p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Finding resources</p>

·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Swapping assets<p></p>

<p><b>&nbsp;</b></p>

<p><b>Chapter 11: Tips and Tricks</b></p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Quality of life improvements</p>

·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Device compatibility<p></p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Performance optimization</p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Checking the changelog</p>

<p><b>&nbsp;</b></p>

<p><b>Chapter 12: Publishing an Effect</b></p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Effect guidelines</p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Creating an icon</p>

<p>o&nbsp;&nbsp;&nbsp; Introduction to graphics editing</p>

o&nbsp;&nbsp;&nbsp; Figma<p></p>

<p>o&nbsp;&nbsp;&nbsp; Icon design fundamentals</p>

<p>o&nbsp;&nbsp;&nbsp; Exporting finished assets</p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Monitoring effect results</p>

<p><b>&nbsp;</b></p>

<p><b>Chapter 13: AR Development Best Practices</b></p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Creating experiences of value</p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Accessibility</p>

·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Internationalization and localization<p></p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Inclusivity</p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Safety and privacy</p>

<p><b>&nbsp;</b></p>

<p><b>Chapter 14: Conclusion</b></p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Finding inspiration</p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Giving back to the community</p>

<p>·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Final words</p>

<div><b>Jaleh Afshar</b> is a designer who has built digital experiences across various industries and platforms, including mobile, web, wearables, voice, and emerging technologies. Currently a Product Design Director at Meta, she has taught courses, led workshops, and published on augmented reality.<br></div>

<div>Explore Meta Spark Studio, a program used for augmented reality (AR) effect creation and deployment across multiple social media channels. This beginner’s guide to AR development focuses on practical, project-based learning — no prior coding or design experience is required.</div><div>You will start by learning the fundamentals of AR as a whole and become familiar with key terminology and core concepts, building a baseline understanding of the technology overall.</div><div>Using that foundational knowledge, you’ll embark on step-by-step tutorials and get hands-on with building AR effects. Projects include selfie effects that react to facial expressions and target tracking effects that respond to images detected in the real-world environment. You’ll also learn how to create an entire AR game, including animations and scoring.</div><div>Along the way, you’ll learn techniques for how to customize each one of these projects to fit your own unique vision. Additionally, you’ll become familiar with the ways to publish and share these creations with others.</div><div>With access to this technology being available in nearly every smartphone, the world of AR is expanding every day. Now is a great time to tell your creative story through this new medium.</div><br><div><b>You will:</b></div><div>• Create a face tracking project that reacts to facial expressions</div><div>• Build a target tracking project that responds to images in the real world</div><div>• Develop a complete AR game with animations and scoring</div><div>• Customize project templates with alternative assets and parameters</div><div>• Understand how to package these effects for official publishing through social media platforms</div>

<p>Create AR apps that can be immediately demonstrated on a smartphone and instantly shared</p><p>Projects are specifically designed for ease of customization so that readers can easily tailor AR apps</p><p>No coding or design experience needed to understand and follow the book</p>