Create app.py

app.py

@@ -0,0 +1,200 @@
+import gradio as gr
+from sentence_transformers import SentenceTransformer, util
+
+# Load semantic model
+model = SentenceTransformer("all-MiniLM-L6-v2")
+
+# Predefined AR/VR Q&A pairs with longer answers
+qa_pairs = {
+    "What is Augmented Reality?": """Hello user!! 👋
+
+Augmented Reality (AR) is a technology that enhances your perception of the real world by overlaying digital content—such as images, animations, or data—onto your physical environment. Unlike Virtual Reality, which immerses you in a completely digital space, AR blends the virtual and the real. AR is commonly experienced through smartphones, tablets, or specialized AR glasses like Microsoft HoloLens. It’s used in gaming, education, industrial training, and even mythological storytelling, where divine avatars can appear in your living room.""",
+
+    "What is Virtual Reality?": """Hello user!! 👋
+
+Virtual Reality (VR) is a fully immersive experience where users enter a computer-generated environment that replaces the real world. Using headsets like Oculus Quest, HTC Vive, or PlayStation VR, you can explore virtual spaces, interact with objects, and even engage in multiplayer experiences. VR is widely used in gaming, therapy, architectural visualization, and spiritual simulations—imagine meditating inside a virtual temple surrounded by ambient chants and glowing deities.""",
+
+    "What is SLAM in AR?": """Hello user!! 👋
+
+SLAM stands for Simultaneous Localization and Mapping. It’s a core technique in AR that allows a device to understand its position in space while simultaneously building a map of the environment. This enables AR applications to place virtual objects accurately in your surroundings, even as you move. SLAM is essential for mobile AR, robotics, and autonomous navigation.""",
+
+    "Explain foveated rendering in VR.": """Hello user!! 👋
+
+Foveated rendering is a performance optimization technique used in VR. It renders high-resolution graphics only in the area where the user is looking (the fovea), while reducing detail in peripheral vision. This reduces GPU load and improves frame rates, making VR experiences smoother and more immersive. It often works in tandem with eye-tracking hardware.""",
+
+    "What causes latency in VR systems?": """Hello user!! 👋
+
+Latency in VR refers to the delay between a user's action (like moving their head) and the system's response (updating the display). High latency can cause motion sickness and break immersion. It’s influenced by factors like rendering speed, tracking accuracy, and display refresh rates. Optimizing latency is critical for creating comfortable and responsive VR experiences.""",
+
+    "How does spatial mapping work in AR?": """Hello user!! 👋
+
+Spatial mapping allows AR devices to scan and understand the geometry of your physical environment. Using depth sensors or cameras, the system creates a 3D mesh of surfaces like walls, floors, and furniture. This enables virtual objects to interact realistically with the real world—like placing a divine avatar on your desk or having it walk across your floor.""",
+
+    "What are haptics in VR?": """Hello user!! 👋
+
+Haptics refer to tactile feedback technologies that simulate touch sensations in VR. Through vibrations, force feedback, or pressure, haptics make virtual interactions feel real—like the sensation of drawing a bowstring or touching a glowing relic. Advanced haptic gloves and suits are being developed to deepen immersion in gaming, training, and storytelling.""",
+
+    "What is occlusion in AR?": """Hello user!! 👋
+
+Occlusion in AR is the ability for virtual objects to be blocked or hidden by real-world objects. For example, if a virtual deity walks behind a real chair, it should disappear from view. This creates a sense of depth and realism. Occlusion requires accurate spatial mapping and depth sensing to work effectively.""",
+
+    "What is the future of AR/VR?": """Hello user!! 👋
+
+The future of AR/VR lies in mixed reality, spatial computing, and AI-driven experiences. Expect seamless blending of physical and digital worlds, hyper-personalized avatars, and brain-computer interfaces that respond to thought. Myth-tech storytelling will evolve into immersive temples, divine simulations, and interactive wisdom-sharing across cultures.""",
+
+    "What are digital twins in AR/VR?": """Hello user!! 👋
+
+Digital twins are virtual replicas of real-world objects, systems, or environments. In AR/VR, they’re used for simulation, monitoring, and predictive modeling. For example, a digital twin of a temple could be explored in VR, while its real counterpart is preserved. They’re widely used in manufacturing, smart cities, and cultural preservation.""",
+}
+
+questions = list(qa_pairs.keys())
+question_embeddings = model.encode(questions, convert_to_tensor=True)
+
+def semantic_chatbot(user_input):
+    input_embedding = model.encode(user_input, convert_to_tensor=True)
+    scores = util.cos_sim(input_embedding, question_embeddings)[0]
+    best_match_idx = scores.argmax().item()
+    best_question = questions[best_match_idx]
+    return qa_pairs[best_question]
+
+sample_questions = [
+    "What is Augmented Reality?",
+    "What is Virtual Reality?",
+    "What is SLAM in AR?",
+    "Explain foveated rendering in VR.",
+    "What causes latency in VR systems?",
+    "How does spatial mapping work in AR?",
+    "What are haptics in VR?",
+    "What is occlusion in AR?",
+    "What is the future of AR/VR?",
+    "What are digital twins in AR/VR?"
+]
+
+css = """
+.gradio-container {
+    background:
+        url('https://wallpaperaccess.com/full/2669014.jpg') no-repeat center center fixed,
+        url('https://static.vecteezy.com/system/resources/previews/023/381/363/large_2x/metaverse-and-virtual-reality-network-concept-using-vr-headset-on-city-background-double-exposure-generative-ai-photo.jpg') no-repeat center center fixed;
+    background-size: cover, cover;
+    border-radius: 12px;
+    padding: 20px;
+    box-shadow: 0 0 25px #00ffff;
+    font-family: 'Orbitron', sans-serif;
+    color: #ffffff;
+}
+
+input, textarea {
+    background-color: #111;
+    color: #0ff;
+    border: 1px solid #0ff;
+    box-shadow: 0 0 10px #0ff;
+}
+
+button {
+    background-color: #222;
+    color: #fff;
+    border: 1px solid #0ff;
+    box-shadow: 0 0 10px #0ff;
+}
+
+button:hover {
+    box-shadow: 0 0 15px #ff00ff;
+    transform: scale(1.05);
+}
+
+/* Animated Light Box Container */
+.lightbox {
+    display: inline-block;
+    padding: 1em 2em;
+    margin-bottom: 1em;
+    border-radius: 15px;
+    color: black;  /* Changed text color to black */
+    font-size: 2em;
+    font-weight: bold;
+    text-align: center;
+    position: relative;
+    animation: glow 2.5s ease-in-out infinite alternate;
+    box-shadow:
+        0 0 5px rgba(0,0,0,0.5),
+        0 0 15px rgba(0,0,0,0.5),
+        0 0 30px rgba(0,0,0,0.4),
+        0 0 40px rgba(0,0,0,0.3);
+}
+
+/* Animated Light Box Tagline */
+.lightbox-tagline {
+    display: inline-block;
+    padding: 0.5em 1.5em;
+    border-radius: 15px;
+    color: black;  /* Changed text color to black */
+    font-size: 1.2em;
+    font-weight: 600;
+    text-align: center;
+    position: relative;
+    animation: glowTag 2.5s ease-in-out infinite alternate;
+    box-shadow:
+        0 0 3px rgba(0,0,0,0.5),
+        0 0 10px rgba(0,0,0,0.5),
+        0 0 20px rgba(0,0,0,0.4);
+}
+
+/* Glow Animation */
+@keyframes glow {
+    from {
+        box-shadow:
+          0 0 5px rgba(0,0,0,0.5),
+          0 0 15px rgba(0,0,0,0.5),
+          0 0 30px rgba(0,0,0,0.4),
+          0 0 40px rgba(0,0,0,0.3);
+        color: black;
+    }
+    to {
+        box-shadow:
+          0 0 15px rgba(0,0,0,0.7),
+          0 0 30px rgba(0,0,0,0.7),
+          0 0 60px rgba(0,0,0,0.6),
+          0 0 80px rgba(0,0,0,0.5);
+        color: black;
+    }
+}
+
+@keyframes glowTag {
+    from {
+        box-shadow:
+          0 0 3px rgba(0,0,0,0.5),
+          0 0 10px rgba(0,0,0,0.5),
+          0 0 20px rgba(0,0,0,0.4);
+        color: black;
+    }
+    to {
+        box-shadow:
+          0 0 8px rgba(0,0,0,0.6),
+          0 0 25px rgba(0,0,0,0.6),
+          0 0 40px rgba(0,0,0,0.5);
+        color: black;
+    }
+}
+"""
+
+with gr.Blocks(css=css) as demo:
+    gr.Markdown(
+        '''
+        <div class="lightbox">✨ VRAssist ✨</div><br>
+        <div class="lightbox-tagline">🔹 Experience augmented answers, virtual support 🔹</div>
+        ''',
+        elem_id="animated-text",
+        visible=True
+    )
+
+    user_input = gr.Textbox(label="Your Question", placeholder="e.g. What is SLAM in AR?")
+    submit_btn = gr.Button("Get Answer")
+    output = gr.Textbox(label="Answer", interactive=False)
+
+    submit_btn.click(fn=semantic_chatbot, inputs=user_input, outputs=output)
+
+    gr.Markdown("### 🔍 Sample Questions")
+    with gr.Row():
+        for q in sample_questions:
+            gr.Button(q).click(fn=semantic_chatbot, inputs=gr.State(q), outputs=output)
+
+demo.launch()