# How to create Image-based AR campaign ### What is Image-based AR When an image is found by web app camera, AR content(s) appear on top of it or near it. The content can be a 3D model (static/animated), video, image gallery or even interactive buttons. If you are looking for a customized image-based AR web app, our team can help you to achive it. This is based on a combination of Three.js, A-Frame and Mind AR. The engagement and entertainment rate are quite high for image-based Augmented Reality. Image-based AR experience is tied to your custom image. This means that you can use the target image in **real world** (banner, ad, leaflet, magazine etc.) or **digital world** (Facebook ads, Twitter, LinkedIn, Instagram, TikTok or anywhere). The AR experience will be displayed on top of the image and move along with the image as it moves around. **Use Cases**: Product marketing, gamification experience, entertainment, augmented art, business card, ed-tech sector (books), magazine ads, flyers, any form of printed advertising etc. to bring the best AR experience for users. Imagination is the limit for image based AR. **Compatibility**: It works on any phone with [**webgl**](https://caniuse.com/webgl) and [**webrtc**](https://caniuse.com/stream). ### Step by Step Process to Create Image-based AR Follow the below steps to build your first AR campaign within minutes. Go to the central dashboard (after you login, you land up here) and click on any of the buttons - **Create AR Campaigns** or **Add New Campaign**. 1\. Provide a name for your campaign. Please remember not to use any space, underscore or special character within the campaign name (Read [here](https://help.marvinxr.com/books/marvin-xr-help-manual/page/how-to-create-surface-ar-campaign#:~:text=As%20a%20security,not%20with%20HTTPS.) for associated reasons). [![How to create Image-based AR campaign-IMG1.png](https://help.marvinxr.com/uploads/images/gallery/2025-03/how-to-create-image-based-ar-campaign-img1.png)](https://help.marvinxr.com/uploads/images/gallery/2023-08/0jwrnghago.png) 2\. Drag your traget image (.PNG format) to the dropbox and click on Start button to create the camera identifiable format (targets.mind). Based on the size and the complexity of the image, it can take from few seconds to couple of minutes to complete this step. Click **Download** button to download the AI generated camera recognition trained model (**targets.mind**).

Do not change the name of the file. Keep the trained model name as **targets.mind**

[![How to create Image-based AR campaign-IMG2.png](https://help.marvinxr.com/uploads/images/gallery/2025-03/how-to-create-image-based-ar-campaign-img2.png)](https://help.marvinxr.com/uploads/images/gallery/2023-02/VLBimage.png) 3\. Now upload the following to the campaign: - Target Image (**PNG**) - AI trained model for camera recognition (**targets.mind**) - 3D model (**GLB**) If you don't have a 3D model, no worries - there's a default 3D model in the template (you can change it later anytime after the campaign creation). Click on the **Create AR Campaign** button to finish the setup. [![How to create Image-based AR campaign-IMG3.png](https://help.marvinxr.com/uploads/images/gallery/2025-03/how-to-create-image-based-ar-campaign-img3.png)](https://help.marvinxr.com/uploads/images/gallery/2023-02/Ozlimage.png) 4\. Your AR campaign can take up to 2 minute to get created. Read [here](https://help.marvinxr.com/books/marvin-xr-help-manual/page/how-to-create-surface-ar-campaign#:~:text=Once%20you%20hit,work%20just%20fine.) for the associated reasns [![How to create Image-based AR campaign-IMG4.png](https://help.marvinxr.com/uploads/images/gallery/2025-03/how-to-create-image-based-ar-campaign-img4.png)](https://help.marvinxr.com/uploads/images/gallery/2023-02/eFximage.png) Congratulations! Now you have created your first image-based AR campaign. Enjoy the experience.