# Hello!

## Welcome to Assemblr Studio Virtual Guide Book!

<figure><img src="/files/H7HwNskJbOsY6Heh8yxX" alt=""><figcaption></figcaption></figure>

In this guide, you will discover the steps you need to ace yourself in Assemblr Studio and help you get started with it.

To help you navigate better, you can start with **clicking one of the menus below**:

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>Getting Started on Assemblr Studio</strong></td><td></td><td></td><td><a href="/pages/HoLKOHxBzJ45VkgpN4ed">/pages/HoLKOHxBzJ45VkgpN4ed</a></td><td><a href="/files/dp4Pm4pBg0oLYfzPGIPu">/files/dp4Pm4pBg0oLYfzPGIPu</a></td></tr><tr><td><strong>Assemblr Studio Main Menu</strong></td><td></td><td></td><td><a href="/pages/ownS2hW7K9bz0oDp9wUp">/pages/ownS2hW7K9bz0oDp9wUp</a></td><td><a href="/files/H7Eo4jb3Wlw5MVEgMZzT">/files/H7Eo4jb3Wlw5MVEgMZzT</a></td></tr><tr><td><strong>Assemblr Studio Editor</strong></td><td></td><td></td><td><a href="/pages/SM7ZJxjPG05qQYzWlYRJ">/pages/SM7ZJxjPG05qQYzWlYRJ</a></td><td><a href="/files/PKkAsglDImFA1HB03zgO">/files/PKkAsglDImFA1HB03zgO</a></td></tr><tr><td><strong>How to Create Projects</strong></td><td></td><td></td><td><a href="/pages/abUWpeF1g0DILOlq3otH">/pages/abUWpeF1g0DILOlq3otH</a></td><td><a href="/files/vhnZGcQAubanh0I0ZxAx">/files/vhnZGcQAubanh0I0ZxAx</a></td></tr><tr><td><strong>How to Share Projects</strong></td><td></td><td></td><td><a href="/pages/UVfUbirf53JLoJzBUBD9">/pages/UVfUbirf53JLoJzBUBD9</a></td><td><a href="/files/zHbsqskcAsEbhitWO6tj">/files/zHbsqskcAsEbhitWO6tj</a></td></tr><tr><td><strong>How to View Projects</strong></td><td></td><td></td><td><a href="/pages/uAAX7TCBPfLtLFca7KFe">/pages/uAAX7TCBPfLtLFca7KFe</a></td><td><a href="/files/bM9AvOVZCSoeZ89i0ybs">/files/bM9AvOVZCSoeZ89i0ybs</a></td></tr><tr><td><strong>Custom AR Markers</strong></td><td></td><td></td><td><a href="/pages/z68hHRZDEJfwz3SzscxB">/pages/z68hHRZDEJfwz3SzscxB</a></td><td><a href="/files/rfvBTUBVxvMJ8vGAJ2wV">/files/rfvBTUBVxvMJ8vGAJ2wV</a></td></tr><tr><td><strong>Assemblr Marketplace</strong></td><td></td><td></td><td><a href="/pages/oHHDVeRsjAyqRoSBS0jC">/pages/oHHDVeRsjAyqRoSBS0jC</a></td><td><a href="/files/7oDGO2wgxCrT2t2qFEUe">/files/7oDGO2wgxCrT2t2qFEUe</a></td></tr><tr><td><strong>Plans &#x26; Pricing</strong></td><td></td><td></td><td><a href="/pages/orEwRtCPwUQgoE4q0yv1">/pages/orEwRtCPwUQgoE4q0yv1</a></td><td><a href="/files/XAjwjgC9jXe4kGk8UJIb">/files/XAjwjgC9jXe4kGk8UJIb</a></td></tr></tbody></table>

**Happy assembling!**


# What Is Assemblr Studio?

Assemblr Studio is an all-in-one AR platform designed for everyone. With a simple drag-and-drop interface, creating Augmented Reality has never been easier—no coding needed.

{% embed url="<https://www.youtube.com/watch?v=GQlAvi-NnmQ>" %}

Unleash your creativity by adding 3D models, 2D images, audio, video, and text to elevate your projects. With over 6,000 3D assets in the library, Interactivity, and Visual Code feature, Assemblr Studio allows you to build fun and engaging AR experiences.

Ready to bring your ideas to life? You can start creating directly from your browser or mobile device—anytime, anywhere!


# How Assemblr Studio Works

