Welcome to the AR Animal Interaction Mobile Website! This platform provides an engaging experience where you can interact with various animals using Augmented Reality (AR) and enjoy a variety of audio interactions. Learn about the features below to explore the fun! 🚀

This is a mobile(iOS/Android) specified Project, You can't play on Windows/Mac. if you access via these devices, so many of limitations are activated. (including layout) WE HIGHLY RECOMMEND PLAY BY SMARTPHONE, THANKS!

AUTOMATIC DEPLOY TO

https://kimaris.vercel.app

1. Place and Interact with 3D Animals in AR

   • Install is available. you can install this web App into your home screen. Then you can use them as music player when offline. (This App uses PWA. also uses Workbox to function without Wifi/5G/4G)
   • Offline-Compatible. The latest technology of ServiceWorker(WorkBox) can this App run offline (partially)
   • Place virtual 3D animals onto real-world surfaces using your mobile device. 🐘🐅
   • Animals are interactive (only default page, not AR mode): touch their tummies repeatedly, and you can play game with them, by dialogue and sounds! 😄

2. Animal HP and Battle Game Mode

   • Each animal has its own HP (Health Points). Reduce their HP by interacting with them. 💥
   • Engage in battle game mode: YOU vs 🐯 like Pokemon.

3. Smooth Surface Detection

   • The app detects land surfaces for realistic AR animal placement. Animals adjust seamlessly to your environment. 📀✨

4. Real-Time Audio Manipulation

   • Enjoy real-time audio effects that change dynamically with each interaction. The pitch and speed of the audio will adjust based on game stage (I made this API as implementation.)

• ARKit and ThreeJS, React: These technologies power the AR experience and allow for smooth integration with mobile devices. 📱
• Service Worker: For store the HTML data and can work on offline. ⚛️
• Web Audio API: For real-time pitch and speed audio manipulation, delivering customized audio effects.

1. Interact with the Animal 👋

   • Touch the animal's head (around neck) to see it react! Each interaction may reduce its HP, bringing a game-like element to the experience. 🟤

2. Battle Mode ⚔️

   • Enable multiple animals, interact with them, and watch them battle! This is a unique feature that sets our app apart from other AR experiences.

3. Explore Audio Reactions 🎙️

   • Touching any item triggers a variety of sounds for interaction and enjoyment.

extra. AR MODE 🚀

• touch top-right AR button to dive in AR mode.
• Point your camera towards a flat surface, and once detected, place the animal of your choice by tapping on your screen.

• AR 3D Animals: You can put animals wherever you want, making the experience much more immersive. 🐾
• HP-Based Interaction: Animals have health points, opening up possibilities for competitive play and creative interactions. 🎮
• Custom Animations and Audio: Users can choose different animations for each animal, and the audio experience adapts to those animations, providing a fully immersive experience. 🎵
• Rich Audio Features: The inclusion of real-time audio manipulation makes interactions feel dynamic. Different pitch, speed, and sound effects for each animal interaction add depth to the user experience.
• PWA(SPA) offline-Compatible: The latest technology of ServiceWorker(WorkBox) can this App run offline(partially, because 3D model is loaded from the server in order to prevent size limitation)📱