Skip to main content
Skip table of contents

Setting up fiducial markers

This guide will walk you through how to set up fiducial markers in OKO.


Instructions

Creating a Fiducial Marker

Select a Fiducial Marker

Pick a photo, picture, or any 2D image that is a minimum of 20 cm x 20 cm. The image should contain unique elements so that you can tell which way is up/down/left/right. Avoid picking something that only has one color, or a repeating pattern which looks the same in any orientation.

The following image would work because it has many colors, many unique features, and you can tell left from right, up from down. This means the image recognition will also work.

FM1.jpg

The following image would be unsuitable because it’s just one color and we can’t tell which way is up/down/left/right.

FM2.jpg

Crop the Image

Crop your image and line it up so that it only contains the image which will be a marker. Make sure the crop is rectangle shaped and a minimum of 20 cm x 20 cm. Traditionally, a square format is preferred.

Food_Truck_iPhone.PNG

Adjust your cropping as needed

Food_Truck_iPhone_Crop.PNG

Once you are done cropping, save it to the iPhone as a new picture.

Fiducial_Marker_1500x1500_Pexels_inmar_b_florian.jpg

Print the Fiducial Marker if Needed

If the image doesn’t exist in a physical format, print the fiducial marker.

Make sure the printed image is at least 20 cm by 20 cm.

Measure the Fiducial Marker

Measure the width and height of the fiducial marker, and write it down.

Fiducial_033_Ruler.JPG

Create a New Space on OKO iOS

 the OKO iOS app and create a new space

Fiducial_001_Food_Truck_Fiducial_Marker.PNG

Add the cropped image to the space

Add the cropped image to the space.

Fiducial_004_Add.PNG

Select the Image Upload icon

Fiducial_005_Add_Image.PNG

Select the image you would like to use as the Fiducial Marker

Fiducial_010_Add_Food_Truck_Image.PNG

You could also add some other assets of your choice around the space so that they are re-localized once the resolving is successful.

Create the Fiducial Marker

  1. Select the image (long press)

Fiducial_023_Image.PNG

When you long press the image, you’ll see a circle that shows how long you need to long press the image for the selection to complete.

Fiducial_024_Selecting.PNG
  1. Tap the 2 dots in the top right corner.

Fiducial_025_Selected.PNG

 

  1. Tap ‘Create Fiducial Marker’.

Fiducial_026_Menu.PNG

Enter the Measurements of the Fiducial Marker

Enter your measurement for width in the Width textbox

Fiducial_027_Entering_Size.PNG

Set the Position of the Fiducial Marker in OKO Web

  1. Enter the space using the OKO Web client.

Food_Truck_01.png
Food_Truck_02.png
  1. Select the entity of the fiducial marker, rather than the component.

    Note that I have added a few assets (soda cans and a burrito) in front of the fiducial marker.

Food_Truck_04.png
  1. Use the widget and input tools to position the Entity (parent) containing the Image as close as you can to the image’s real-life height/orientation. Avoid changing the values of the FiducialMarker component if possible, as that will make it harder to keep track of.
    Note: only horizontal (laying flat, facing up) and vertical (upright, facing user) orientations are currently supported.

Food_Truck_05.png

Avoid changing values on the FiducialMarker component

  1. Make sure to NOT change the scale values of the Image or the Entity, as this would interfere with resolving. If you changed them by accident, you can Edit the Fiducial Marker in the same way you created it, and input the width and height again. That should set them back to the expected values.

  2. Your Fiducial Marker should now be set up in the right place, with the right scale and orientation.

Resolve the Fiducial Marker on OKO iOS

  1. Launch the OKO iOS client.

  2. Make sure “Calibrate with Fiducial Marker” is enabled in your Location settings.

Settings1.PNG
  1. Enter the space.

Spaces.PNG
  1. Go to AR mode.

Resolve_Fiducial_04.png
  1. Move the phone around as directed, and be sure to point your camera at the ground as well.

Resolve_Fiducial_05.png
  1. There will be a popup telling you a fiducial marker has been loaded and ready for resolving.

Resolve_Fiducial_06.png
  1. Point your AR camera to the real-life picture you designated as a marker. If it doesn’t resolve right away, move closer.

Resolve_Fiducial_07.png
  1. Once resolving is successful a small widget will appear on the tracked image, to signify which axis points to where.

Resolve_Fiducial_08.png
  1. Observe the rest of your content in the space will be moved relative to the digital image in the space, aligned with the physical image.

Resolve_Fiducial_09.png

 

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.