Skip to content

Abzikel/ar-presentation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

5 Momentos del Español - WebAR Experience

License: MIT

Welcome to the AR Presentation repository! This project is an Augmented Reality (WebAR) application designed to accompany the educational presentation "5 momentos del Español".

Technologies

HTML5 JavaScript A-Frame

How to Experience It (Demo)

This AR experience requires two screens to work effectively (e.g., a laptop screen showing the targets and a smartphone acting as the scanner).

Step 1: Launch the AR Scanner (Mobile)

  1. Open your smartphone's web browser and navigate to: [https://abzikel.dev/ar-presentation/]
  2. Grant the browser permission to access your camera.
  3. Tap the "Comenzar Experiencia" button to unlock the browser's audio context.

Step 2: Scan the Targets

Point your smartphone camera at the target images below (or download the full presentation.pdf from the /assets folder). The characters will automatically appear and start speaking.

Testing Targets

(Click on a character's name to reveal their target image. Keep only one image open at a time for optimal AR scanning).

Aldrica (Germanic Influence)
Aldrica Target
Alfonso (Translation School)
Alfonso Target
Ixchel (Indigenous Languages)
Ixchel Target
Lucio (Latin Roots)
Lucio Target
You (Future of the Language)
You Target
Zahira (Arabic Influence)
Zahira Target

Structure

/ar-presentation/
│
├── assets/                 
│   ├── targets/            (Raw .png images used for README display)
│   ├── videos/             (Optimized .mp4 video overlays)
│   ├── presentation.pdf    (Full visual presentation for download)
│   └── targets.mind        (Compiled tracker file containing the 6 images)
│
├── index.html              (Main WebAR scanner application)
├── style.css               (Custom styles for the start screen and UI elements)
├── LICENSE                 (MIT License file detailing project usage rights)
├── .gitignore              (Defines the files and folders that Git should ignore)
└── README.md               (Project documentation - this file)

Credits

This project was developed to support the presentation by:

About

Web-based Augmented Reality application for educational presentations. Built with JavaScript, A-Frame, and MindAR to project 2D video over static image targets.

Topics

Resources

License

Stars

Watchers

Forks

Contributors