Quoridor 3D

A visually enhanced, animated, and optimized browser implementation of the classic Quoridor board game. Built with Three.js, this project features smooth original sculpted by the hands of Ram Shay, an Israeli sculpture artist, 3D generated with an added character movement, wall placement animations, and a modern UI.

Features

• 3D animated board and pawns
• Smooth player movement with arc animation
• Animated wall placement with visual feedback
• CPU-optimized visual effects (bloom, fog, lighting)
• Responsive UI with modal and button animations
• Full support for human vs. human and human vs. AI
• Pathfinding and wall placement validation
• Multi-language support (English/Hebrew)

How to Run

1. Clone or download the repository.
2. Open index.html in your browser (no server required).
3. Play Quoridor with beautiful 3D visuals!

Controls

• Click a cell to move your pawn.
• Click the wall button, then click to place a wall.
• Use the reset button to restart the game.
• Switch language with the language toggle.

Project Structure

• index.html — Main HTML file
• styles.css — UI and animation styles
• js/ — All game logic and rendering code
• assets/ — Textures and 3D model resources

Credits

• Developed by ShaharFullStack
• 3D models and textures: see assets/ subfolders
• Built with Three.js

---

Quoridor 3D (עברית)

מימוש דפדפן תלת-ממדי, מונפש ומודרני למשחק הלוח קוורידור. הפרויקט כולל לוח תלת-ממדי, דמויות מקוריות שפוסלו על ידי רם שי, אמן ופסל ישראלי, הדמויות עברו חילול תלת ממדי, הן מונפשות בתנועה ובעישון, אנימציות הצבת חומה, וממשק משתמש עכשווי.

תכונות עיקריות

• לוח ודמויות בתלת-ממד עם אנימציות
• תנועת שחקן חלקה עם קשת קפיצה
• עשן לסיגריה ולסיגר של הדמויות
• אנימציות להצבת חומה עם משוב חזותי
• אפקטים ויזואליים ממוטבים לביצועים (בוהק, ערפל, תאורה)
• ממשק משתמש רספונסיבי עם אנימציות
• תמיכה מלאה בשחקן מול שחקן ובשחקן מול מחשב
• אימות מסלולים וחוקיות הצבת חומה
• תמיכה בריבוי שפות (עברית/אנגלית)

איך מריצים

1. לשכפל או להוריד את המאגר.
2. לפתוח את index.html בדפדפן (אין צורך בשרת).
3. לשחק קוורידור עם גרפיקה תלת-ממדית מרהיבה!

שליטה במשחק

• לחיצה על תא תזיז את הדמות.
• לחיצה על כפתור החומה ואז על הלוח תציב חומה.
• כפתור איפוס יאתחל את המשחק.
• ניתן להחליף שפה בלחיצה על כפתור השפה.

מבנה הפרויקט

• index.html — קובץ HTML ראשי
• styles.css — עיצוב ואנימציות
• js/ — קוד המשחק והגרפיקה
• assets/ — טקסטורות ומשאבי תלת-ממד

קרדיטים

• פיתוח: ShaharFullStack
• מודלים וטקסטורות: ראו תיקיית assets/
• מבוסס על Three.js