# AR Examples

This directory contains example AR poster configurations for Liveposter.

## Important Note

These examples use **placeholder target files** (`targets/poster1.mind`, etc.). To use these examples in a real AR application, you need to:

1. **Generate your own `.mind` target files** using the [MindAR Image Tracking Compiler](https://hiukim.github.io/mind-ar-js-doc/tools/compile)
2. Place your `.mind` files in a `targets/` directory
3. Update the `targetFiles` paths in the JSON configurations

## Example Files

- **ar-demo-1-model.json** - Single 3D model on one target
- **ar-demo-2-multi-model.json** - Multiple models on different targets
- **ar-demo-3-mixed-layers.json** - Mixed layers (model + image overlay)

## How to Generate .mind Files

1. Visit: https://hiukim.github.io/mind-ar-js-doc/tools/compile
2. Upload your target image (the physical poster/image you'll scan)
3. Download the generated `.mind` file
4. Place it in the `targets/` directory
5. Update the `targetFiles` path in your poster spec

## Testing AR Examples

### Development Mode
```bash
npx liveposter ar-dev ar-examples/ar-demo-1-model.json
```

### Build for Deployment
```bash
npx liveposter ar-build ar-examples/ar-demo-1-model.json dist-ar
```

## CDN Resources Used

All examples use CDN-hosted models and images:
- 3D Models: MindAR example assets
- Images: Lorem Picsum placeholders

For production, replace these with your own assets.