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.
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.
Business Card or Sticker Type
Use this when creating an AR scene linked to a business card or sticker.
Signboard Type
Place a location marker on a signboard or wall, setting it as the origin of the AR scene.
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.
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.
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.
Place the Location Maker asset on the floor, assuming a footprint type.
Once the scene is created, click the publish button.
Click the Publish button to publish the scene.
Creating a Location ID from the Scene URL
Copy the scene URL.
Select a location. (*The location screen button is only displayed for Business/Enterprise (paid) plans or higher)
Click the New Location button.
Enter the location name and details, paste the copied scene URL in the scene field, and click the save button after adding the scene.
The creation of the Location ID is complete.
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.
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.
The encoded URL will be generated in the form.
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.
Download the generated QR code.
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
- Tap scan on the STYLY mobile app.
- Tap “Yes” when the message “Location detected” is displayed.
- Match the displayed location frame.
- The AR scene with the location marker is created.
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 |
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.