How to combine the Makeup API and Beauty API features

danger

This feature is deprecated. We recommend you to use Prefabs

As you can notice, both the Makeup API and Beauty API are using the same Face Filter. As a result, it is possible to combine their features in your application.

You can consume the effect API in several ways.

Via effect's config.js

Add to the bottom of the Makeup/config.js file:

/* Feel free to add your custom code below */

Lips.matt("0.85 0.23 0.2 0.8")

From application

In your app code use evalJs from Banuba SDK:

Java

// Effect mCurrentEffect = ...

// set lips matt color
mCurrentEffect.evalJs("Lips.matt('0.85 0.23 0.2 0.8')", null);

Swift

// var currentEffect: BNBEffect = ...

// set lips matt color
currentEffect?.evalJs("Lips.matt('0.85 0.23 0.2 0.8')", resultCallback: nil);

JavaScript

// set lips matt color
await effect.evalJs("Lips.matt('0.85 0.23 0.2 0.8')")

Combine features

To combine the Makeup API features, call the desired methods in your app or in config.js as shown above.

Example:

config.js

/* Feel free to add your custom code below */

Lips.matt("0.85 0.23 0.2 0.8")
Makeup.eyeshadow("0.6 0.5 1 0.6")
Makeup.contour("0.3 0.1 0.1 0.2")

Java

// Effect mCurrentEffect = ...

mCurrentEffect.evalJs("Lips.matt('0.85 0.23 0.2 0.8')", null);
mCurrentEffect.evalJs("Makeup.eyeshadow('0.6 0.5 1 0.6')", null);
mCurrentEffect.evalJs("Makeup.contour('0.3 0.1 0.1 0.2')", null);

Swift

// var currentEffect: BNBEffect = ...

currentEffect?.evalJs("Lips.matt('0.85 0.23 0.2 0.8')", resultCallback: nil);
currentEffect?.evalJs("Makeup.eyeshadow('0.6 0.5 1 0.6')", resultCallback: nil);
currentEffect?.evalJs("Makeup.contour('0.3 0.1 0.1 0.2')", resultCallback: nil);

JavaScript

await effect.evalJs("Lips.matt('0.85 0.23 0.2 0.8')")
await effect.evalJs("Makeup.eyeshadow('0.6 0.5 1 0.6')")
await effect.evalJs("Makeup.contour('0.3 0.1 0.1 0.2')")

Preview

Drag