SparkAR-NativeUI-Picker-v85
This is meant to be a boilerplate for new users or non-scripters to start using Spark AR's NativeUI Picker for their Instagram effects. It takes into account the changes to Spark AR v85+ API and uses Promises to load assets. It is not meant to be a comprehensive exploration into ES6, Spark AR, or writing performant code. This is meant to educate and - hopefully - inspire others to continue learning about how to leverage scripting in their effects.
What's Included
NativeUI-Picker-[Basic] -v85
This project has the basic setup for the NativeUI Picker and uses the events to change a material on a plane
NativeUI-Picker-[Animation] -v85
This project has the basic setup for the NativeUI Picker and uses the events to change a material on a plane and rotate the plane
NativeUI-Picker-[Objects] -v85
This project has the basic setup for the NativeUI Picker and uses the events to select one of three planes, then change a material on the selected plane and rotate the plane
NativeUI-Picker-[3D-Objects] -v85
This project has the basic setup for the NativeUI Picker and uses the events to select one of three cubes, then change a material on the selected cube and rotate the cube
NativeUI-Picker-[Facemesh] -v85
This project has the basic setup for the NativeUI Picker and uses the events to show one of three facemesh
NativeUI-Picker-[Hide and Show] -v85
This project has demonstrates the basic methods of showing, hiding, and updating the configuration for the NativeUI with an event. In this example, we are hiding the NativeUI on the back camera.
NativeUI-Picker-[Patch Editor] -v85
This project has the basic setup for the NativeUI Picker and connects it to the Patch Editor. The selectedIndex is passed through a patch graph and animates the plane when selecting/deselecting the second button
NativeUI-Picker-[Selected Value] -v85
This project has the basic setup for the NativeUI Picker using the Patch Editor bridge and demonstrates how to set the second button to be the default "first" selected value when the filter loads
Credits
Thanks to Lasse Mejlvang Tvedt ( @lassemt ) for jumping on some of these updates before everyone else. Thanks to Josh Beckwith ( @positlabs ) for, well, being amazing.
Resources
Follow me on IG @lukehurd
Join the Spark AR Community