Assemblr Studio is an ecosystem; our platforms are well-synchronized between each other. Wherever you create—be it in Assemblr Studio or [Assemblr EDU](https://edu.assemblrworld.com/)—you can open your creations in the other platforms as well!

<figure><img src="/files/bPqojFv3w0Jczo5Me7vv" alt=""><figcaption></figcaption></figure>


# Tech Check!

<figure><img src="/files/znMuNmZ2N0zDl60E8BdK" alt="" width="563"><figcaption></figcaption></figure>

## Supported Devices

Compatible with PCs, laptops, and tablets with minimum requirements:

* Processor of i5 gen or updates
* RAM: 8GB or more
* OS: Windows 10
* Accessible in Chrome, Safari, Opera, Firefox, and Microsoft Edge

Also compatible with mobile phones with minimum requirements:

For iOS:&#x20;

* OS: iOS 16
* RAM: 4GB or more

For android phones:

* OS: Android 8 or updates
* RAM: 6GB or more
* Support AR Core is recommended

## Network Access Requirements

Since you'll use a browser to access the web-based Assemblr Studio, it basically requires internet access. Make sure that your device's connected to a stable connection, so you can enjoy creating with a better experience.


# Signing Up in Assemblr Studio

To sign up for your Assemblr account, you can use your Facebook account, Apple account, Google account, or e-mail address.

## Sign up with Facebook account

{% embed url="<https://youtu.be/aSeA5IEcenY>" %}

1. Fill in the e-mail address and password of your Facebook account. Then, click **Log In**.
2. To proceed, just confirm your identity. You're all set!

## Sign up with Apple account

{% embed url="<https://youtu.be/Wzkdvt3qpns>" %}

1. Fill in your e-mail address
2. Enter your password
3. Fill in your **two-factor authentication code**. To get your code, head over to your e-mail inbox!
4. When you see this option, just click **Trust**.
5. Now, you'll sign in to your Apple account. To proceed, click **Continue**.
6. Time to create your Assemblr account! You can edit the name and choose whether to show or hide your e-mail. Then, click **Continue**.

## Sign up with Google account

{% embed url="<https://youtu.be/aa1GapYWsH4>" %}

1. Submit the e-mail and password of your Google account.
2. Then, you’ll be directed right away to the **Project Dashboard**, and you’re good to go!

## Sign up with e-mail

{% embed url="<https://youtu.be/F48sGoDbQlQ>" %}

Fill in all the information needed. Once you're done, click **Sign Up**. That's it!


# Signing In to Assemblr Studio

Signing in is also made super simple! Just like signing up, you can also use your Facebook account, Apple account, Google account, or Assemblr account.

## Sign in with Apple account

{% embed url="<https://youtu.be/-WNQXFkFYfQ>" %}

If you sign in with your Apple account, you can simply repeat the "[Sign up with Apple account](/getting-started/signing-up-in-assemblr-studio#sign-up-with-apple-account)" steps.

## Sign in with Assemblr account

{% embed url="<https://youtu.be/udPg0NjS_KU>" %}

However, if you use your Assemblr account, simply fill in your e-mail address or Assemblr username, as well as the password. Then, click Sign In.

## Sign in with Facebook account

{% embed url="<https://youtu.be/Zdth5IiGFM0>" %}

To sign in with your Facebook account, just log in to your Facebook account, and you'll be on board right away.

## Sign in with Google account

{% embed url="<https://youtu.be/80yVi-aBoRU>" %}

To sign in with a Google account, all you have to do is submit your Google account's e-mail and password, and you’re all ready to start creating!


# Email Verification

Once you've created an account on Assemblr Studio, you're gonna need to verify your account first to unlock the whole assembling experiences. But that's not only it—there's much more in store!

<figure><img src="/files/PLyd7LwJtrB09ZOvLKx9" alt=""><figcaption></figcaption></figure>

## Why Should You Verify Your Account?

Aside from being able to access Assemblr Studio's features to the fullest, on the most essential part, we have to protect our platforms from fake or unauthorized accounts.

Potentially, it might even harm our system, or worse, it might lead to data breaching.

## How to Verify Your Account

There are three ways to verify your account—the first one is by manually opening your email, and the second one is by clicking the verification button on the red banner of Assemblr Studio homepage.

### Verify on Your Email

1. Open your email account, and head to your Inbox.
2. Click or tap the specific message.
3. Click or tap on the link on the message, and your account will be verified right away.

### Verify on Assemblr Studio

1. Log in to Assemblr Studio, and then you'll see the red banner on the top.
2. Click or tap the **Re-send Verification Email** button.
3. You'll be directed to your email message. Once it's all done, click or tap on the link address. Your account will be verified right away!

### What Can't Unverified Accounts Do?

1. Purchase bundles with BLR Coin.
2. Publish projects.
3. Save projects.
4. Upload custom 3D objects.
5. Upload custom AR markers.

## Change Your Email Address

<figure><img src="/files/ZYHBENl48TwwbRxWsVbD" alt=""><figcaption></figcaption></figure>

If you've already created an Assemblr account with unauthorized email addresses, you can actually change it.

1. Click or tap on your profile, and choose **Account Settings**.
2. Choose **Change Email**.
3. Change the old email with the new one, insert your password, and click **Update**.
4. On your homepage, you'll see the banner that tells you to verify your account. Click **Re-send Verification Email**, and your account will be verified right away.


# Account Login Limitation

<figure><img src="/files/pMvgAIQDjhyuNiBuD0fn" alt="" width="375"><figcaption></figcaption></figure>

In Assemblr Studio, you can log in your account to two browsers or devices at the maximum.

Every time you log in, we'll call it a session. Here's what a session counted is:

1. Logging in to web-based Assemblr Studio is counted as 1 session.
2. Logging in to web-based Assemblr Studio with a different browser yet in the same device is counted as 1 session.
3. Logging in to web-based Assemblr Studio in the mobile device is counted as 1 session.
4. Logging in to Assemblr Studio app is counted as 1 session.

**So, what will happen if you want to log in on the third session?**

You will have to choose to log out from the first two login sessions.

<figure><img src="https://lh7-us.googleusercontent.com/dbXnvCavqmclPXr0ont7mto6LWGSeAMKkzj66yqQ1jlWjfg6xoxZZTaGRi5GEU20G22W4DCMO1o3M21f_aYw5OLlbWaYd85IxmR76XxmAkpbU_pns5FBk4gUN3oY7szMo-5Q3JwoHZGbUooNkCtH7Jc" alt=""><figcaption></figcaption></figure>

If you're still creating a project on the first two login sessions, you can still save the project first before you log out of the account.

<figure><img src="https://lh7-us.googleusercontent.com/t3y95nxXremKhw73dHU9nOpC7ZyM93OJ_x5TF9HqLOqDPiTVHlPzv2SksFWKDjNJ4aLrZATH-aszXE-619hqBPuAjveZkVs418ujj0MBUNwcZrFApLorAivp8JCUlJiBHEUp4r-x9vTXuELPzzo2BZo" alt=""><figcaption></figcaption></figure>


# Create 3D/AR Presentations

In this guide, you’ll learn how to design 3D/AR elements to include in your presentation slides! Adding 3D/AR elements makes teaching and learning activities more interactive and engaging!

Note: This guide is only a reference for creating 3D/AR designs. Feel free to explore and customize your 3D objects in Assemblr EDU based on your needs and preferences.

<figure><img src="/files/DDYHI6KkBAogUONRgxOw" alt=""><figcaption></figcaption></figure>

## <mark style="color:blue;">Crafting Clean 3D Objects, 2D Images, and Buttons</mark>

Create an appealing and organized project layout! Learn how to arrange various objects in your project!

<figure><img src="/files/z8UOkO9b8l15mY5LR4Mo" alt=""><figcaption></figcaption></figure>

### ⭐️ See and duplicate project ([here](https://asblr.com/15fa22)) 🔖 Download Kit ([here](https://drive.google.com/drive/folders/1S37N2LcrtRLjLU_CzwZE2YnBpjxKbylO?usp=drive_link))

<figure><img src="/files/I0zqytVZv1N8ibwKwvnK" alt=""><figcaption></figcaption></figure>

### ✅ Neat 3D Objects, Images, and Buttons

* To add description text, use a 2D design platform first, then import it into the Assemblr EDU editor for a clean and polished project.

### ❌ Messy Layouts

* Avoid using 3D text for descriptions—it can result in overlapping and cluttered designs.

### ⭐️ See and duplicate project ([here](https://asblr.com/8335bb)) 🔖 Download Kit ([here](https://drive.google.com/drive/folders/1xLYRV-svER1M-21TAQnKaBHQWbB0UT7Q))

## <mark style="color:blue;">Organizing Text on 3D Objects</mark>

Learn how to organize text on 3D objects in your project to make it look neat!

<figure><img src="/files/E6PjCzQwmYa0vqdV80kD" alt=""><figcaption></figcaption></figure>

### ✅ Use Annotations for Specific Explanations

* To add text to specific parts of a 3D object, use the annotation feature. It keeps your 3D object tidy and highlights detailed sections effectively.

### ❌ Avoid 3D Text for Specific Details

* Using 3D text for explanations can make your design look crowded and unstructured.

### ⭐️ See and duplicate project ([here](https://asblr.com/8335bb)) 🔖 Download Kit ([here](https://drive.google.com/drive/folders/1xLYRV-svER1M-21TAQnKaBHQWbB0UT7Q))

## <mark style="color:blue;">Using 2D Images as Text and Buttons</mark>

Make your project engaging with interactive buttons! Learn how to set up 2D images as buttons in your project!

<figure><img src="/files/3nQTGEVU9yKPfq86NaMa" alt=""><figcaption></figcaption></figure>

### ✅ 2D Images for Descriptions

* Design 2D images as a text description using a graphic design platform. Choose a simple font like "Inter," and export your design as a .png file.

### ✅ 2D Images for Buttons

* Use 2D images as buttons in your project. To keep them always visible, enable the "Always Facing Front" feature.

Note: You can embed links in your design, such as YouTube videos or articles.

### ❌ Avoid Long Text in 3D

* Using 3D text for long descriptions makes it hard to read and disrupts the layout.

Adding Video Files as Supporting Media

### ❌ Avoid Overloading Designs with Videos

* Including too many video files can disrupt the layout and negatively impact your content’s performance.

### ⭐️ See and duplicate project ([here](https://asblr.com/d999df))

## <mark style="color:blue;">“Set Camera” and 2D Image Settings</mark>

Showcase your project interactively! Learn how to set up your project to be viewed from all angles!

<figure><img src="/files/Se2p4myzULjjinJFAhNp" alt=""><figcaption></figcaption></figure>

### ⭐️ See and duplicate project ([here](https://asblr.com/62578d)) 🔖 Download Kit ([here](https://drive.google.com/drive/folders/1ckSqVOP8cdErzs77ZDlddz5LJszFaRlh?usp=drive_link))

### ✅ Optimizing 2D Image Settings

* Ensure 2D image file sizes are below 1MB to prevent errors and maintain project performance after publishing.

### ✅ Use the “Set Camera” Feature

* “Set Camera” adjusts the content’s view when transitioning between scenes, ensuring a smooth flow.

### ❌ Avoid Non-Transparent Backgrounds

* 2D images without transparent backgrounds can interfere with your design and make it look untidy.

### ❌ Skipping “Set Camera”

* Without Set Camera, transitions between objects can feel disjointed and hard to navigate.

## <mark style="color:blue;">Creating Simple Yet Stunning 3D Text and Objects</mark>

Discover how to create simple designs that stand out and stunning!

<figure><img src="/files/5uqpwHNdUOOyLdsWeJ3v" alt=""><figcaption></figcaption></figure>

### ⭐️ See and duplicate project ([here](https://asblr.com/df9a90)) <a href="#lihat-dan-duplikat-proyek-disini-1" id="lihat-dan-duplikat-proyek-disini-1"></a>

### ✅ Use 3D Text for Titles

* Use 3D text for project titles. Adjust the thickness with the "Edit Transform" feature and reduce extrude to keep it sleek. Alternatively, you can import text designs created in other platforms into Assemblr.

### ❌ Avoid Long Descriptions in 3D Text

* Using 3D text for lengthy descriptions leads to cluttered and overlapping designs.<br>


# Designing 3D/AR Environments

Learn how to craft immersive 3D/AR environments!

Note: This guide is a reference. You can customize 3D objects in Assemblr EDU as you like.

<figure><img src="/files/wh585rzZKkx8zXyANCyf" alt=""><figcaption></figcaption></figure>

## <mark style="color:blue;">Panoramic and Dome Backgrounds</mark>

Incorporate domes or panoramic views to create stunning 3D backgrounds with various colors of the sky!

<figure><img src="/files/XIGdBM4edRFhkhQLVvSa" alt=""><figcaption></figcaption></figure>

### ✅ Balancing Colors

* Pick 2–3 dominant colors for a cohesive look.

### ✅ Adding Backgrounds

* Option 1: Use “Dome” or “Panoramic” for a themed background.
* Option 2: Use the background color feature and select complementary hues.

### ✅ Limit 3D Objects

* Include up to 20 3D objects per project. Use 2D images to manage file sizes efficiently.

### ❌ Clashing Colors

* Poor color coordination makes the project less appealing.

### ❌ Dark Backgrounds

* Gray backgrounds can make objects appear dull.

### ❌ Overloading 3D Objects

* Stick to relevant objects that suit your project’s theme, keeping sizes balanced.

### ⭐️ See and duplicate project ([here](https://asblr.com/899d4c))

## <mark style="color:blue;">Designing Isometric 3D Rooms</mark>

Learn how to decorate and arrange your stunning isometric 3D rooms with these tips!&#x20;

<figure><img src="/files/vL77ILKzBtZrCRg30axz" alt=""><figcaption></figcaption></figure>

### ✅ Aligned 3D Objects

* Position objects thoughtfully to make the space visually appealing.

### ✅ Neat 3D Text

* Use minimal extrude for 3D text to avoid overlaps and keep the design clean.

### ❌ Misaligned Objects

* Unorganized objects create a messy appearance.

### ❌ Oversized 3D Text

* Large 3D text can crowd your design and create a chaotic look.

### ⭐️ See and duplicate project ([here](https://asblr.com/1abc5b))


# Create Engaging 3D/AR Illustrations

This guide will help you design stunning 3D/AR projects to enhance your illustrations! By adding 3D/AR elements, your work will become more captivating and interactive.

Note: This is a reference guide for creating 3D/AR. Feel free to get creative with Assemblr Edu’s 3D objects to suit your needs!

## <mark style="color:blue;">Basic Layout</mark>

<figure><img src="/files/NcLRgq30FTABsYQNxXn2" alt=""><figcaption></figcaption></figure>

### ⭐️ See and duplicate project ([here](https://asblr.com/899d4c)) <a href="#lihat-dan-duplikat-proyek-disini" id="lihat-dan-duplikat-proyek-disini"></a>

<figure><img src="/files/KX3yFEraacn6y5Kv2P3L" alt=""><figcaption></figcaption></figure>

### ✅ Layer Your Illustrations with 2D Images

* Arrange your illustrations neatly by splitting the image into separate objects.
* Use .png images with no background to create clean, polished designs.
* Limit the number of images to 30 per project, and ensure each file is under 1MB for smoother performance.

### ✅ Organize Your Layout Properly

* Maintain proper spacing between images to avoid clutter.
* Position each image thoughtfully to ensure a cohesive and balanced design.

### ❌  Choosing the Wrong 2D Images

* Using off-theme or poorly formatted images (e.g., with backgrounds or non-.png files).

### ❌  Messy Layout

* Overlapping or closely packed images can make your project look disorganized.

## <mark style="color:blue;">Create Parallax Projects for Dynamic Effects</mark>

<figure><img src="/files/06Oq6NM6vYLoUVmFnfqY" alt=""><figcaption></figcaption></figure>

### ⭐️ See and duplicate project ([here](https://asblr.com/425d1b))

Design projects with a parallax effect to make your background come alive and create the impression of stepping into a new world. This effect makes your project visually dynamic and immersive!

<figure><img src="/files/xzROOz97gSqzotLfGfl4" alt=""><figcaption></figcaption></figure>

### ✅ Use Thematic 2D Images

* Choose images that match the theme for a cohesive look.
* Use .png files without backgrounds.
* Limit the project to 30 images and ensure file sizes are under 1MB.

### ✅ Align Your Images Neatly

* Arrange images in a straight direction so viewers feel like they’re moving into the scene.
* Maintain consistent spacing between images (front-to-back).
* Preview the project to ensure proper alignment and flow.

### ❌ Poor Image Selection

* Off-theme images, unedited backgrounds, or oversized files can ruin the project’s appearance.

### ❌ Unorganized Layout

* Misaligned or randomly placed images can make your project look chaotic.
* Incorrect spacing can lead to overlapping or gaps between images.
* Skipping the preview step may result in an unfinished or disjointed design.

## <mark style="color:blue;">Dynamic Moving Scenes AR Projects</mark>&#x20;

<figure><img src="/files/Hu5e1pCg4qRmaydRRMZi" alt=""><figcaption></figcaption></figure>

### ⭐️ See and duplicate project ([here](https://asblr.com/92ca24))

Bring your AR projects to life with interactive motion! Perfect for storytelling and creative applications.

<figure><img src="/files/ZiT9VMn09bqJAuTeEVSN" alt=""><figcaption></figcaption></figure>

### ✅ Use Thematic, High-Quality Images

* Select .png images that align with the project’s theme.
* Avoid using more than 30 images, and ensure files are under 1MB.

### ✅ Arrange Projects Neatly

* Use the “Set Camera” feature to create multiple scenes from different perspectives.
* For example, set the scene 1 for the front view, the scene 2 for the right view, and scene 3 for the left view.
* Ensure consistent spacing between images (front-back/left-right).
* Preview your project to ensure everything is aligned and functioning as intended.

### ❌  Incorrect Image Format

* Using images that are off-theme, have backgrounds, or are not in .png format.

### ❌ Disorganized Layout

* Cluttered or overlapping images without clear patterns.
* Unfinished scenes with misaligned camera frames.
* Skipping the preview step, leading to incomplete results.

By following these tips, you’ll create stunning 3D/AR projects that are both visually appealing and interactive!

<br>


# Navigation Bar

On the top of the page, you'll see the **Navigation Bar** to help you navigate your ways in Assemblr Studio.

<figure><img src="/files/UNCQqQTViN2KLb51jFfc" alt=""><figcaption></figcaption></figure>

1. Go to your projects
2. Search and purchase 3D bundles that you need
3. Discover project creations from other users&#x20;
4. Explore any 3D bundles
5. See and top up BLR Coin balance
6. See your account profile and upgrade your account

<figure><img src="/files/0gbTXd5VV2gk5Hft11mK" alt=""><figcaption></figcaption></figure>

If you click your **profile picture**, on the top right in the Navigation Bar, you will see:

1. Your username&#x20;
2. Current subscribed plan
3. Upgrade/manage your plan&#x20;
4. Redeem voucher code
5. View Public Profile&#x20;
6. Account Settings
7. Sign Out&#x20;


# Project Dashboard

Once you're logged in, the first thing you will see is this **Project Dashboard**.&#x20;

<figure><img src="/files/K5DKQsDFHlFLQp3sSk0Z" alt=""><figcaption></figcaption></figure>

Here's what you can do:

1. Head to Custom Marker dashboard
2. Create project with tutorials
3. All project that you’ve created
4. Projects that you’ve published to the public
5. Projects that you made private
6. Your draft projects
7. All your projects that are not duplicable
8. Refresh page
9. Search your project
10. View available storage, markers, and plan information&#x20;
11. Create your project with default or super simple editor
12. Your project

When you click a project, this is what you can do:&#x20;

<figure><img src="/files/XdknOWSSJhUcqtCMX0cy" alt="" width="281"><figcaption></figcaption></figure>

1. Edit project
2. View project
3. Duplicate project
4. Download project
5. Share your project’s link
6. Delete project

When you click a project, this is what you can do:&#x20;

<figure><img src="/files/F2vKHaX0ziLGyw1zbQqe" alt=""><figcaption></figcaption></figure>

1. View the project in 3D
2. Scan the marker of the project right on the web
3. Place the project around your real environment
4. Open the template in the Editor and modify it
5. See projects made by the user


# AR Markers Dashboard

The **AR Markers Dashboard** will be your one-stop section to check everything related to your AR markers!

<figure><img src="/files/vtUg7IX6Absk0OTyor2x" alt=""><figcaption></figcaption></figure>

1. Upload a custom AR markers
2. Your custom markers&#x20;
3. See remaining storage
4. See custom marker quota

If you click on the marker, you can do a few things like:

<figure><img src="/files/jyyTh6sCR6xwJhZrn4MF" alt=""><figcaption></figcaption></figure>

1. Name your custom AR marker
2. Assign the marker to a specific project you've made
3. Change the custom AR marker
4. Update the custom AR marker


# Account Dashboard

Want to edit or see the details of your account? You can head over to your **Profile Dashboard**!

## Account Settings' Section

<figure><img src="/files/xNPvCUXQYydcohUUUKko" alt=""><figcaption></figcaption></figure>

1. Display name&#x20;
2. Username
3. Profile description
4. Your linked email&#x20;
5. Account’s password
6. Linked account
7. Preferred currency for payment
8. Subscribe to Assemblr Email Newsletter
9. Read privacy policy
10. Delete your account
11. Log out account

## 'Plan Usages' Section

<figure><img src="/files/5pv0Mvx8MpS1ZPsZRsxe" alt=""><figcaption></figcaption></figure>

This is your Plan Usages dashboard. In this dashboard, you can view your plan usage details, including your account’s active period, storage capacity, and custom AR marker slots.

Scrolling down, you’ll find various subscription options—whether you prefer a monthly or yearly plan, you can select the one that best fits your needs.

1. View current plan and active period&#x20;
2. Remaining available storage
3. Custom graphic marker quota
4. Package plans and pricing
5. Change currency&#x20;
6. Subscription option
7. Redeem voucher code

## 'Transaction History' Section

<figure><img src="/files/FaRwltekoGyRlAb103DZ" alt=""><figcaption></figcaption></figure>

In this page, you will see the list of invoices of transactions that you have made. You will be informed on which date, invoice id, product type, payment method that you’ve used and your payment status.

View Public Profile

## View Public Profile

<figure><img src="/files/We6xd9TldDFiDm90dbUL" alt="" width="563"><figcaption></figcaption></figure>

If you click View Public Profile, you will be able to see the AR projects that you have created and published. You can click the project to see your finished project or duplicate your own project.


# Marketplace Page

Our marketplace will be an all-in-one hub for you to purchase digital items in Assemblr Studio and Assemblr Spaces (this one's coming soon!).

<figure><img src="/files/xeF4kyrc0aXyH4a1eQ6E" alt=""><figcaption></figcaption></figure>

1. See all categories of 3D bundles
2. View Special 3D bundles
3. View Pro 3D bundles
4. View free 3D bundles
5. 3D bundles you owned
6. View 3D Bundles that have animations
7. Change currency from USD to IDR and vice versa
8. Sort bundles based on the newest & latest release and alphabetical order


# Discover Page

The Discover page is your go-to place for exploring projects created by other users! Find inspiration from these projects and use them as examples for your own ideas, or even duplicate others projects and make your amazing creation with it.

You can search by typing keywords, browsing categories, or even sorting by the latest upload.

<figure><img src="/files/S85pwZYko5VyqTGTkthq" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/hJfzhZmzmSLP3Z2N3H8e" alt=""><figcaption></figcaption></figure>


# Create Project Using Super Simple Editor

{% embed url="<https://youtu.be/ArJhWU-4CqU?si=ra1JtiOFADn8YuhC>" %}

Different from the Default Editor, Super Simple Editor is the simplest editor ever that you can use to create your project. Only in three steps within minutes, you can create your simple yet stunning AR projects for any needs.\
\
This Super Simple Editor is highly recommended for any printed stuff like AR-powered flashcards, invitations, business cards, posters, t-shirt graphics, and many more!

## How to Access Super Simple Editor

To open the Super Simple Editor, you can access the “Your Projects” page, choose “Create Your Creation”, and pick "Super Simple Editor".


# Create Project Using Default Editor

Want to explore your own ideas and make it into AR? You can pour every creative idea of yours and customize it with the Default Editor! Want to know how?

{% embed url="<https://youtu.be/eCiQiFILTZE>" %}

## How to Create AR with Default Editor&#x20;

1. Click Create Your Creation
2. Choose Default Editor
3. Find your 3D objects in 3D Library
4. Choose which object will be on your project
5. Adjust the size and placement
6. You can add Texts and Annotations&#x20;
7. Add background music
8. You can also use Interactivity and Visual Code


# Introduction to Editor

As we've mentioned before, Editor will be your space to create your own AR projects.

If you've created with Assemblr Studio mobile app app before, you'll notice that it basically has the same tools. However, it's much bigger and provides more detailed settings. To start off, let's take a peek at our **Control Guide**!

## Control Guide

<figure><img src="/files/M95UPUv3ljvahXzT3Bme" alt=""><figcaption></figcaption></figure>

## Object List

<figure><img src="/files/xsujI6N3bNtODyLqOo9A" alt=""><figcaption></figcaption></figure>

When there are too many objects in one project, it's fairly possible to get confused while sorting them out. With **Object List**, you can easily sort the list of objects on your project!

{% embed url="<https://youtu.be/_L2yvz4__AY>" %}

Aside from sorting, you can also click on each list to transform or even hide and show your objects on the Editor.

### Killer Shortcut!

**Press 'O'** on your keyboard to make the object list appear. Much faster, it is!


# Super Simple Editor

Want to create AR in only three steps? Super Simple Editor is the answer! It only takes less than five minutes, but you can create a simple yet amazing project with it. Want to know how?

{% embed url="<https://youtu.be/aqV4gNqLVhY>" %}

## How to Create AR with Super Simple Editor

There are 3 simple way to create AR with this feature:&#x20;

1. Choose the AR marker that you want to use.
2. Pick the 3D object that will appear on top or in front of the AR marker.
3. Adjust the size of your object.


# On-Screen Display Settings

## Tutorial Videos

{% embed url="<https://youtu.be/ISsJOmeuIDk>" %}

First off, click the **Video Tutorials** button on the bottom left of the Editor page.

Then, you will see a few tutorial videos that will guide you to create AR projects based on your needs.

You can choose one, and the tutorial video will pop up.

You can simply play the video to see the guide—and when you pause it, the Editor will appear to let you create precisely, step by step.

## Reset Scene Camera

{% embed url="<https://youtu.be/nPure6lN8Tc>" %}

Want to view the display of your project like how it used to? Click the **Settings** button on the bottom left, and click **Reset Camera**. Voilà! Your camera will be reset to normal view.

## Show or Hide Grids

{% embed url="<https://youtu.be/Wr4T6q5x-iw>" %}

Wondering how your project looks like without the grids? Head over to **Settings**, and choose **Show/Hide Grid**! If you want to make the grids reappear, just click on the option again.

## Keyboard Shortcut

{% embed url="<https://youtu.be/I34z9uTbYYM>" %}

Speed lovers, gather up! If you're in a rush while creating, no worries—we've prepared lots of keyboard shortcuts. To check the available shortcuts, simply go to **Settings**, and click **Keyboard Shortcut**.

With this cheat sheet, you can insert or even transform objects, only by pressing one key!

## Show/Hide Collider

{% embed url="<https://youtu.be/C-MroQX7mPU>" %}

A Collider defines the physical space of your object. When one object (the triggering object) touches another, the collider detects the interaction. Essentially, it marks the boundaries of the object, determining when and how it can interact with other objects in your project.

How to look at your collider? Go to Settings, click Show/Hide Collider. Then, you will be able to see the yellow box around your objects, it’s the collider.&#x20;

Want to adjust the collider scale? You can adjust the collider scale by clicking adjust physics collider. You can set your object’s collider by changing the number in scale, or use auto generate, so that your object’s size will be automatically fit!

<br>


# Multi-Select Objects

## How to Select Multiple Objects

<figure><img src="/files/aJWL1m0N2waxPldfz0cU" alt=""><figcaption></figcaption></figure>

If you want to apply the same action on several or all objects in your project, you don't have to select it one by one. Simply click on the **Multi-Select** toggle, and you can drag over the objects that you want.

{% embed url="<https://youtu.be/AwKzWq1NEwA>" %}

Another way to select multiple objects is from the **Object List**. Once you click on it, choose **Multi Select** on the top left of the panel, and you can simply click on the objects that you want to select.

{% embed url="<https://youtu.be/3uUyiu7kwRg>" %}

Once your objects are selected, you can do the same action on them however you'd like!

### Killer Shortcut!

You can **press 'M'** on your keyboard to pop up the Multi-Select toggle!


# Change Background Color

## How to Change Your Background Color

{% embed url="<https://youtu.be/C4cDuEf4reo>" %}

1. First off, click on the icon on the **bottom left** of your editor.
2. Pick the color that you want from the available options.
3. If you want to have more color options, click the **+ button**.

<figure><img src="/files/BXNLS9fwdkCP1cnp2Es8" alt=""><figcaption></figcaption></figure>

4. Here, you can simply pick any color that you prefer!

## Change Project's Backgorund Colour From Scene Settings

{% embed url="<https://youtu.be/Zjfi7xIyDuw>" %}


# Insert 3D & 2D Objects

## How to Insert 3D Objects

{% embed url="<https://youtu.be/SL69gdJ2dIc>" %}

1. Click the **3D Objects** menu.
2. Inside the library, you will see various 3D objects with different categories, ready to use for your projects!
3. To insert the objects, just click on the object of your choice.
4. Your object will appear on the Editor, and you can modify them later.

## How to Import 3D Objects

{% embed url="<https://youtu.be/byK8QvAuZPQ>" %}

1. First up, click the **3D Objects** menu.
2. On the library, click **Your 3D**, and choose **Import 3D**.

⚠️ Before you do this step, make sure you already have your custom 3D objects in hand. Currently, we only support **GLB format.** However, we're now developing the feature, so you can upload any formats soon enough!

3. Import the file from your computer's library. Then, click **Open**.
4. Don't forget to insert the name, set the object scale, and add your object's category.
5. If your object includes an animation, you can choose the default animation.
6. To make it more aesthetic, you can also choose how it appears by setting the object thumbnail. You can set the angle and capture the object, or customize the thumbnail by uploading it from your own computer's library.
7. If you choose to capture the thumbnail, you can also set the pose configurator. Choose the animation that you want, and set the exact frame for the pose.
8. Lastly, time to set the 3D preview! This will be very useful if you sell the object on the marketplace—since this will be the first thing people see before they decide to purchase.

***

## How to Insert 2D Objects

{% embed url="<https://youtu.be/m7VPDVkl5tI>" %}

1. Click on the **Image** menu.
2. Here, you can see different categories of 2D images. To find the object that you want, simply click on each category!
3. Now, if you've picked a category, just click on the object.
4. Ta-da! Your 2D object will appear on the Editor.

## How to Import 2D Objects

{% embed url="<https://youtu.be/Q4zQoJX4TYQ>" %}

1. To import 2D objects, click **Image**.
2. Then, pick the file from your computer's library. Please note that you can only upload images with **.jpg, .jpeg, and .png formats** into your 2D library.
3. That's all! Your images will now show up on your editor.

## How to make 2D Object Always Face Font

{% embed url="<https://youtu.be/NWnO-tPeytU>" %}

Want to make your 2D object always face front from every angle? It’s easy!

1. First off, click your 2D object
2. Then, turn on the Facing Front button
3. Now, your object will always face the front from any camera angle

### Killer shortcut!

Alternatively, you can also import 2D objects—as simple as **dragging the files from your computer's library into the Editor**!


# Insert Texts & Annotations

## How to Insert 3D Texts

{% embed url="<https://youtu.be/ueLwY_4HJA4>" %}

1. To start off, click **Text**.
2. Type in the text that you want to display.
3. Next, you can also set the font type, extrude\* level, and color of your text! To place your text, click **Place**.

***\*Extrude is an illusion to give an extruding effect into your 3D text.***

4. On the Editor, you can also modify your text by using our [Transform tools](/assemblr-studio-editor/transform-tools-on-editor)!

## How to Insert Circle Annotations

{% embed url="<https://youtu.be/mVju1TLxdGc>" %}

1. First off, click **Text**.
2. After that, choose the **Annotation** option, and pick the **Circle** type.
3. Add the description of your annotation. Then, you can also choose to change your annotation's label.
4. To change your label's color, just click on the color palette! However, if you already have a specific color in mind, you can also insert the HTML color code. Next, click **Place**, and you can click anywhere to make your annotation appear!
5. If you want to edit the details of your annotation, just click on it. You can edit them right away.
6. Before you publish your project, you might also want to view how your annotation looks like. To do so, you can preview your project first.

## How to Insert Line Annotations

{% embed url="<https://youtu.be/G6jPPPm4taM>" %}

1. To start off, click **Text**.
2. After that, choose **Annotation**, and click the **Line** type.
3. Type in the title and description of your text. Then, choose where you want the annotation to appear. Once you're done, click **Place**!
4. Now, let's pick a specific object target, and click on it.
5. Click on the annotation to edit the details.
6. Once you're done, you can take a preview of your annotation.

## How to Insert Sticky Annotations

{% embed url="<https://youtu.be/IOVDkaZnz7I>" %}

1. First off, click the object where you want to insert a Sticky Annotation
2. After that, click Sticky Annotation
3. Choose Line Annotation
4. Then add a title to the annotation
5. Enter the annotation text
6. Select the line type
7. Click Place
8. Tap on the specific area where you want to place the annotation
9. Now, the Annotation stick to your object


# Insert Videos & Audio

## How to Insert Videos

{% embed url="<https://www.youtube.com/watch?v=nrp9batARSU>" %}

First off, click **Video**. Then, choose "**Browse Video File**" to upload your own videos.

You can insert **any videos** that you want, even **green screen videos**.

⚠️ Make sure your audio file already matches with our formats:

* Max. file size: **50 MB**
* Max. resolution: **720p**
* Video format: **MP4**

If you're all set, you will be directed to the sudah **Video Preview & Thumbnail Preview** page.

<figure><img src="/files/NVR2vgPqYZtt8EJDrNSa" alt=""><figcaption></figcaption></figure>

Here are a few things that you can do:

1. Video title: Change your video title.
2. Slider video: Choose the *thumbnail* by sliding the time slider.
3. Change video: Change your video.
4. Submit: Save your video in the library.

After that, your video will be displayed on the Editor page. Then, you will see three modes that you can choose based on your needs:

<figure><img src="/files/SMfBaGoezDenghqGgBuY" alt=""><figcaption></figcaption></figure>

1. **Auto Play**: When you open your project, the video will play automatically.
2. **Looping**: Your video will play repeatedly.
3. **Green screen video**: Only for green screen videos.

To remove your green background, you can simply adjust the cut-out level according to the looks that you want.&#x20;

<figure><img src="/files/VB4PnYbwkxROOh4VSlOg" alt=""><figcaption></figcaption></figure>

Last but not least, you can set the video position and size using the **Transform tools** or the **panel on the right**.

***

## How to Insert Audio

{% embed url="<https://youtu.be/LsyVTysrY4U>" %}

To start with, you can head to **Audio**.

In Assemblr Studio, you can insert two different audio types: **BGM (background music) and SFX (sound effects)**. For the SFX one, it's also a part of the [Sound Effect Interactivity](/assemblr-studio-editor/interactivity-feature/media-video-control-and-sound-effect).

<figure><img src="/files/DLOhujXzki3bPv0ErOj1" alt=""><figcaption></figcaption></figure>

If you want, you can find and use the audio files from our library—they're free!

However, if you want to upload your own, we also provide you the option for that. Simply click on the **Browse Audio File** option, and you can import your own audio files in **MP3.**

<figure><img src="/files/GP7jrulpjkqnmeGcLapH" alt=""><figcaption></figcaption></figure>

Once you add the audio, you can do further settings for your BGM or SFX—be it **volume adjustment**, where the audio will be played (BGM only), and **looping options**.

<figure><img src="/files/fGHY9pUrYjij1wZQfG0z" alt=""><figcaption></figcaption></figure>

If you're done, click **Place**. You can do the settings on the right panel, or even change your audio—just in case you want to modify it.


# Transform Tools on Editor

{% embed url="<https://youtu.be/0yIcasD8NiE>" %}

In the Editor, you can transform your objects the way how you want to—be it the shape, position, or other transformation options.

And the good news is, our **Transform Tools** are really easy to operate. It's super simple, all in a few steps.


# How to Move Objects

{% embed url="<https://www.youtube.com/watch?feature=youtu.be&v=o5cQ7mnWE2Q>" %}

To move your object, all you need to do is simply click on it. Then, choose **Move**. You can move it by using the gizmos or setting it manually on the right panel.


# How to Rotate Objects

{% embed url="<https://youtu.be/9N7SR_WRaX0>" %}

Rotating objects is also made simple. Just click on the object, and choose **Rotate**. Adjust it along with the gizmos, or you can also set it manually on the right panel.


# How to Scale Objects

{% embed url="<https://youtu.be/RTBKnCIZLYw>" %}

Just like moving and rotating objects, scaling objects is also pretty much the same! To do so, click on your object, and choose **Scale**.

To make the object smaller, slide it to the left. And if you want to make it bigger, slide it to the right! Alternatively, you can also use the panel on the right to set the size manually.


# How to Duplicate Objects

{% embed url="<https://youtu.be/9HjYnI0Av1U>" %}

Want to make a copy of your object? Simply click on it, and click **More**. Then, choose **Duplicate**. You can move, rotate, or scale it however you'd like!


# How to Mirror Objects

{% embed url="<https://youtu.be/w2RZDIgqEE4>" %}

Like duplicating objects, mirroring objects also has the same steps. Click on your object, choose **More**, and click **Mirror**! You can mirror it along the X (left or right), Y (up or down), and Z axis (front and back).


# How to Copy Objects to Another Scene

{% embed url="<https://youtu.be/gT53s1xEXmE>" %}

To copy your object to another scene, click on the object. After that, click **More**, and choose **Copy To**. Lastly, don't forget to pick the scene where you'd like your object to appear.


# How to Delete Objects

{% embed url="<https://youtu.be/7pmKZALsi7M>" %}

To delete, click on your object. Then, choose **More**, and click **Delete**. Your object will be deleted right away!

## Killer shortcut!

Alternatively, you can simply delete the objects by **pressing Delete on your keyboard**!


# How to Edit Objects on the Transform Panel

{% embed url="<https://youtu.be/VDMrtbwx-eg>" %}

First off, click your object. On the right panel, you'll see the **Transform panel**.

You can **name, move, rotate, or even scale** your objects using the number you input manually.

<figure><img src="/files/YMluskkxI6pahTlKAmo3" alt=""><figcaption></figcaption></figure>

1. Name your object.
2. Move your object; functions like Move.
3. Rotate your object; functions like Rotate.
4. Make your object bigger or smaller; functions like Scale.


# How to Change Objects on the Transform Panel

{% embed url="<https://youtu.be/cZeoCE0qxyI>" %}

To change your object, simply click on the object that you want to change—and on the right panel, there's the **Change Object** option.

Click **Browse**, and you will be directed to either the 2D or 3D library to replace it with the object that you want.

However, please note that changing objects are **only available for 2D and 3D objects**—and you can only **change it with the same type**. For example, you can change **2D with 2D only**, and that also applies to **3D objects**.


# Scene Feature

## What Is Scene?

{% embed url="<https://youtu.be/1pQTc1zUpa4>" %}

Scene is a feature that helps you create interactive presentations, so you can deliver your information better in slides.

Each slide can contain different objects, and you can arrange the order of the slides chronologically.

## Scene Settings

<figure><img src="/files/CJszFt598Mo6V3QxB2aZ" alt="" width="330"><figcaption></figcaption></figure>

If you want to set your scenes, you can go to the **Scene Settings**! To do so, simply click on the thumbnail of the scene, and you're going to see the panel on the right.

In this panel, you can edit the name of your scene, add some description, change the scene's background color, upload your scene's thumbnail, adding interactivity or even hide the thumbnail.


# How to Add, Duplicate, and Remove Scenes

{% embed url="<https://youtu.be/htlpbz256lw>" %}

To add your scene, you can click on this button, and another scene will be added automatically.

Meanwhile, to duplicate or remove your scene, just click on the **two-dot button**!


# How to Set Scene Camera

{% embed url="<https://youtu.be/0EyjIt22ZA4>" %}

First up, you gotta set how the point of view of the camera looks like. After that, click on the **two-dot button** on the scene, and then choose **Set Camera**.

If you want to reset it, you can click the two-dot button again, and choose **Clear Camera**. You can reset the perspective, and if it's all set, click **Set Camera**.


# Interactivity Feature

## What Is Interactivity?

{% embed url="<https://youtu.be/giq4fhuo2wA>" %}

Interactivity allows you to add **interactive animation effects to your objects**, so your creation will appear much more impressive.

All you need is to set the trigger and target objects, choose the interactive animation type that you want, and you're good to go.

## Interactivity Pane

You can see all your interactivity actions on the **Interactivity Pane**. It’s an all-in-one pane, and you can arrange a few quick things here!

<figure><img src="/files/cYOTXFimTw6oaCNy4D2D" alt=""><figcaption></figcaption></figure>

1. Play the preview of your interactivity action.
2. Sort your interactivity actions based on their start time.
3. Insert the start time of your interactivity action.
4. Insert the duration of your interactivity action.
5. Head to the Interactivity Settings pane.
6. Add new interactivity actions.

### Pro Tip

On your trigger object, **you can** **add more than one interactivity action**! However, make sure that they’re not too much, so they won’t overlap and will be more seamless.

## How to Create Projects With Interactivity

<figure><img src="/files/jiG7G7keTElXBYOH0Q6n" alt=""><figcaption></figcaption></figure>

On the settings, you can start with naming your interactivity actions. This will be very helpful to differentiate one action among the other ones.

<figure><img src="/files/WrXc8he7RgxFi27QN21T" alt=""><figcaption></figcaption></figure>

To make more mind blowing interactivity, you can decide the trigger and target object as well. The trigger and target can either be the same or different objects. It’s up to your liking!

The logic is: when you click or tap on the trigger object, it will trigger the target object to act based on the interactivity action you add.

Every interactivity action also comes with the advanced settings. You can set up the start time, duration, and easing of your interactivity; except for the Open URL action.

### Pro Tip

Oftentimes, **start time and duration** play a huge role for your interactivity actions. Make sure that you set them right according to your needs, so the animations won’t overlap with each other.

<figure><img src="/files/iivSln8wwVLsO1eMzVcd" alt=""><figcaption></figcaption></figure>

1. Determine the time your target object starts to react after you click or tap on it.
2. Determine how long your target object will react.
3. Specify the motion of your target object, so at some points, it may accelerate or decelerate.


# Animate (Move, Rotate, Scale, Animation)

## How to Move Objects With Interactivity

{% embed url="<https://youtu.be/BB6orx-6Vr8>" %}

First off, click on your **trigger object** -> choose **Add Interactivity** -> click **Move**.

After that, you can determine the direction. If you can’t find any directions to use, you can also customize the direction by clicking on the **Custom option**.

Then, change your action name, select your target object, and determine the moving distance. The bigger number you set, the further your object will move!

Don’t forget to set the advanced settings, and if you’re all set, click **Apply**!

## How to Rotate Objects With Interactivity

{% embed url="<https://youtu.be/bRsOwtIuOKA>" %}

Start with clicking your **trigger object** -> choose **Add Interactivity** -> click **Rotate**.

Then, choose the direction of rotation. Again, you can choose **Custom** if you want to customize the direction.

Moving on, you can change your action name, select your target object, and determine the rotation degree.

Set up your advanced settings, and click **Apply** to finish up!

## How to Scale Objects With Interactivity

{% embed url="<https://youtu.be/ulK2plti_nY>" %}

First up, click your **trigger object** -> choose **Add Interactivity** -> click **Scale**.

After that, choose your scale direction. If you want to make the object smaller, choose **Scale In**. Meanwhile, if you want to make the object bigger, pick **Scale Out**. The **Custom** option is also available, so you can customize your scale direction.

Then, change your action name, select your target object, and select the amount of scale that you want.

One last thing! You can do a few advanced settings, and once you’re done, click **Apply**.

## How to Play Animation With Interactivity

{% embed url="<https://youtu.be/IDFaWiNAt1Q>" %}

Before you dive further, the Animation Interactivity is only applicable for objects that **include more than one animation**. So, make sure to check your object to use this one.

To start with, click on your **trigger object** -> choose **Add Interactivity** -> click **Animation**.

After that, you can see three different playback modes.

1. **Loop**: Your animation will go on from start to finish, and then go on repeat.
2. **Once**: Your animation will only play once from start to finish.
3. **Ping pong**: Your animation will go on from start to finish, go back to the start again, and then go on repeat.

Next, you can name your animation to differentiate it from other actions, select the object to be animated, and choose the animation that you want to play.

If you want to, you can also do the advanced settings—and once you're all set, click **Apply**.


# Visibility (Hide & Show)

## How to Hide or Show Objects With Interactivity

{% embed url="<https://youtu.be/o3fJL3M8cUs>" %}

The first thing to do is click on your **trigger object** -> choose **Add Interactivity** -> pick your actions. If you want to show your object, choose **Show**. But if you choose to hide your object, simply pick **Hide**.

Then, change your action name and select the target object that you want to show or hide.

Do a quick advanced settings, and click **Apply** when you’re finished!


# Jump Up (Switch Scene & Open URL)

## How to Switch Scene With Interactivity

{% embed url="<https://youtu.be/t37kuwWWXmw>" %}

First off, click on your **trigger object** -> choose **Add Interactivity** -> click **Switch Scene**.

After naming your action, you can pick the scene that you want to switch with.

Once you’re done, move on to the advanced settings, and click **Apply**!

## How to Open URL With Interactivity

{% embed url="<https://youtu.be/sTPmTJv3Ey8>" %}

Click on your **trigger object** -> choose **Add Interactivity** -> click **Open URL**.

Then, the steps are much easier and simpler!

All you need to do is change the action name, and then paste the target URL. So, when people click or tap on your object, it will direct them to the link that you already set with. Then, click **Apply**!


# Media (Video Control & Sound Effect)

## How to Control Your Videos With Interactivity

{% embed url="<https://youtu.be/B_CEzxKh6X8>" %}

First off, click on your **trigger object** -> choose **Add Interactivity** -> click **Video Control**.

To make this interactivity work, make sure that your creation has at least one object and one video.

That’s because when you click or tap on an object, you can trigger the video to either **play, pause, or stop**—based on the action that you choose.

Once you’ve picked your action, you can change your action name and select the target video.

Before clicking **Apply**, make sure to also set the advanced settings. That’s it, you’re all set!

## How to Insert Sound Effects With Interactivity

{% embed url="<https://youtu.be/nKVLxCDngjE>" %}

To start with, click on your trigger object, choose **Add Interactivity**, and click **Sound Effect**.

Then, you can name this interactivity action to differ it from other interactivity actions, and click **Add Audio** to choose the sound effects (SFX).

You'll be directed to the **Audio library**, and you're free to use the SFX provided or even upload your own.

Once you've chosen the SFX, click **Place**. Then, you can do quick advanced settings to set your start time.

If you're all set, click **Apply**!


# Interactivity On Scene Enter

{% embed url="<https://youtu.be/3poK-VEkOpU?si=m5SEI59kqhvDPqLb>" %}

Create animations and interactions that start when the scene begins with On-Scene Enter Interactivity! Want to know how?

1. First off, Click the scene.
2. Next, Click On-Scene Enter
3. Set the action you want
4. Adjust the object's movement
5. Choose the desired direction
6. Set the target and position
7. Use advanced settings to adjust the duration
8. Click *Apply*
9. Now, your interactivity will start as the scene begins


# What is Visual Coding?

Custom AR markers are AR markers that are in the form of customized graphics or visuals.

{% embed url="<https://youtu.be/YpwOecJytGk>" %}

This includes any graphic designs—including book covers, posters, invitations, sticker designs, t-shirt designs, and more. Basically, anything with a design will fit as a custom AR marker!

To pop up AR contents above custom AR markers, you can simply scan the markers with Assemblr Studio mobile app or even on your web browser.

## What Is an Ideal Custom AR Marker Like?

<figure><img src="/files/BBIddyLkjHzmlArWgnop" alt=""><figcaption></figcaption></figure>

### **Rich details**

Your marker should have a **unique graphic**. This means you can include **visuals and even texts**. Some of the good examples will be groups of people, mixtures of items, and street scenes. However, while these are good, make sure that there’s no repetitive pattern!

### **Great in contrast**

The color also contributes to your marker. If your graphic includes **bright and dark colors**, they’ll simply work well as a custom AR marker.

### **Proper format & size**

When saving your custom AR marker, it must be saved in **8- or 24-bit PNG and JPG formats.** Make sure to also save it **less than 2 MB** in size, and the **JPGs must be RGB or grayscale**.

### **Appropriate surface & materials**

If your graphic—or in this case, custom AR marker—will be printed later, make sure to **not use glossy papers as the materials**. They might reflect lights—and this will be a main reason why your AR is flickery.

Also, if you happen to attach it somewhere, please stick it on a flat surface to be able to detect better. Don’t let it be on a curved or bendy one.&#x20;


# How to Insert Custom AR Markers from the Editor

{% embed url="<https://youtu.be/-H9WaIzGdAA>" %}

The most basic thing for you to add custom AR markers is to **insert it right away on the Editor**.

To do so, choose the picture button on the bottom left, and upload your marker from the computer's library.

Once uploaded, you can choose whether to show or hide your marker on the Editor, simply by clicking the **eye button**!


# What Is Custom AR Marker?

Custom AR markers are AR markers that are in the form of customized graphics or visuals.

{% embed url="<https://youtu.be/YpwOecJytGk>" %}

This includes any graphic designs—including book covers, posters, invitations, sticker designs, t-shirt designs, and more. Basically, anything with a design will fit as a custom AR marker!

To pop up AR contents above custom AR markers, you can simply scan the markers with Assemblr Studio mobile app or even on your web browser.

## What Is an Ideal Custom AR Marker Like?

<figure><img src="/files/BBIddyLkjHzmlArWgnop" alt=""><figcaption></figcaption></figure>

### **Rich details**

Your marker should have a **unique graphic**. This means you can include **visuals and even texts**. Some of the good examples will be groups of people, mixtures of items, and street scenes. However, while these are good, make sure that there’s no repetitive pattern!

### **Great in contrast**

The color also contributes to your marker. If your graphic includes **bright and dark colors**, they’ll simply work well as a custom AR marker.

### **Proper format & size**

When saving your custom AR marker, it must be saved in **8- or 24-bit PNG and JPG formats.** Make sure to also save it **less than 2 MB** in size, and the **JPGs must be RGB or grayscale**.

### **Appropriate surface & materials**

If your graphic—or in this case, custom AR marker—will be printed later, make sure to **not use glossy papers as the materials**. They might reflect lights—and this will be a main reason why your AR is flickery.

Also, if you happen to attach it somewhere, please stick it on a flat surface to be able to detect better. Don’t let it be on a curved or bendy one.&#x20;


# How to Insert Custom AR Markers from the Editor

{% embed url="<https://youtu.be/-H9WaIzGdAA>" %}

The most basic thing for you to add custom AR markers is to **insert it right away on the Editor**.

To do so, choose the picture button on the bottom left, and upload your marker from the computer's library.

Once uploaded, you can choose whether to show or hide your marker on the Editor, simply by clicking the **eye button**!


# How to Insert Custom AR Markers from AR Marker Dashboard

{% embed url="<https://youtu.be/7WyNOw6W7t8>" %}

Alternatively, you can also insert the custom AR markers **from AR Marker Dashboard**!

Simply click **Add Custom Marker**, choose the file to pick the image you want as a custom AR marker, name the marker, and then choose which project that you want to assign the marker to. After that, click **Upload**, and you're done.


# How to Purchase Custom AR Markers

If you have a free account, you will get **one custom AR marker slot**—which you can use straight for free.

However, if you want to have more slots, you can purchase additional custom AR markers; be it by [subscribing to our plans](/plans-and-pricing/assemblr-studio-subscription-plans)—which you will get automatically based on the specifications of each plan, or buy the slots separately.

{% embed url="<https://www.youtube.com/watch?v=5kaFspg0qww>" %}

To purchase your separate custom AR marker slots, follow these steps:

1. Head to [AR Markers](/assemblr-studio-main-menu/ar-markers-dashboard) Dashboard.
2. On your custom marker quota indicator, click on the + button.
3. Set the amount of your custom AR markers that you want, and purchase with your preferred payment method.

P.S. If you have a voucher code, you can also redeem it!

4. Once you're all set, click **Purchase**!


# How to Preview Your Project

{% embed url="<https://youtu.be/jHaFwoM3g4E>" %}

After checking your project's performance, time to see the preview before you publish. Click on this eye button, and you'll be able to preview the project right away.


# How to Publish Your Project

{% embed url="<https://youtu.be/wwG0cIG6nFw>" %}

If you've got your project all set, time to publish it! Click **Publish**, and capture your thumbnail first for people to see the preview of your project.

### Project Information

<figure><img src="/files/5uijnMWv3h5UQ6YsWi2D" alt=""><figcaption></figcaption></figure>

Next, you'll be directed to this panel. Here, you can recapture the thumbnail if you're not satisfied, or even upload it from your own library.

You can also fill in the details, starting from the title, description, to project's category. Once you've filled them all, click **Next**.

### Publish Settings

<figure><img src="/files/qU1pR8Rb8hK9pdGDgnZV" alt=""><figcaption></figcaption></figure>

On the **Publish Settings** section, you'll be able to set a few things.

First off, you can choose how people enjoy your project—be it in a **3D or AR view**. For the latter one, you can choose to **pop up the AR** either with an **AR marker** or **around your real environment**.

Furthermore, for the AR marker one, you can choose whether your project will appear **horizontally or vertically**. As for the real environment, you can also turn on the **real-world scale**, so it will appear in a realistic scale according to the size that has been set.

After that, you can also choose to publish it for **public or private**, as well as **hiding the watermark & project information**.

However, if you want to publish project privately or hiding the watermark & project information, you can simply subscribe to our plan

And that's it! Your project has been successfully published!


# Share Project's Link

{% embed url="<https://youtu.be/H9La-YCOR-k>" %}

To get your project's link, you can simply click on the link on the **Share Project** panel, and it will be copied right away. Alternatively, you can also share it right away on your social channels like Twitter and WhatsApp.


# Share Project's Embed Code

{% embed url="<https://youtu.be/YrwSd2zJhF4>" %}

On your **Share Project** panel, click on the **Embed Code** option.

Then, you can modify how you want your project to appear later—such as the size and the information of your project. If you're done, just click the **Copy Embed Code** button.

After that, you can simply embed the code into your blog or website, so everyone can view the 3D visualization of your project.


# Share AR Markers

{% embed url="<https://youtu.be/kGl3YmhSjME>" %}

On your **Share Project** panel, click **AR Graphic Marker**.

Once you're done, you can choose either to generate a QR or custom AR marker. If you want to download the QR, simply click **Download QR**.

If you feel like you want to [insert custom AR markers](/custom-ar-markers/what-is-custom-ar-marker), you can also choose to do so. Simply click on **Insert Custom Marker** button, and you'll be directed back to the Editor to upload your custom AR marker.

Your marker will be downloaded straight to your computer's library! Feel free to send it to everyone right away, or print and attach it on posters, books, or anything else.


# Embed in Canva

{% embed url="<https://youtu.be/YAJRthLHpyY>" %}

On your **Share Project** panel, click **Embed in Canva**.

After that, you can simply copy the URL provided by us, and then paste it anywhere to your Canva project's Editor.

What's left is to share your Canva project. For this one, make sure to share your Canva project's **view-only link**, so everyone can see your embedded content.

{% embed url="<https://www.youtube.com/watch?v=JEPhiiu7V80>" %}


# View on Web Browser

{% embed url="<https://www.youtube.com/watch?t=2s&v=mgmya6Z-nS4>" %}

You can simply view your projects right on your web browser with our **Web AR feature**.

This means that you can view your projects **without having to download the Assemblr Studio mobile app** in the first place. You can enliven your projects in 3D view, pop up your AR markers, or even make it appear in your surrounding.

## View 3D Projects

{% embed url="<https://youtu.be/JIfwFY--prA>" %}

To view your 3D projects on the web browser, you need to open your project's link first. Once it's opened, choose "**View in 3D"**.

You can view the projects straight in 3D experiences! Aside from that, our 3D view is also seen when you embed projects on Canva or other websites.

## Scan With AR Markers

{% embed url="<https://youtu.be/HYFgp5MjuUE>" %}

First off, you can start by opening your project's link on the web browser—using your mobile device.

After that, make sure to choose the **Scan Marker** option. The AR marker could be the QR marker or even your custom AR marker.

Then, time to point your camera toward the AR marker, wait for a few seconds, and your AR will appear right on top or in front of your AR marker!

## Scan Your Surrounding (AR Markerless)

{% embed url="<https://youtu.be/QTDzJb75Ab0>" %}

Just like the AR markers, you can open your project's link first on the web browser, using your mobile device.

Next, choose the **Place It in Your Room** option, and then point your camera towards your surroundings.

After a few seconds, the AR contents will pop up right around you!


# View on Assemblr Studio App

Just like the Web AR feature, you can pop up your projects in three options: **3D view, AR markers**, or even make it **appear around you (markerless)**.

Basically, you can start with opening the project, and then you will see the three buttons that look like this:

<figure><img src="/files/foWg3zbZUoQJkB8u3RST" alt=""><figcaption></figcaption></figure>

You can choose which one that you prefer the most, and for the steps, you can basically refer to the [How to View Projects on Web Browser](/view-projects/view-on-web-browser) section.


# What Is Assemblr Marketplace?

<figure><img src="/files/OiaIo7iL30972jFjQ1RG" alt=""><figcaption></figcaption></figure>

Assemblr Marketplace is an all-in-one hub where you can **find and purchase various digital items** in the Assemblr ecosystem.

You can purchase Pro & Special 3D bundles, and soon enough, you can also purchase virtual spaces and avatars & its accessories on Assemblr Spaces.

## Free, Pro, and Special 3D Bundles

As you can see on the marketplace, there are 3 different options provided: **Free, Pro, and Special bundles**. What are their differences?

**Free bundles**—as the name suggests—are bundles that you can use for **free**. Pro and Special bundles are made available for purchase, but both of them has a major difference.

**Pro bundles** are exclusive 3D bundles made by the **Assemblr team**—meanwhile **Special bundles** are exclusive 3D bundles made by **brands or IPs all over the world**.

## How to Purchase from the Marketplace

{% embed url="<https://youtu.be/GJBJitKkQK4>" %}

There are a few payment options to purchase your favorite items. You can either pay with BLR Coins (a digital currency in the Assemblr ecosystem), credit/debit cards, bank transfer, QRIS, or redeem the bundles with vouchers.


# Assemblr Studio Subscription Plans

In Assemblr Studio, we offer you [**four subscription plan models**](https://www.assemblrworld.com/pricing).

<figure><img src="/files/NrKiuiVToCeP1OeJoBhk" alt=""><figcaption></figcaption></figure>

Each plan will offer you additional custom 3D & audio storage, custom AR marker slots, access to our Pro items (3D bundles, audio, and templates), and many other benefits. However, each plan will have different specifications.

Once you've decided on which plan to purchase, you can proceed to choose the payment method that you prefer.

<figure><img src="/files/8jhhxcq0ETDWGiRsvQ0h" alt=""><figcaption></figcaption></figure>


# BLR Coin

<figure><img src="/files/jCdCbaOgrgx5GkkpvvX5" alt="" width="525"><figcaption></figcaption></figure>

Among other payment methods provided by us, you might notice BLR Coin as one of the alternatives. If you're wondering what it is and how to use it, here's the detail you need to know.

## What Is BLR Coin?

BLR Coin is Assemblr's official digital currency to purchase various digital items on the Assemblr Studio and Assemblr Spaces—such as 3D bundles, avatar accessories, spaces, and other micro transactions.

To acquire your BLR Coins, you can simply top up your own BLR Coins balance on Assemblr Studio—and you can proceed to the payment methods that we provide.

## What Can You Purchase With BLR Coin?

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td></td><td></td><td>Pro 3D bundles (Assemblr Studio) -> image diganti nnti</td><td><a href="/files/DWgHaRraTjceHIIxHMOn">/files/DWgHaRraTjceHIIxHMOn</a></td></tr><tr><td></td><td>Avatars (Assemblr Spaces) -> image diganti nnti</td><td></td><td><a href="/files/46szvyRmbahDWhdJJ4mZ">/files/46szvyRmbahDWhdJJ4mZ</a></td></tr><tr><td>Avatar Accessories (Assemblr Spaces) -> image diganti nnti</td><td></td><td></td><td><a href="/files/c7eVP0OZdG97L1CMGIfy">/files/c7eVP0OZdG97L1CMGIfy</a></td></tr><tr><td><p></p><p>Virtual Space Rent/Purchase (Assemblr Spaces) -> image diganti nnti</p></td><td></td><td></td><td><a href="/files/KPcQ4PdkKfaI9psxxNC0">/files/KPcQ4PdkKfaI9psxxNC0</a></td></tr></tbody></table>


# How to Redeem Vouchers

In Assemblr Studio, you can unlock Pro & Special bundles, or even get discounts for your plans by redeeming vouchers—which you can get through our events, marketing promotions, and many other media.

## Redeem on Marketplace or 3D Library

{% embed url="<https://youtu.be/3dCsE96PEz8>" %}

On the **Marketplace page or 3D Library**, click on any Pro or Special 3D bundle that you want to unlock.

Once you're in, you will see various payment methods on your right. To redeem your voucher, choose **Unlock Using Voucher**.

Here, you can type in your voucher code. Check it once again, and if you're all set, click Proceed.

## Redeem on Profile

{% embed url="<https://youtu.be/_K29RKWjtr0>" %}

First off, click on your profile picture on the top right of Assemblr Studio—and then choose **View Profile**.

Next, click on the **Redeem Voucher Code** button, and input your voucher code to redeem.

Once you're done, click Proceed, and your premium items will be claimed automatically!


# Assemblr Studio Editor Updates - Jun 2025

New Updates on Editor!&#x20;

### 3D Text Revamp

<figure><img src="/files/siFRkjWx9zCOvf3P7Qe0" alt=""><figcaption></figcaption></figure>

3D text design and usability improved!

* 3D text shapes are now smoother, and the speed of adding text has been enhanced, so you can type faster than ever.&#x20;
* You can now use the Enter key to easily add multiple lines.
* Fixed an issue where the 3D text shading would disappear when changing the font or color.
* Additional updates: smaller default text size, a new standard font, and an updated default color.

### Additional Improvement on the User Experience

<figure><img src="/files/yKS9vpI0U74dxKuhSJUZ" alt=""><figcaption></figcaption></figure>

Additional improvement to enhance your editing experience!&#x20;

* The snap button is now tucked neatly under the collapsible section.
* Moved the delete icon to the front for quicker access.&#x20;
* Annotations now appear in this order: line first, then circle.&#x20;
* 3D assets now show object names instead of long IDs.&#x20;
* Changed the icons of "group" and "import 3D" for better consistency.
* Renamed the “Add Group” button into “Create Group”.&#x20;
* The publish icon now takes the shape of an airplane.
* Clicking on a scene thumbnail now opens the scene settings directly, and you can hide thumbnails with a new toggle in the scene pop-up.

### Editor Functionality Improvements

<figure><img src="/files/tIJGodBcYiGNAPavPIR3" alt=""><figcaption></figcaption></figure>

Editor functionality improvements to boost your workflow!&#x20;

* Added some shortcut directories: D to quickly duplicate objects, V to show or hide the visual coding pane, G to toggle the grid, and C to show or hide colliders.&#x20;
* Multi-select upgrade: adding individual bounding boxes for each selected object, and you can access our new group creation menu with ease.&#x20;
* Added orthographic view controls (top, left, right, back, front, bottom) to navigate your scene more precisely.&#x20;
* Consistent camera position between Editor and Preview.
* New button of **Show Bundle** right under the Change Object button for faster access to other 3D assets from that bundle.&#x20;
* Added a storage indicator in the 3D upload section to help you keep an eye on your file usage.

### Customization & Settings

<figure><img src="/files/ciGLEVWnkklx6c3Qc2yh" alt=""><figcaption></figcaption></figure>

More ways to personalize your immersive 3D/AR projects!&#x20;

* Added HDRI or custom background options.&#x20;
* Editor Guide is now automatically follows your selected language settings.

### Minor Enhancements

<figure><img src="/files/AlxT6maE6iSmscvelAy1" alt=""><figcaption></figcaption></figure>

Additional minor enhancements to make your editor experience even smoother!&#x20;

* Wider the description text box in the inspection pane.
* Fixed the “has animation” filter on 3D library.
* Added some fun new loader with tips and fun facts about the editor.

<figure><img src="/files/THxlrqgv8S8Rgiyf6P2Z" alt=""><figcaption></figcaption></figure>

It’s time for you to go and try it yourself!

Visit[ studio.assemblrworld.com](http://studio.assemblrworld.com/) and create amazing projects with our improved version of editor.


# Halo!

<figure><img src="/files/DtS0wVJB0jb03G188z3x" alt=""><figcaption></figcaption></figure>

**Selamat datang di Panduan Singkat Assemblr Studio!**

Melalui panduan ini, kamu akan mendapatkan cara-cara yang kamu perlukan untuk membuat proyek dan menguasai Assemblr Studio.

Untuk memulai, kamu bisa **klik menu-menu di bawah ini**, ya!

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Pengenalan Assemblr Studio</strong></td><td></td><td></td><td><a href="/files/y2Wk1vBpt8h7KcVUr3b5">/files/y2Wk1vBpt8h7KcVUr3b5</a></td><td><a href="/pages/dn9RZnJWHFcvRfN6xwvC">/pages/dn9RZnJWHFcvRfN6xwvC</a></td></tr><tr><td><strong>Menu Utama Assemblr Studio</strong></td><td></td><td></td><td><a href="/files/AVFUvojY47foKQ64ZyKl">/files/AVFUvojY47foKQ64ZyKl</a></td><td><a href="/pages/90FMDhaHJy5bs10rtfP2">/pages/90FMDhaHJy5bs10rtfP2</a></td></tr><tr><td><strong>Editor Assemblr Studio</strong></td><td></td><td></td><td><a href="/files/MwO0lGO34rRVqqQR03y8">/files/MwO0lGO34rRVqqQR03y8</a></td><td><a href="/pages/QHP3z5WUOYR2vk6O70i6">/pages/QHP3z5WUOYR2vk6O70i6</a></td></tr><tr><td><strong>Cara Membuat Proyek</strong></td><td></td><td></td><td><a href="/files/tL9Hr2BpdgS6aKEninkw">/files/tL9Hr2BpdgS6aKEninkw</a></td><td><a href="/pages/UKdtdEnfZd5nsyuhFfrX">/pages/UKdtdEnfZd5nsyuhFfrX</a></td></tr><tr><td><strong>Cara Membagikan Proyek</strong></td><td></td><td></td><td><a href="/files/45AxY8i6HBeLCFlCA2cM">/files/45AxY8i6HBeLCFlCA2cM</a></td><td><a href="/pages/dNb2tpzEpejFZv4mz3Ty">/pages/dNb2tpzEpejFZv4mz3Ty</a></td></tr><tr><td><strong>Cara Melihat Proyek</strong></td><td></td><td></td><td><a href="/files/xnNprkisJmCLvUEUW8iz">/files/xnNprkisJmCLvUEUW8iz</a></td><td><a href="/pages/BwFCzy8ZXEvNm4QxCpjD">/pages/BwFCzy8ZXEvNm4QxCpjD</a></td></tr><tr><td><strong>Custom AR Marker</strong></td><td></td><td></td><td><a href="/files/hAc4l4e78AddoOidIDUP">/files/hAc4l4e78AddoOidIDUP</a></td><td><a href="/pages/dq2iEE9BJaDqQrgSbJzf">/pages/dq2iEE9BJaDqQrgSbJzf</a></td></tr><tr><td><strong>Assemblr Marketplace</strong></td><td></td><td></td><td><a href="/files/bJsve69sIzKOyiqn9PFD">/files/bJsve69sIzKOyiqn9PFD</a></td><td><a href="/pages/8NODKIvF3MmJWmqBUFTO">/pages/8NODKIvF3MmJWmqBUFTO</a></td></tr><tr><td><strong>Paket Berlangganan &#x26; Harga</strong></td><td></td><td></td><td><a href="/files/q3chgjnzGaCX54HTVhqM">/files/q3chgjnzGaCX54HTVhqM</a></td><td><a href="/pages/Yo60QrsU5bFl8xl1KA4c">/pages/Yo60QrsU5bFl8xl1KA4c</a></td></tr></tbody></table>


# Apa Itu Assemblr Studio?

[Assemblr Studio](https://studio.assemblrworld.com/) adalah platform AR serba bisa yang dapat dipakai semua orang. Hanya dengan *drag-and-drop*, kamu bisa membuat Augmented Reality dengan sangat mudah, tanpa perlu *coding!*

{% embed url="<https://youtu.be/GQlAvi-NnmQ>" %}

Tunjukkan kreativitas kamu dengan menambahkan model 3D, gambar 2D, audio, video, dan teks untuk membuat proyek yang menarik. Dengan lebih dari 6.000 asset 3D, fitur *Interactivity* dan Visual Code, Assemblr Studio memungkinkan kamu untuk membuat pengalaman AR yang menyenangkan dan interaktif.

Sudah siap membuat karya dengan ide-ide menarikmu? Kamu bisa langsung buat dari browser atau perangkat seluler—kapan saja, di mana saja!

<br>


# Cara Kerja Assemblr Studio

Assemblr Studio adalah sebuah ekosistem, dan platform-platform kami sudah tersinkronisasi satu dan lainnya.

Di mana pun kamu berkreasi—baik di Assemblr Studio atau [Assemblr EDU](https://id.edu.assemblrworld.com/)—kamu bisa membuka proyek-proyek yang kamu buat di platform yang tergabung dalam ekosistem kami.

<figure><img src="/files/excDRhcwyjkvGrBORCMG" alt=""><figcaption></figcaption></figure>


# Tech Check!

<figure><img src="/files/hKspW4emONXvy2uZbWdV" alt=""><figcaption></figcaption></figure>

## Perangkat yang Didukung

Kompatibel dengan PC, Laptop, dan Tablet dengan persyaratan minimum:

Prosesor: Intel i5 atau lebih baru

RAM: 8GB atau lebih

OS: Windows 10

Dapat diakses di Chrome, Safari, Opera, Firefox, dan Microsoft Edge

Juga kompatibel dengan Ponsel

**Untuk iOS:**

OS: iOS 16

RAM: 4GB atau lebih

**Untuk Android:**

OS: Android 8 atau lebih baru

Dukungan AR Core disarankan

RAM: 6GB atau lebih

<br>

## Persyaratan Akses Jaringan

Karena Assemblr Studio bisa diakses melalui aplikasi *mobile* maupun *browser*, kamu akan membutuhkan jaringan internet. Jadi, pastikan perangkatmu terhubung dengan jaringan internet yang stabil agar bisa berkreasi dengan lebih nyaman.


# Daftar Akun Assemblr Studio

Untuk membuat akun Assemblr, kamu bisa menggunakan akun Facebook, Apple, Google atau alamat email.

## Daftar dengan akun Facebook

{% embed url="<https://youtu.be/aSeA5IEcenY>" %}

1. Isi alamat e-mail dan kata sandi akun Facebook-mu. Lalu, klik **Log In**.
2. Untuk melanjutkan, cukup konfirmasi identitasmu. Selesai, deh!

## Daftar dengan akun Apple

{% embed url="<https://youtu.be/Wzkdvt3qpns>" %}

1. Isi alamat emailmu.
2. Masukkan kata sandimu.
3. Isi kode autentikasi dua faktor (*two-factor authentication)*. Untuk mendapatkan kode autentikasi, cek kotak masuk email.
4. Saat kamu melihat opsi ini, klik **Trust**.
5. Sekarang, kamu akan masuk ke akun Apple. Untuk memproses, klik **Continue**.
6. Saatnya membuat akun Assemblr! Kamu bisa mengubah nama dan memilih apakah kamu mau menunjukkan atau menyembunyikan emailmu. Lalu, klik **Continue**.

## Daftar dengan akun Google

{% embed url="<https://youtu.be/aa1GapYWsH4>" %}

1. Masukkan alamat email dan kata sandi akun Google-mu.
2. Kamu akan diarahkan langsung ke dasbor Project, dan kamu bisa langsung membuat proyek pertamamu.

## Daftar dengan email

{% embed url="<https://youtu.be/F48sGoDbQlQ>" %}

1. Isi semua informasi yang dibutuhkan. Jika sudah, klik **Sign Up**.
2. Masuk ke akunmu, dan kamu bisa langsung membuat proyek pertamamu.


# Masuk ke Akun Assemblr Studio

Untuk masuk ke akun Assemblr, caranya juga sangat mudah! Sama seperti saat mendaftarkan akun, kamu juga bisa menggunakan akun Facebook, Apple, Google, atau akun Assemblr.

## Masuk dengan akun Facebook

{% embed url="<https://youtu.be/Zdth5IiGFM0>" %}

Untuk masuk dengan akun Facebook, cukup **masuk ke akun Facebook-mu** dan kamu akan langsung masuk ke akunmu.

## Masuk dengan akun Apple

{% embed url="<https://youtu.be/-WNQXFkFYfQ>" %}

Jika masuk dengan akun Apple, kamu dapat mengulangi langkah-langkah "[**Daftar dengan akun Apple**](/studio-id/pengenalan/daftar-akun-assemblr-studio#daftar-dengan-akun-apple)".

## Masuk dengan akun Google

{% embed url="<https://youtu.be/80yVi-aBoRU>" %}

Untuk masuk dengan akun Google, kamu hanya perlu memasukkan **alamat email** dan **kata sandi akun Google** yang sudah kamu daftarkan sebagai akun Assemblr.

Setelah itu, kamu bisa langsung mulai membuat proyek pertamamu.

## Masuk dengan akun Assemblr

{% embed url="<https://youtu.be/udPg0NjS_KU>" %}

Jika kamu masuk dengan akun Assemblr, jangan lupa untuk isi alamat email atau username Assemblr-mu serta kata sandinya.

Lalu, klik **Sign In**. Kamu bisa langsung membuat proyek pertamamu.


# Verifikasi Email

Setelah membuat akun di Assemblr Studio, kamu perlu memverifikasikan akunmu agar bisa mendapatkan semua akses fitur serta untuk keamanan dan kenyamanan akses. Selengkapnya ada di bawah ini.

<figure><img src="/files/wctRIwYso54SEVOofY2q" alt=""><figcaption></figcaption></figure>

## Mengapa Harus Verifikasi Akun?

Selain bisa mengakses semua fitur seperti yang sudah disebutkan di atas, pada dasarnya, kami perlu melindungi platform kami dari akun-akun yang tidak resmi dan bersifat palsu.

Akun-akun yang tidak resmi tersebut bisa saja membahayakan sistem Assemblr. Kemungkinan terburuknya, bisa saja terjadi pembocoran data para pengguna Assemblr.

## Cara Verifikasi Akun

Ada dua cara untuk verifikasi akun. Pertama, yaitu dengan cara **membuka pesan email** **secara manual**; dan kedua adalah dengan **klik tombol verifikasi di halaman&#x20;*****home*****&#x20;Assemblr Studio**.

### Verifikasi Melalui *Email*

<figure><img src="https://lh7-us.googleusercontent.com/fXVmZpE01X0RivG9RbqZA2QnKX3Ga1HH5vaYQ6sdbnZcxe0js-SDO464DM1vPwEh8gIjDFOHUgITjJ72zf9t1h2ik1RpCLzuhnP3pwhoKkZx4yp9eFxJQFP4HfplXYcKKvli0nKHMJVeP9bs648-clc" alt=""><figcaption></figcaption></figure>

1. Buka akun email, lalu buka **Inbox**.
2. Klik atau ketuk pesan yang dimaksud.
3. Klik atau ketuk tautan yang ada dalam pesan, dan akun kamu akan langsung terverifikasi.

### Verifikasi di Assemblr Studio

1. Masuk ke Assemblr Studio, lalu kamu akan lihat *banner* warna merah di atas.

<figure><img src="https://lh7-us.googleusercontent.com/UaAkyE-YbZLaapQzxV3ThGAEgCQhZvJANjNdVre_Y1H8836W8R3LHEfofsfq0oAmRvjfXwMu0Vv2YKeRmswf5YHsYe-c-bhrwgMxe_yOs98UQxoq4J2bLM9ICj3A1Kgzzq5cRAcCrjwhc9DDtw4MNP0" alt=""><figcaption></figcaption></figure>

2. Klik atau ketuk tombol **Re-send Verification Email**.

<figure><img src="https://lh7-us.googleusercontent.com/vPszWQteOr6N6YvMbywXFt6Tgwzu6fi71CFDUG4QVc6MQlBco75mtwkonjMRr2TXC3adYPR1Uqxk66rGLAFKkDeiVYtefwwOS8V9KrZvgLqBLwAP_cmbildTQP-W87knJd4bq0cHWosdITPrVGXX_00" alt=""><figcaption></figcaption></figure>

3. Kamu akan diarahkan langsung untuk membuka pesan di email. Jika sudah, klik atau ketuk alamat tautannya. Akun kamu akan langsung terverifikasi!

<figure><img src="https://lh7-us.googleusercontent.com/fXVmZpE01X0RivG9RbqZA2QnKX3Ga1HH5vaYQ6sdbnZcxe0js-SDO464DM1vPwEh8gIjDFOHUgITjJ72zf9t1h2ik1RpCLzuhnP3pwhoKkZx4yp9eFxJQFP4HfplXYcKKvli0nKHMJVeP9bs648-clc" alt=""><figcaption></figcaption></figure>

## Jika Belum Verifikasi, Apa Saja yang Tidak Bisa Dilakukan?

1. Beli *bundle* 3D dengan [BLR Coin](/studio-id/paket-berlangganan-dan-harga/blr-coin).
2. Publikasikan (*publish*) proyek.
3. Simpan proyek.
4. Unggah [objek 3D *custom*](/studio-id/editor-assemblr-studio/masukkan-objek-3d-and-2d#cara-mengimpor-objek-3d).
5. Unggah [*custom AR marker*](/studio-id/custom-ar-marker/apa-itu-custom-ar-marker).

## Ganti Alamat Email

<figure><img src="/files/4nT1lbIfdiVCEjK3eDcK" alt=""><figcaption></figcaption></figure>

Jika sudah membuat akun Assemblr dengan alamat email yang belum terverifikasi, dan kamu ingin menggantinya, silakan ikuti cara-cara di bawah ini:

1. Klik atau ketuk profil, lalu pilih **Account Settings**.

<figure><img src="https://lh7-us.googleusercontent.com/7PO_Ot-4b4FoSaDwbok8NJTbXoq6QiAOgxUbD0enyhLkn4E0Bx6im0-8kMvFU8zcmdlY5UilmNSYexTLtj_hU2MhpoPeKeRQQyZVG1Tg4ganyXjUNWL_o4YlkyUDrtyl8kKuTcJyWbQGupx0XmkKPyA" alt=""><figcaption></figcaption></figure>

2. Pilih opsi **Change Email**.

<figure><img src="https://lh7-us.googleusercontent.com/jCE09EHTLGk2xoleGzWXMH9T8Kd8IZu8z08Jo_75sbpRFZfYZDLB7fDGy8CsIPar0CdMIpazD7-7jVnHk0hMhdk6QhElqGO6MT1mI3Zy-V1osFLnTPcPRPuGGoTbIbbl_vKr79eLnNwBM8OlNEYkNFI" alt=""><figcaption></figcaption></figure>

3. Ganti alamat email lama dengan yang baru, masukkan kata sandi, dan klik **Update**.

<figure><img src="https://lh7-us.googleusercontent.com/IPSw3J3p2tDw-SL_RJDCdltM3STY5Z3Or5qrklnrrIOCtdX_GM_i2jwKAAhBHzYK7FkQyWdGnSH7s2fEnV_VjtyzomtCDb2WNVoZFHPjyWX2-KNFUMw-W1a7VFer5aNZjCSdmCHPHDaFmPHFgNZaAJA" alt=""><figcaption></figcaption></figure>

4. Di bagian *home* Assemblr Studio, kamu akan melihat *banner* berwarna merah yang menyuruh kamu untuk verifikasi akun.\
   \
   Klik tombol **Re-send Verification Email**, dan akun kamu akan langsung terverifikasi.


# Pembatasan Masuk ke Akun

<figure><img src="/files/tUwduaDdnmJCZCWiV8YW" alt="" width="375"><figcaption></figcaption></figure>

Di Assemblr Studio, kamu bisa masuk ke akun kamu melalui maksimal dua *browser* atau perangkat.

Satu akun hanya bisa memiliki **dua sesi.** Berikut adalah yang termasuk dengan hitungan satu sesi:

1. Masuk ke Assemblr Studio berbasis web dihitung sebagai 1 sesi.
2. Masuk ke Assemblr Studio berbasis web melalui *browser* berbeda di perangkat yang sama dihitung sebagai 1 sesi.
3. Masuk ke Assemblr Studio berbasis web di perangkat *mobile* dihitung sebagai 1 sesi.
4. Masuk ke aplikasi Assemblr Studio dihitung sebagai 1 sesi.

**Apa yang akan terjadi jika kamu ingin masuk di sesi ke-3?**

Kamu harus pilih untuk keluar dari dua sesi pertama—baik itu di sesi ke-1 atau ke-2. Cukup pilih opsi **Log out** jika ingin keluar dari salah satu sesi.

<figure><img src="https://lh7-us.googleusercontent.com/dbXnvCavqmclPXr0ont7mto6LWGSeAMKkzj66yqQ1jlWjfg6xoxZZTaGRi5GEU20G22W4DCMO1o3M21f_aYw5OLlbWaYd85IxmR76XxmAkpbU_pns5FBk4gUN3oY7szMo-5Q3JwoHZGbUooNkCtH7Jc" alt=""><figcaption></figcaption></figure>

Jika kamu masih membuat proyek dari dua sesi pertama, kamu masih bisa menyimpan proyek tersebut terlebih dahulu sebelum keluar dari akun.

Untuk menyimpan terlebih dahulu, kamu bisa pilih **Save & quit**.


# Buat Presentasi 3D/AR

Dalam panduan ini, kamu akan belajar cara mendesain 3D/AR untuk dimasukan ke dalam slide presentasimu! Dengan menambah elemen 3D/AR ke dalam presentasi, kegiatan belajar mengajar akan semakin interaktif dan menyenangkan!

Note: Panduan ini hanya referensi cara membuat 3D/AR, kamu bebas berkreasi dengan objek 3D di Assemblr Edu sesuai kebutuhan dan keinginanmu.

<figure><img src="/files/CRkaxu4mHiL5sYz5fPIi" alt=""><figcaption></figcaption></figure>

## <mark style="color:blue;">Membuat Tampilan Objek 3D, Gambar 2D, dan Tombol yang Rapi</mark>

Lihat panduan ini agar dapat membuat desain 3D/AR yang baik untuk dimasukan ke dalam presentasimu!

<figure><img src="/files/5yGzTa6eQ3g6GSErU3NN" alt=""><figcaption></figcaption></figure>

### ⭐️ Lihat dan duplikat proyek ([disini](https://asblr.com/15fa22)) 🔖 Unduk Kit proyek ([disini](https://drive.google.com/drive/folders/1S37N2LcrtRLjLU_CzwZE2YnBpjxKbylO?usp=drive_link))

<figure><img src="/files/ZZiqHkXuhQkdXwgKxA6n" alt=""><figcaption></figcaption></figure>

### ✅ Objek 3D, gambar, dan tombol rapih

* Untuk memasukan teks deskripsi, gunakan platform design 2D lalu import ke editor Assemblr Edu sehingga tampilan proyek terlihat rapi.

### ❌ Objek 3D, gambar, dan tombol berantakan

* Tidak disarankan untuk menggunakan 3D sebagai teks deskripsi karena objek akan terlihat saling bertabrakan.

### ⭐️ Lihat dan duplikat proyek ([disini](https://asblr.com/8335bb)) 🔖 Unduk Kit proyek ([disini](https://drive.google.com/drive/folders/1xLYRV-svER1M-21TAQnKaBHQWbB0UT7Q))

## <mark style="color:blue;">Mengatur Teks Pada Objek 3D</mark>

Lihat panduan ini untuk tahu cara mengatur teks pada konten 3D/ARmu agar terlihat rapi!

<figure><img src="/files/5ey1P4f3tQtMHaRiYZXm" alt=""><figcaption></figcaption></figure>

### ✅ Menggunakan fitur annotation untuk menjelaskan bagian spesifik

* Jika ingin menambahkan teks pada bagian spesifik di objek 3D, gunakan fitur annotation. Fitur ini akan membuat tampilan objek 3D terlihat lebih rapi dan mengarah pada bagian mendetail.

### ❌ Menggunakan teks 3D untuk menjelaskan bagian spesifik

* Tidak disarankan menggunakan teks 3D ke dalam desain karena akan terlihat menumpuk dan berantakan.

### ⭐️ Lihat dan duplikat proyek ([disini](https://asblr.com/8335bb)) 🔖 Unduk Kit proyek ([disini](https://drive.google.com/drive/folders/1xLYRV-svER1M-21TAQnKaBHQWbB0UT7Q))

## <mark style="color:blue;">Gambar 2D Sebagai Teks dan Tombol</mark>

Buat proyekmu menarik dengan tombol interaktif! Lihat cara mengatur gambar 2D sebagai tombol di proyekmu!

<figure><img src="/files/tkJW0OndwqSVeQk01ndI" alt=""><figcaption></figcaption></figure>

### ✅ Gambar 2D untuk teks deskripsi

* Gunakan gambar 2D untuk menambah teks deskripsi di desainmu, kamu bisa menggunakan platform desain grafis untuk mendesain gambar dan gunakan font simple seperti “Inter,” lalu export dalam format .png.

### ✅ Gambar 2D untuk tombol

* Gunakan gambar 2D sebagai desain tombol dalam proyek. Untuk mengatur menjadi button, gunakan fitur “Always facing front.”

### ❌ Gunakan 3D text untuk kalimat panjang

* Penggunaan text 3D untuk kalimat panjang akan membuat teksmu tidak terbaca.

### ❌ Memasukkan file video sebagai media pendukung

* Penggunaan file video sebagai media pendukung dapat mengganggu tampilan lainnya dan membuat konten menjadi tidak optimal

### ⭐️ Lihat dan duplikat proyek ([disini](https://asblr.com/d999df))

## <mark style="color:blue;">“Set Camera” dan Pengaturan Gambar 2D</mark>

Tampilkan proyek dengan cara interaktif! Kamu bisa atur bagaimana proyek mu bisa dilihat dari berbagai sisi

<figure><img src="/files/IIwXnIdiX5cLpybwQUwy" alt=""><figcaption></figcaption></figure>

### ✅ Pengaturan gambar 2D

* Pastikan file size 2D (image) yang dimasukan tidak lebih dari 1MB, karena akan mempengaruhi performance proyek saat sudah di publish dan project rentan terjadi error.

### ✅ Set kamera

* Gunakan fitur Set Camera untuk mengatur posisi tampilan konten saat tombol scene ditekan.

### ❌ Export gambar 2D tanpa background transparan

* Image (2D object) tanpa transparansi akan mengganggu tampilan desain dan terlihat tidak rapi.

### ❌ Tanpa set kamera

* Jika kamu tidak menggunakan fitur set camera, perpindahan dari tampilan objek 1 ke obyek 2 akan terasa sulit.

### ⭐️ Lihat dan duplikat proyek ([disini](https://asblr.com/62578d)) 🔖 Unduk Kit proyek ([disini](https://drive.google.com/drive/folders/1ckSqVOP8cdErzs77ZDlddz5LJszFaRlh?usp=drive_link))

## <mark style="color:blue;">Membuat Objek dan Teks 3D yang Simple Namun Memukau</mark>

Buat desain untuk objek lingkungan 3D yang enak untuk dilihat! Lihat caranya di sini!

<figure><img src="/files/JF7rIZFfayvEt7qFfWYn" alt=""><figcaption></figcaption></figure>

### ✅ Teks 3D dan objek lingkungan

* Gunakan teks 3D untuk memberi judul proyek. Kurangi ketebalan font dengan fitur Edit Transform dan kurangi extrude. Kamu juga bisa meng-import desain tulisan yang kamu buat di platform desain lain ke dalam editor Assemblr.

### ❌ Teks 3D dan objek lingkungan

* Jangan menggunakan teks 3D untuk tulisan panjang dan deskriptif karena akan membuat desain terlihat menumpuk.

### ⭐️ Lihat dan duplikat proyek ([disini](https://asblr.com/df9a90))


# Membuat Lingkungan 3D/AR

Dalam panduan ini, kamu akan belajar cara mendesain lingkungan dalam bentuk 3D/AR!

Note: Panduan ini hanya referensi cara membuat 3D/AR, kamu bebas berkreasi dengan objek 3D di Assemblr Edu sesuai kebutuhan dan keinginanmu!

<figure><img src="/files/rhnZEoEHRdMReBYx5Aeg" alt=""><figcaption></figcaption></figure>

## <mark style="color:blue;">Panoramic dan Dome</mark>

Pelajari cara memasukan dome atau panoramic untuk membuat latar belakang 3D dengan ragam warna langit yang memukau!

<figure><img src="/files/fOmbrnlJrrvodYzjW52P" alt=""><figcaption></figcaption></figure>

### ✅ Menyeimbangkan warna

* Pilih warna senada, tentukan 2-3 warna untuk warna dominan.

### ✅ Memberikan background project

* Gunakan “Dome” atau “Panoramic” untuk mewarnai latar belakang dengan nuansa tertentu.
* Gunakan fitur background color dan pilih warna yang sesuai.

### ✅ Maximum insert objek 3D

* Masukkan objek 3D secukupnya, maksimal 20 objek. Kamu juga bisa gunakan gambar 2D untuk mengurangi kapasitas file.

### ❌ Warna tidak senada

* Pemilihan warna yang tidak senada akan memberikan kesan proyek tidak menarik.

### ❌ Background proyek gelap

* Warna abu-abu pada background proyek memberikan kesan redup pada objek.

### ❌ Memasukan terlalu banyak objek 3D

* Pilih objek yang sesuai dengan tema proyekmu dan gunakan ukuran yang tidak terlalu besar maupun terlalu kecil.

### ⭐️ Lihat dan duplikat proyek ([disini](https://asblr.com/899d4c))

## <mark style="color:blue;">Ruangan 3D Isometrik</mark>

Buat dan dekor ruanganmu! Pelajari bagaimana cara menata desain untuk ruangan 3D

<figure><img src="/files/pymuzQSWpiA55lQ25TXF" alt=""><figcaption></figcaption></figure>

### ✅ Objek 3D yang selaras

* Desain objek 3D dengan penempatan yang sesuai dan menarik dan kreasikan ide-ide cemerlangmu!

### ✅ Teks 3D

* Jika perlu menambahkan teks untuk judul, kecilkan extrude untuk membuat desain terlihat lebih rapi dan tidak bertabrakan.

### ❌ Objek 3D tidak selaras dan tidak beraturan

* Atur ukuran dan posisi objek 3D agar lebih tertata dan terlihat rapi.

### ❌ Teks 3D terlalu besar

* Menggunakan teks 3D terlalu besar akan membuat konten saling bertabrakan dan terlihat berantakan.

### ⭐️ Lihat dan duplikat proyek ([disini](https://asblr.com/1abc5b))


# Membuat Desain Ilustrasi yang Menarik

Dalam panduan ini, kamu akan belajar cara mendesain 3D/AR untuk memperkaya hasil karya ilustrasi kamu! Dengan menambah elemen 3D/AR ke dalam ilustrasi, karya akan menjadi lebih menarik dan interaktif!

Note: Panduan ini hanya referensi cara membuat 3D/AR, kamu bebas berkreasi dengan objek 3D di Assemblr Edu sesuai kebutuhan dan keinginanmu.

## <mark style="color:blue;">Basic Layout</mark>

<figure><img src="/files/gSuspeCIcbi4wDEk6wHw" alt=""><figcaption></figcaption></figure>

### ⭐️ Lihat dan duplikat proyek ([disini](https://asblr.com/899d4c))

<figure><img src="/files/tOCMS0g6PBs9hGS3y4fB" alt=""><figcaption></figcaption></figure>

### ✅ Gunakan Gambar 2D untuk layering

* Susun rapi ilustrasi dengan membagi gambar per-objek, pastikan gambar tersebut sudah dalam format .png dan tidak memiliki background sehingga akan menghasilkan desain yang bersih!
* Disarankan untuk tidak menambahkan lebih dari 30 gambar untuk satu proyek. Pastikan bahwa ukuran file gambar yang di unggah tidak melebihi 1mb.

### ✅ Gunakan Gambar 2D untuk layering

* Berikan jarak antara satu gambar dengan gambar lainnya sehingga ketika di tampilkan, gambar tidak terlihat saling bertumpuk.

### ❌ Gambar 2D yang Dipilih Tidak Sesuai Tema

* Menggunakan objek yang tidak sesuai tema, background gambar yang tidak bersih, dan kesalahan format yang bukan .png akan mengganggu tampilan ilustrasi.

### ❌ Susunan Gambar Bertabrakan

* Mengatur susunan gambar terlalu dekat akan membuat ilustrasi menjadi terlihat berantakan.

## <mark style="color:blue;">Membuat Proyek Paralaks</mark>

<figure><img src="/files/0VESP7339Ch09ZZFL4pf" alt=""><figcaption></figcaption></figure>

### ⭐️ Lihat dan duplikat proyek ([disini](https://asblr.com/425d1b))

Buat proyek 3D paralaks yang membuat latar belakang tampak bergerak!

Proyek 3D paralaks ini menciptakan ilusi seolah-olah kamu sedang memasuki dunia baru, menjadikan tampilan proyekmu lebih hidup dan menarik!

<figure><img src="/files/7oG2tDCMWxSi82gX8f5t" alt=""><figcaption></figcaption></figure>

### ✅ Gunakan Gambar 2D dengan Satu Tema

* Pastikan bahwa gambar 2D yang dimasukkan sudah satu tema agar proyek terlihat selaras!
* Pastikan gambar 2D tidak memiliki background dan sudah dalam format .png.
* Disarankan untuk tidak menambahkan lebih dari 30 gambar untuk satu proyek. Pastikan bahwa ukuran file gambar yang di unggah tidak melebihi 1mb.

### ✅ Atur Susunan Gambar dengan Rapi

* Atur susunan gambar (layout) dengan satu arah yang lurus, sehingga ketika melihat proyek akan terasa seperti sedang bergerak masuk ke dalam.
* Atur jarak gambar satu dengan lainnya agar berjarak depan belakang.
* Lakukan preview proyek untuk memastikan bahwa objek-objek telah diletakkan dengan sesuai (lurus dan satu arah).

### ❌ Gambar 2D yang Dipilih Tidak Sesuai Tema

* Menggunakan objek yang tidak sesuai tema, background gambar yang tidak di hapus, ukuran file terlalu besar, menggunakan lebih dari 30 gambar, dan kesalahan format yang bukan .png akan mengganggu tampilan proyek.

### ❌ Susunan Gambar Berantakan

* Susunan gambar yang acak dan tidak sejajar akan membuat proyek berantakan.
* Jarak antar satu gambar dengan gambar lainnya terlalu dekat atau terlalu jauh membuat gambar terlihat bertumpuk.
* Tidak melihat preview sehingga hasil proyek saling bertabrakan dan tidak lurus.

## <mark style="color:blue;">Proyek AR Dinamis yang Dapat Bergerak</mark>

<figure><img src="/files/jScVad1NyIwfheM45vKO" alt=""><figcaption></figcaption></figure>

### ⭐️ Lihat dan duplikat proyek ([disini](https://asblr.com/92ca24))

Buat proyek AR yang dapat bergerak sehingga proyek menjadi lebih interaktif! Proyek ini cocok untuk dibuat menjadi bahan storytelling maupun kebutuhan lainnya!

<figure><img src="/files/GUIx772FNGQZRkqOYZSA" alt=""><figcaption></figcaption></figure>

### ✅ Gunakan Gambar 2D yang Senada dan Sesuai Tema

* Pilih tipe image yang senada dan sesuaikan dengan tema project, pastikan gambar tidak memiliki background dan menggunakan format file .png.
* Tidak memasukkan lebih dari 30 gambar.
* Pastikan ukuran file tidak melebihi 1mb.

### ✅ Atur Susunan Proyek dengan Baik

* Gunakan fitur “Set Camera” untuk mengatur scene di proyek berdasarkan sudut pandang yang diinginkan.
* Buat beberapa scene dalam proyek sehingga proyek bisa dilihat dari berbagai sisi (misal scene 1 sisi depan, scene 2 sisi kanan, scene 3 sisi kiri).
* Atur Scene 1 dengan posisi set kamera frame 1 sisi (contoh: sisi depan)
* Atur Scene 2 dengan posisi set kamera frame sisi lainnya (contoh: sisi kanan)
* Atur Scene 3 dengan posisi set kamera frame sisi lainnya lagi (contoh: sisi kiri).
* Berikan jarak antar satu gambar dengan gambar lainnya agar susunan terlihat rapi.
* Atur agar gambar satu dengan lainnya memiliki jarak (depan-belakang / kiri-kanan)
* Lakukan preview untuk memastikan bahwa proyek sudah berjalan sesuai dengan keinginan.

### ❌ Kesalahan Format dalam Gambar 2D

* Menggunakan gambar yang tidak sesuai tema akan membuat proyek terlihat tidak rapi.
* Format file bukan .png dan ada background bawaan gambar yang terbawa.
* Terlalu banyak gambar, ukuran file terlalu besar hingga menghambat loading.

### ❌ Layout

* Gambar terlihat acak, posisi berdekatan atau bertumpuk tanpa pola yang jelas.
* Scene tidak selesai, beberapa kamera tidak diatur.
* Frame kamera pada Scene 1, 2, dan 3 tidak rapi, sudut pandang tidak selaras.
* Tidak ada preview atau pengecekan ulang hasil akhir.


# Bar Navigasi

Di bagian atas halaman, kamu akan melihat **Bar Navigasi** yang akan membantumu agar pengalaman berkreasi jadi lebih mudah dan lancar di Assemblr Studio.

<figure><img src="/files/ZpN9cUMKnUFvyyQAn7Dr" alt=""><figcaption></figcaption></figure>

1. Masuk halaman Your Project
2. Cari dan beli paket 3D yang kamu butuhkan
3. Temukan kreasi proyek dari pengguna lain
4. Jelajahi berbagai paket 3D
5. Lihat dan isi saldo Koin BLR
6. Lihat profil akun dan upgrade akun

<figure><img src="/files/u0cS8cLw1YkAqBiLkt6V" alt=""><figcaption></figcaption></figure>

Jika kamu mengklik foto profil di sudut kanan atas Bar Navigasi, Kamu akan melihat:

1. Username akun
2. Paket berlangganan saat ini
3. Upgrade/kelola paket berlangganan&#x20;
4. Tukar kode voucher
5. Lihat Profil Publik
6. Pengaturan Akun
7. Keluar


# Dasbor Project

Setelah kamu masuk ke Assemblr Studio, halaman awal yang akan kamu lihat adalah **Dasbor Project**.

<figure><img src="/files/lwGsUdVDwrJntRlKzBAh" alt=""><figcaption></figcaption></figure>

Di sini, kamu bisa melakukan beragam hal berkaitan dengan proyekmu:

1. Buka dashboard Custom Marker
2. Buat proyek dengan tutorial
3. Lihat semua proyek yang sudah dibuat
4. Proyek yang sudah dipublikasikan
5. Proyek yang disimpan secara privat
6. Proyek yang masih berupa draft
7. Proyek yang tidak bisa di duplicate
8. Refresh halaman
9. Cari proyekmu
10. Lihat informasi kapasitas penyimpanan, marker, dan paket langganan
11. Buat proyek dengan Default Editor atau Super Simple Editor

Saat kamu mengklik sebuah proyek, kamu juga dapat melakukan beberapa hal seperti:

<figure><img src="/files/rQYC8wvHJqfV9B5AXBfT" alt="" width="281"><figcaption></figcaption></figure>

1. Edit proyek
2. Lihat proyek
3. Proyek duplikat
4. Unduh proyek
5. Bagikan tautan proyek
6. Hapus proyek


# Dasbor AR Marker

Di **Dasbor AR Marker**, kamu bisa mengecek semua hal yang berhubungan dengan *AR marker*-mu.

<figure><img src="/files/OnJIB1NtoTjZnrPSJInu" alt=""><figcaption></figcaption></figure>

1. Lihat kuota *custom AR marker*.
2. Tambah kuota *custom AR marker*.
3. Unggah *custom AR marker*.
4. Hapus custom AR marker.

Saat kamu mengklik *marker*, kamu akan melihat beberapa opsi untuk melakukan perubahan terhadap *marker* tersebut:

<figure><img src="/files/S2toUbeWJ2M94rjpNUvQ" alt=""><figcaption></figcaption></figure>

1. Ubah nama *custom AR marker.*
2. Taruh *marker* di sebuah proyek yang telah kamu buat.
3. Ubah *custom AR marker*.
4. Perbaharui *custom AR marker*.


# Dasbor Profile

Untuk mengubah atau melihat detail tentang akunmu, kamu bisa langsung kunjungi **Dasbor Profile.**

## **Bagian** "Account Setting&#x73;**"**:

<figure><img src="/files/E2TntoEb2PMH8h99z0bd" alt=""><figcaption></figcaption></figure>

1. Tampilan Nama Akun
2. *Username* Akun
3. Deskripsi profil
4. Email  yang tertaut
5. Kata sandi akun
6. Akun tertaut
7. Mata uang pilihan untuk pembayaran
8. Berlangganan Buletin Email Assemblr
9. Baca kebijakan privasi
10. Hapus akun&#x20;
11. Keluar dari akun

## Bagian **"Plan Usage"**

<figure><img src="/files/qj0jdmNSsaHS7Eod69C6" alt=""><figcaption></figcaption></figure>

Halaman ini adalah dasbor Paket Berlangganan. Di dasbor ini, kamu dapat melihat detail penggunaan paket berlangganan, termasuk periode aktif akun, kapasitas penyimpanan, dan slot  *custom* AR marker.

Ketika kamu scroll ke bawah, kamu akan menemukan berbagai opsi langganan—baik bulanan maupun tahunan, kamu dapat memilih yang paling sesuai dengan kebutuhan kamu.

## Bagian "Riwayat Transaksi"

<figure><img src="/files/QCJG3r0aYj6gbkBnW5Vn" alt=""><figcaption></figcaption></figure>

\
Di halaman ini, kamu akan melihat daftar faktur dari transaksi yang telah kamu lakukan. Kamu akan mendapatkan informasi tentang tanggal transaksi, ID faktur, jenis produk, metode pembayaran yang digunakan, dan status pembayaran.

## Lihat Profil Publik

<figure><img src="/files/OidA0X0d6T4nPGYo0KPN" alt=""><figcaption></figcaption></figure>

Jika kamu mengklik **Lihat Profil Publik**, kamu akan dapat melihat proyek AR yang telah kamu buat dan publikasikan. Kamu dapat mengklik proyek tersebut untuk melihat hasil akhir proyekmu atau menduplikasi proyek kamu sendiri.


# Halaman Marketplace

[Assemblr Marketplace](/studio-id/assemblr-marketplace/apa-itu-assemblr-marketplace) akan jadi pusat aktivitas jual-beli *item* digital yang ada di **Assemblr Studio**, dan juga nantinya **Assemblr Spaces**.

<figure><img src="/files/iIpNYbnXM6NU9KtBDUic" alt=""><figcaption></figcaption></figure>

1. Lihat semua kategori *bundle* 3D.
2. Lihat *bundle* 3D Special.
3. &#x20;Lihat *bundle* 3D Pro.
4. Lihat *bundle* 3D gratis.
5. *Bundle* 3D yang kamu punya.
6. Ubah kurs dari USD ke Rupiah dan sebaliknya.
7. Sortir *bundle* berdasarkan rilisan terbaru & terlama serta urutan alfabet.


# Halaman Discover

Pada **halaman Discover**, kamu bisa menemukan berbagai inspirasi dan *update* terbaru di Assemblr Studio yang bisa kamu ambil sebagai contoh dan ide.

<figure><img src="/files/OKyWdaAq2Dm7nJ9NS2Xd" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/NbA6v1SFBJjHrDLPBE5L" alt=""><figcaption></figcaption></figure>

Cukup ketik kata kunci yang kamu inginkan, dan kamu bisa temukan *bundle* 3D, objek 3D, *template*, dan proyek-proyek yang terkait.

Sambil kamu menggulir (*scroll*) halaman ke atas, kamu akan menemukan *highlight*, proyek buatan partner Assemblr, *template* & *bundle* yang difitur, dan artikel-artikel menarik di blog kami!


# Buat Proyek dengan Super Simple Editor

{% embed url="<https://youtu.be/ArJhWU-4CqU>" %}

Berbeda dari Editor Default, Super Simple Editor adalah editor paling sederhana yang dapat kamu gunakan untuk membuat proyek. Hanya dengan tiga langkah dalam hitungan menit, kamu dapat membuat proyek AR yang sederhana namun menakjubkan untuk kebutuhan apa pun.

Super Simple Editor ini sangat direkomendasikan untuk berbagai proyek AR seperti flashcard AR, undangan, kartu nama, poster, gambar kaos, dan masih banyak lagi!

## Cara Mengakses Super Simple Editor&#x20;

Untuk membuka Super Simple Editor,  kamu bisa mengakses halaman “Your Project”, pilih “Create Your Creation”, dan pilih "Super Simple Editor".


# Buat Proyek dengan Default Editor

Ingin mengeksplorasi ide-ide kreatif kamu sendiri dan mengubahnya menjadi AR? kamu bisa menuangkan setiap  ide kreatifmu dan menyesuaikannya dengan **Default Editor**! Penasaran bagaimana caranya?

{% embed url="<https://youtu.be/eCiQiFILTZE>" %}

Cara membuat AR menggunakan **Default Editor**:

1. **Klik "Create Your Creation"** untuk memulai proyek
2. **Pilih "Default Editor"** untuk mengakses Editor
3. **Cari objek 3D di 3D Library** untuk menemukan objek yang ingin kamu gunakan
4. **Pilih objek** yang akan digunakan dalam proyekmu
5. **Sesuaikan ukuran dan penempatan** objek sesuai kebutuhan
6. Kamu dapat **menambahkan teks dan anotasi** untuk memperkaya pengalaman ARmu
7. **Tambahkan musik latar** untuk memberi suasana pada proyek kamu
8. **Gunakan Interactivity dan Visual Code** untuk menambahkan elemen interaktif


# Pengenalan Editor

Editor di Assemblr Studio adalah sebuah tempat untukmu berkreasi dan membuat proyek AR di Assemblr Studio.

Jika kamu sebelumnya pernah berkreasi di aplikasi *mobile* Assemblr Studio, *tools-tools* yang ada sebetulnya sama. Namun, ukuran layarnya jadi lebih besar, sehingga lebih memudahkanmu untuk membuat proyek AR.

Untuk memulai, kamu bisa pahami terlebih dahulu beragam **Control Guide**.

## Control Guide

<figure><img src="/files/zNuIoJPNJrxGDCGJd2KN" alt=""><figcaption></figcaption></figure>

## Object List

<figure><img src="/files/GOMnZESqhLBFnDEOohST" alt=""><figcaption></figcaption></figure>

Ketika ada terlalu banyak objek dalam satu proyek, bisa jadi kamu akan kebingungan saat harus mencarinya.

Dengan Object List, kamu bisa **melihat dan menyortir daftar objek** yang ada di kreasimu dengan **lebih mudah**!

{% embed url="<https://youtu.be/_L2yvz4__AY>" %}

Selain itu, kamu juga bisa mengubah atau menyembunyikan dan menampilkan objek di Editor, cukup dengan klik setiap daftar objeknya.

**Tips Cepat!**

Kamu bisa **tekan 'O'** pada keyboard-mu untuk memunculkan daftar objek dengan lebih cepat!


# Super Simple Editor

Ingin membuat AR hanya dalam tiga langkah? **Super Simple Editor** adalah jawabannya! Hanya butuh waktu kurang dari lima menit, kamu sudah bisa membuatproyek sederhana namun luar biasa. Penasaran bagaimana caranya?

{% embed url="<https://youtu.be/aqV4gNqLVhY>" %}

## Cara membuat AR dengan **Super Simple Editor**

1. **Pilih AR marker** yang ingin kamu gunakan untuk proyekmu
2. **Pilih objek 3D** yang akan muncul di atas atau di depan AR marker tersebut
3. **Sesuaikan ukuran** objek 3D agar sesuai dengan desain yang diinginkan


# Pengaturan Tampilan On-Screen

## Video Tutorial

{% embed url="<https://youtu.be/ISsJOmeuIDk>" %}

Pertama, klik tombol **Video Tutorials** di bagian kiri bawah halaman Editor.

Lalu, kamu akan melihat beberapa video tutorial yang bisa kamu ikuti untuk membuat proyek AR berdasarkan kebutuhanmu.

Kamu bisa pilih satu, dan video tutorialnya akan langsung muncul.

Untuk melihat panduannya, kamu bisa memainkan video—dan ketika kamu klik tombol *pause*, tampilan Editor akan muncul untuk memberi kamu kesempatan membuat proyek secara *step-by-step*.

## Atur Ulang Kamera

{% embed url="<https://youtu.be/nPure6lN8Tc?si=_l5pwi_F4FG-s3lp>" %}

Ingin melihat tampilan awal kamera Editor? Klik tombol **Settings** di sebelah kiri bawah, dan klik **Reset Camera**. Tampilan kameramu pun telah diatur ulang seperti tampilan awal!

## Tunjukkan/Sembunyikan *Grid*

{% embed url="<https://youtu.be/Wr4T6q5x-iw?si=ZkJbqZnlkhPuBRAf>" %}

Ingin tahu bagaimana proyek kamu terlihat tanpa *grid* atau garis? Klik **Settings**, dan pilih **Show/Hide Grid**. Jika kamu ingin membuat *grid*/garis muncul kembali, klik lagi opsi tersebut.

## Keyboard Shortcut

{% embed url="<https://www.youtube.com/watch?index=3&list=PLdYOu0DxNXP1GzDfX_hBUnbMnixqi-9eA&v=I34z9uTbYYM>" %}

Kalau kamu ingin berkreasi dengan lebih cepat, jangan khawatir! Kamu bisa langsung gunakan beragam *keyboard shortcut* yang ada di Editor.

Untuk mengecek *shortcut* yang tersedia, kunjungi **Settings**, dan klik **Keyboard Shortcut**.

Dengan *shortcut* tersebut, kamu bisa memasukkan atau bahkan mengubah objek, cukup dengan menekan satu *key* atau tombol pada *keyboard* komputermu.

## Tampilkan/ Sembunyikan Collider

{% embed url="<https://youtu.be/C-MroQX7mPU>" %}

Collider menentukan ruang fisik dari objek 3D. Ketika satu objek (*triggering object*) menyentuh objek lainnya, collider mendeteksi interaksi tersebut. Pada dasarnya, ini menandai batas ruang objek. Collider menentukan kapan dan bagaimana objek tersebut dapat berinteraksi dengan objek lain dalam proyek.

## **Cara Melihat 3D&#x20;*****Collider***

\
Pergi ke Settings, klik Show/Hide Collider. Kemudian, kamu akan dapat melihat kotak kuning di sekitar objek 3D, kotak kuning tersebut adalah collider.

## Cara Mengatur Skala Collider

\
Kamu dapat mengatur skala collider dengan mengklik Adjust Physics Collider. Atur skala dengan mengubah angka pada skala atau gunakan auto generate sehingga ukuran objek akan sesuai secara otomatis.&#x20;


# Multi-Select Object

## Cara Memilih Beberapa Objek Secara Bersamaan

Kalau kamu ingin melakukan satu aksi yang sama terhadap beberapa atau semua objek yang ada di satu proyek, kamu tidak perlu memilihnya satu per satu.

Cukup klik opsi **Multi-Select**, dan kamu bisa *drag* objek-objek yang kamu mau.

{% embed url="<https://youtu.be/AwKzWq1NEwA>" %}

Cara lainnya adalah melalui menu **Object List**. Setelah klik menunya, pilih **Multi Select** di bagian kiri atas panel, dan kamu bisa klik objek-objek yang mau kamu pilih secara bersamaan.

{% embed url="<https://youtu.be/3uUyiu7kwRg>" %}

Setelah objek terpilih, kamu bisa langsung menerapkan aksi yang kamu mau.

### Tips Cepat!

Untuk memunculkan opsi Multi-Select, kamu bisa menekan **tombol 'M'** pada *keyboard*-mu.


# Ganti Warna Background

## Cara Mengubah Warna *Background*

{% embed url="<https://youtu.be/C4cDuEf4reo>" %}

1. Pertama, klik ikon bulatan warna di sebelah kiri bawah Editor.
2. Pilih warna yang kamu inginkan dari opsi yang tersedia.
3. Jika kamu ingin lebih banyak opsi warna, klik **tombol +**.

<figure><img src="/files/X0u8McvGb72CpWiT8vlA" alt=""><figcaption></figcaption></figure>

4. Di sini, kamu bisa pilih warna apa pun yang kamu inginkan.

## Ubah Warna Background dari Scene Settings&#x20;

{% embed url="<https://youtu.be/Zjfi7xIyDuw>" %}


# Masukkan Objek 3D & 2D

## Cara Memasukkan Objek 3D

{% embed url="<https://youtu.be/SL69gdJ2dIc>" %}

1. Klik menu **3D Objects**.
2. Di dalam *library*, kamu akan melihat berbagai kategori objek 3D yang siap dipakai untuk kreasimu.
3. Untuk memasukkan objek, klik objek pilihanmu.
4. Objek tersebut akan muncul di Editor, dan kamu bisa memodifikasinya lagi nanti.

## Cara Mengimpor Objek 3D

{% embed url="<https://youtu.be/byK8QvAuZPQ>" %}

1. Pertama, klik menu **3D Objects**.
2. Di *library*, klik **Your 3D**, lalu pilih **Import 3D**.

⚠️ Pastikan objek 3D *custom* kamu sudah siap digunakan. Saat ini, kami hanya mendukung **format GLB**. Namun, kami sedang dalam tahap pengembangan fitur agar kamu bisa mengunggah objek 3D dalam format apa pun secepatnya!

3. Pilih *file* dari library komputermu. Lalu, klik **Open**.
4. Jangan lupa masukkan nama, atur *object scale*, dan tambahkan kategori objek.
5. Jika objekmu memiliki animasi, kamu juga bisa memilih ***default animation*** untuk mengatur animasi yang ingin kamu gunakan.
6. Agar lebih terlihat menarik, kamu bisa mengatur tampilan objek tersebut dengan memilih *thumbnail* objek. Kamu bisa mengatur posisi yang sesuai lalu *capture* objek, atau mengunggah sendiri *thumbnail* dari *library* komputermu.
7. Jika kamu memilih untuk *capture thumbnail*, kamu juga bisa mengatur tampilan pose dari objek beranimasi tersebut di **Pose Configurator**. Cukup pilih *frame* yang sesuai, dan pose tersebut akan tampil di *thumbnail*.
8. Terakhir, waktunya atur *3D preview*! Jika kamu mau menjual objek di *marketplace* kami, tampilan ini akan jadi hal paling pertama yang dilihat calon pembeli. Jadi, sifatnya cukup penting.

***

## Cara Memasukkan Objek 2D

{% embed url="<https://youtu.be/m7VPDVkl5tI>" %}

1. Klik menu **Image**.
2. Di sini, kamu bisa melihat beragam kategori gambar 2D. Untuk temukan objek yang kamu inginkan, klik masing-masing kategorinya.
3. Sekarang, jika kamu sudah memilih kategori, klik objeknya.
4. Sudah, deh! Objek 2D-mu akan muncul di Editor.

## Cara Mengimpor Objek 2D

{% embed url="<https://youtu.be/Q4zQoJX4TYQ>" %}

1. Untuk mengimpor objek 2D, klik **Image**.
2. Pilih *file* dari *library* komputermu. Perlu diingat bahwa kamu hanya bisa mengunggah format **.jpg, .jpeg, dan .png** ke dalam *library* 2D.
3. Gambar tersebut akan muncul di Editor.

## Cara Membuat Objek 2D Selalu Menghadap Depan

{% embed url="<https://youtu.be/NWnO-tPeytU>" %}

Ingin membuat objek 2D Anda selalu menghadap ke depan dari sudut mana pun? Gampang!

1. Pertama, klik objek 2D&#x20;
2. Kemudian, aktifkan tombol *Facing Front*.
3. Sekarang, objek  akan selalu menghadap ke depan dari sudut kamera mana pun!

### Tips Cepat!

Kamu juga bisa mengimpor objek 2D, sesimpel dengan cara ***drag file*****&#x20;dari&#x20;*****library*****&#x20;komputermu** langsung ke Editor!


# Masukkan Teks & Anotasi

## Cara Memasukkan Teks 3D

{% embed url="<https://youtu.be/ueLwY_4HJA4>" %}

1. Pertama, klik **Text**.
2. Ketik tulisan yang ingin kamu tunjukkan.
3. Selanjutnya, kamu juga bisa mengatur tipe *font*, level *extrude*\*, dan warna teks. Untuk menaruh teks, klik **Place**.

*\*Extrude adalah ilusi yang diberikan untuk memberikan efek ketebalan pada teks 3D.*

4. Di Editor, kamu juga bisa mengedit teks lebih lanjut dengan menggunakan ***tools*** **Transform**.

***

## Cara Memasukkan Anotasi Lingkaran

{% embed url="<https://youtu.be/mVju1TLxdGc>" %}

1. Pertama, klik **Text**.
2. Pilih opsi **Anotasi** dan pilih tipe **Circle**.
3. Tambahkan **deskripsi anotasi** kamu. Lalu, kamu juga bisa memilih untuk **mengubah label** anotasimu.
4. Untuk mengubah warna label, cukup klik **palet warna**. Namun, jika kamu sudah punya warna spesifik yang kamu inginkan, kamu juga bisa memasukkan **kode HTML warna** tersebut.
5. Klik **Place**, dan kamu bisa klik di mana pun untuk tempatkan anotasinya.
6. Jika kamu ingin mengedit detail anotasimu, klik pada anotasi tersebut dan ubah langsung detailnya.
7. Sebelum memublikasikan proyek, kamu mungkin ingin melihat bagaimana anotasi tersebut terlihat. Untuk melakukannya, kamu bisa melihat *preview* kreasimu.

## Cara Memasukkan Anotasi Garis

{% embed url="<https://youtu.be/G6jPPPm4taM>" %}

1. Pertama, klik **Text**.
2. Pilih **Annotation** dan klik tipe **Line**.
3. Ketik judul dan deskripsi tulisanmu. Lalu, pilih di mana kamu ingin tempatkan anotasimu. Setelah selesai, klik **Place**!
4. Sekarang, pilih target objek tertentu dan klik objeknya.
5. Klik anotasi yang sudah ditempatkan untuk mengubah detailnya.

### Cara Memasukkan Sticky Annotation

{% embed url="<https://youtu.be/IOVDkaZnz7I>" %}

1. Pertama, klik objek yang ingin ditambahkan Sticky Annotation.
2. Setelah itu, klik *Sticky Annotation*.
3. Pilih *Line Annotation*.
4. Kemudian tambahkan judul pada anotasi.
5. Masukkan teks anotasi.
6. Pilih tipe garis.
7. Klik *Place*.
8. Ketuk area spesifik untuk kamu letakkan anotasi.
9. Sekarang, anotasi tersebut akan menempel pada objek!

<br>


# Masukkan Video

{% embed url="<https://youtu.be/nrp9batARSU>" %}

Pertama, klik **Video**. Lalu, klik "**Browse Video File**" untuk mengunggah video punyamu.

Kamu bisa bebas memasukkan **video apa pun**, bahkan hingga video ***green screen***.

⚠️ Pastikan *file* video sudah sesuai dengan format yang kami punya:

* Ukuran maksimum: **10 MB**
* Resolusi maksimum: **720p**
* Format video: **MP4**

Jika sudah, kamu akan masuk ke halaman **Video Preview & Thumbnail Preview**.

<figure><img src="/files/2kWvTosIp6Z99xemc1ma" alt=""><figcaption></figcaption></figure>

Berikut beberapa hal yang bisa kamu lakukan di dalamnya:

1. Video title: Ubah judul video.
2. Slider video: Pilih *thumbnail* dengan cara geser *time slider.*
3. Change video: Ubah video.
4. Submit: Simpan video dalam *library.*

Jika sudah, video akan langsung terpasang di halaman Editor. Lalu, terdapat **tiga mode** yang bisa kamu sesuaikan dengan kebutuhan:

<figure><img src="/files/TKrTRnqYFhKX3MfpPkuL" alt=""><figcaption></figcaption></figure>

1. **Auto Play**: Saat kamu membuka proyek, video akan langsung dimainkan secara otomatis.
2. **Looping**: Video akan terus memutar secara berulang.
3. **Green screen video**: Khusus untuk video *green screen*.

Untuk menghilangkan warna hijau pada latar, kamu bisa atur ***cut-out level*** sesuai dengan tampilan yang kamu inginkan.

<figure><img src="/files/BIues4ue7kQfMx9upklj" alt=""><figcaption></figcaption></figure>

Terakhir, kamu bisa mengatur posisi dan ukuran video dengan ***tools*****&#x20;Transform** atau di **panel sebelah kanan**.


# Masukkan Audio

{% embed url="<https://youtu.be/LsyVTysrY4U>" %}

Pertama-tama, pilih menu **Audio**.

Kamu bisa memasukkan dua tipe audio: **BGM (*****background music*****)** dan **SFX (*****sound effects*****)**. Untuk opsi SFX, kamu harus memasukannya menggunakan[ **Interactivity Sound Effect**](/studio-id/editor-assemblr-studio/fitur-interactivity/media-video-control-and-sound-effect#cara-memasukkan-efek-suara-dengan-fitur-interactivity)**.**

<figure><img src="/files/n0LhyWXLDRRxoNkWDnVb" alt=""><figcaption></figcaption></figure>

Kalau mau, kamu bisa temukan dan gunakan berbagai audio yang tersedia di *library* secara langsung—baik itu yang gratis maupun berbayar.

Namun, jika kamu ingin mengunggah sendiri, kami juga menyediakan opsinya. Cukup klik opsi **Browse Audio File**, dan kamu bisa mengimpor *file* audio dalam format **MP3**.

<figure><img src="/files/2gkakehwbKkcqD2GzSTT" alt=""><figcaption></figcaption></figure>

Setelah menambahkan audio, kamu bisa melakukan **pengaturan lebih lanjut** untuk BGM dan SFX tersebut seperti:

* Mengatur volume.
* Apakah audio akan diputar di *scene* tertentu atau keseluruhan proyek (hanya untuk BGM).
* Opsi *looping* audio.

<figure><img src="/files/qsYD0whoYrAYSYo12tW6" alt=""><figcaption></figcaption></figure>

Jika sudah selesai, klik **Place**. Kamu bisa melakukan pengaturan ulang terhadap audio atau mengganti audio tersebut di panel kanan.


# Tools Transform di Editor

{% embed url="<https://youtu.be/0yIcasD8NiE>" %}

Di Editor Assemblr Studio, kamu bisa **ubah posisi dan ukuran objek** serta melakukan opsi-opsi pengubahan lainnya menggunakan ***tools*****&#x20;Transform**.

Kabar baiknya, *tools* Transform di Editor **sangat mudah dioperasikan.** Caranya sangat sederhana, cukup dalam beberapa langkah saja.


# Cara Memindahkan Objek

{% embed url="<https://youtu.be/o5cQ7mnWE2Q>" %}

Untuk memindahkan objek, kamu hanya perlu klik objek tersebut. Lalu, pilih **Move**.

Kamu bisa memindahkan objek dengan *gizmos* atau mengaturnya secara manual di panel sebelah kanan.


# Cara Memutar Objek

{% embed url="<https://youtu.be/9N7SR_WRaX0>" %}

Cara memutar objek juga sangatlah mudah. Klik objek, dan pilih **Rotate**.

Kamu bisa sesuaikan posisinya dengan *gizmos*, atau kamu juga bisa mengatur secara manual di panel sebelah kanan.


# Cara Mengubah Ukuran Objek

{% embed url="<https://youtu.be/RTBKnCIZLYw>" %}

Cara mengubah ukuran objek pun kurang lebih sama seperti memindahkan dan memutar objek. Untuk mengubah ukuran, klik objek, dan pilih **Scale**.

Untuk membuat ukuran objek **lebih kecil**, geser ke sebelah **kiri**. Sedangkan, kalau kamu ingin membuatnya **lebih besar**, geser ke **kanan**.

Kamu juga bisa menggunakan panel di sebelah kanan untuk mengatur ukuran secara manual.


# Cara Menyalin Objek

{% embed url="<https://youtu.be/9HjYnI0Av1U>" %}

Ingin menyalin objekmu? Klik objek, klik **More**, dan pilih **Duplicate**.

Selanjutnya, kamu bisa memindahkan, memutar, dan mengubah ukuran objek tersebut sesuai dengan keinginanmu.


# Cara Mencerminkan (Mirror) Objek

{% embed url="<https://youtu.be/w2RZDIgqEE4>" %}

Untuk membalikkan objek, caranya pun sama seperti menyalin objek.

Klik objek, pilih **More**, dan klik **Mirror.** Kamu bisa mencerminkannya di sepanjang **sumbu X** (kiri atau kanan), **Y** (atas atau bawah), dan **Z** (depan dan belakang).


# Cara Menyalin Objek ke Scene Lain

{% embed url="<https://youtu.be/gT53s1xEXmE>" %}

Untuk menyalin objek ke *scene* lain, klik objek tersebut.

Lalu, klik **More**, dan pilih **Copy To**.&#x20;

Terakhir, jangan lupa pilih *scene* di mana kamu ingin menempatkan objeknya.




---

[Next Page](/llms-full.txt/1)

