Quick Start for Sketch
This is a simple tutorial from signing up to creating images through Render-it Sketch.
Step 1: Create an API Key
Sign up
Please subscribe to sign up ZEPETO Render-it.
Create a Workspace
After signing in to ZEPETO Render-it, you need to create or be invited to at least one Workspace.
Create an API Key
An API Key is required to use Sketch SDK. Go to Workspace > Sketch to create an API Key.
Step 2: Setup Sketch Editor SDK
Import javascript for Sketch
Declare the following tag in <head> to load Sketch in the browser.
<script type="text/javascript" src="https://media.render-it.m2s.team/sdk/web/sketch-1.0.0.js"></script>Add Sketch Editor
Add the following code to create the Sketch Editor.
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="https://media.render-it.m2s.team/sdk/web/sketch-1.0.0.js"></script>
</head>
<style>
#root {
width: 800px;
}
</style>
<body>
<div id="root"></div>
<script>
document.addEventListener('DOMContentLoaded', function () {
const root = document.querySelector('#root');
const editor = new m2s.Sketch({
container: root,
apiKey: 'YOUR_API_KEY'
});
});
</script>
</body>
</html>Step 3: Create your own Avatar Image
Try it out
If the API Key and Sketch Editor SDK setup are complete, you can create an Avatar Image. For detailed information, please refer to Create an Avatar Image with Sketch.