Location Marker AR Scene Production Manual [For Business/Enterprise (paid) plans]

About Location Markers

A location marker is one of the alignment features provided by STYLY that places a marker in the real-world environment to serve as the origin.

In a typical AR scene (created using the AR template), planar detection is used at scene startup to find the origin and then play the scene each time the AR scene is launched. In AR scenes using location markers, there is no need for planar detection; instead, the marker set up in the real-world environment acts as the origin. This is recommended for creating AR scenes that link to the real-world environment.

Image13

Introduction of Patterns Using Location Markers

Here are three examples of AR scenes that use location markers.

Footprint Type
Place the location marker on the ground or floor, setting it as the origin of the AR scene.

Image7

Business Card or Sticker Type
Use this when creating an AR scene linked to a business card or sticker.

Image6

Signboard Type
Place a location marker on a signboard or wall, setting it as the origin of the AR scene.

Image4

Plans That Support Location Markers

Available with Business/Enterprise (paid) plans or higher.

How to Create an AR Scene Using Location Markers

On the new scene creation screen, select the location marker and click the [Create Scene] button. *Note: Location marker templates can only be selected with a Business/Enterprise (paid) plan or higher.

Image18

The Location Maker asset placed in the scene serves as the origin, so build the AR scene with the Location Maker asset as the origin.

Image15

Changing the position and orientation of the Location Maker asset will sync with the location marker’s position and orientation in the real world. However, note that the size of the Location Maker asset does not sync.

Image13

Location Maker asset set vertically, assuming a signboard. Position and orientation are synced, but the size is not, so be aware.


 

Image8

Place the Location Maker asset on the floor, assuming a footprint type.

Once the scene is created, click the publish button.

Image16

Click the Publish button to publish the scene.

Image19

Creating a Location ID from the Scene URL

Copy the scene URL.

Image5

Select a location. (*The location screen button is only displayed for Business/Enterprise (paid) plans or higher)

Image3

Click the New Location button.

Image12

Enter the location name and details, paste the copied scene URL in the scene field, and click the save button after adding the scene.

Image9

The creation of the Location ID is complete.

Image17

Creating a Location Marker from a Location ID

You need to pre-determine the actual size of the location marker when printed. The actual size of the location marker is the length and width of the printed marker part, as shown in the image below.

Image10

Location markers need to include size information (in cm) within the QR code to be generated later (this information adjusts the scene scale in Studio based on size). For example, if you print a 30cm x 30cm marker with size information set to 10cm x 10cm, the scale in the scene will be inaccurate.

The steps to issue a location marker are as follows:

Step 1: Enter the Location ID in the red text part
https://styly.cc/?location=Location ID

Example:
https://styly.cc/?location=520779be-2e6d-40b3-9241-a493aeb390bd

Step 2: After the Location ID, enter the actual printed size of the location marker (in meters)
https://styly.cc/?location=Location ID&size=Printed Size[m]

Example: For a 20cm (0.2m) location marker
https://styly.cc/?location=520779be-2e6d-40b3-9241-a493aeb390bd&size=0.2

