SparkAR-NativeUI-Picker-v85

⚠️ DISABLE COMPRESSION ON ALL TEXTURES THAT YOU USE FOR NATIVEUI BUTTONS ⚠️

⚠️ MAKE SURE THE NATIVEUI PICKER IS ENABLED IN YOUR PROJECT CAPABILITIES ⚠️

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

My Tutorials on YouTube

Join the Spark AR Community