Step 3: Encode the created URL in the URL Encode/Decode form (https://www.tagindex.com/tool/url.html).

Enter the URL created in Step 2 into the encoding form and click the encode button.

Image11

The encoded URL will be generated in the form.

Image20

Step 4: Replace the red text part with the encoded URL
https://styly.app.link/release?$desktop_url=Encoded URL

Example:
https://styly.app.link/release?$desktop_url=https%3A%2F%2Fstyly.cc%2F%3Flocation%3D520779be-2e6d-40b3-9241-a493aeb390bd%26size%3D0.2

Use this URL as-is without shortening it, as shortened URLs may not function correctly.

Step 5: Use a QR code creation site (https://ao-system.net/qrcodesvg/) to convert the URL created in Step 4 into a QR code.

Enter the URL created in Step 4 in the data entry form and click the create button.

Image2

Download the generated QR code.

Image14

Step 6: Combine the QR code and STYLY marker image.

Ensure compliance with the STYLY marker guidelines. Non-compliance may result in issues with AR content experience.

STYLY Marker Guidelines
https://drive.google.com/file/d/1n42VhofeRKecKskMgmT4RNu4zDkeepS8/view?usp=sharing

Download the STYLY Marker AI file https://drive.google.com/file/d/1hGpowVQjRLTKsoMqtMt6YpAaPvZFj7RT/view?usp=sharing

Examples of services that can handle AI files
Adobe, GIMP

Steps to Experience a Location Marker AR Scene

  1. Tap scan on the STYLY mobile app.
  2. Tap “Yes” when the message “Location detected” is displayed.
  3. Match the displayed location frame.
  4. The AR scene with the location marker is created.
Image1

Frequently Asked Questions

Q: How does the location marker behave?
I’d like to use something like a signboard as a marker to visualize a 3D model at a specific location in AR. Is this achievable with location markers?
A: By using a location marker QR code signboard as the base (origin), a 3D model can be displayed in AR when that marker is scanned.

Q: Can I continue publishing scenes using location markers after canceling the Business/Enterprise plan?
A: Yes, scenes created with location markers can still be experienced. However, if you cancel the Business/Enterprise plan, you will no longer be able to create or edit scenes using location markers.

Here are features unavailable when switching from the Business/Enterprise plan to the Creator plan:
・Editing titles and details related to locations
・Adding new locations
・Adding new scenes to existing locations

Q: Can I set up multiple location markers so that a 3D model moves dynamically between them?
A: Since each location marker corresponds to one scene, sharing locations between multiple markers is not possible.

Q: Is the marker displayed after pressing the AR experience button in a published scene different from the location marker?
A: Yes, they are different.

Q: The guideline’s recommended layout states a maximum width of 50cm for the marker. If it exceeds this size, should I follow the recommended ratio in the guide?
A: Please adhere to the guidelines, as they affect marker reading accuracy during the experience.

Q: Could you share the best practices for printing and displaying location markers?
A: Important points for marker creation:
・Use a marker size of at least 200mm x 200mm if possible
・Opt for non-reflective printing
・Print the marker on a flat surface (avoid curving it)
・Place the marker either parallel or vertical to the ground

Notes on the surrounding environment where markers are placed (conditions prone to content misalignment):
・Reflective flooring
・Solid white or repeating patterns on floors or walls (few distinctive points)

If there are few (or no) distinctive points around the location marker, misalignment may occur. Please consider the above precautions.

*Distinctive points: Points in the image that stand out and can be detected. Since location estimation is based on image features, environments with solid colors or repetitive patterns on walls or floors make estimation difficult, causing misalignment.

Q: What’s the difference between city templates and location markers?

 

City Templates

Location Markers

Marker Presence

Markerless

Uses dedicated markers

Plan

Available from the Creator plan
*Non-commercial use only

Available from the Business/Enterprise plan

Location Range

Available only in locations with city templates

Usable in any location with a dedicated marker

Occlusion

Occlusion with city models is possible

If you want to apply occlusion to assets placed in the scene, read the AR Occlusion Explanation Manual and place AR Occlusion HighQuality or AR Occlusion FAST in the scene.

If you want to apply occlusion to assets placed in the scene, read the AR Occlusion Explanation Manual and place AR Occlusion HighQuality or AR Occlusion FAST in the scene.

Q: Can I use location markers on a moving train or boat?
A: Due to significant position shifts, both location markers and AR in general are not suitable. In AR, self-positioning is estimated using camera video, accelerometer, and gyroscope. If the camera captures a moving landscape, the position relative to the initially placed AR object will shift. Additionally, if the smartphone detects train acceleration, the AR object will shift accordingly. When experiencing AR content, a stable environment where the surrounding landscape does not move and you do not move significantly is required.