IlmQuest — Journey of Knowledge

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Create a browser-playable 3D exploration/knowledge-collection game titled “IlmQuest — Journey of Knowledge.” Use Three.js or an equivalent real-time 3D engine with a dark, elegant Islamic-inspired presentation. The camera is a third-person perspective camera positioned high and behind the player, producing an isometric-like view of the ground; it follows a small blocky humanoid adventurer. The scene should use warm directional sunlight, softer ambient/fill light, cool rim light, soft shadows, subtle fog, and a dark purple/near-black sky filled with many small warm stars. Use an expansive sandy-gold oasis hub ground plane with scattered rocks, decorative palm trees, randomly rotated stone paths, and a central fountain: a tiered stone/metal basin with blue water-like material, a pillar, and a glowing golden orb that gently bobs and pulses.

The main hub contains six evenly spaced glowing knowledge portals arranged in a circle around the fountain, each about nine world units from the center. Each portal is an arched gateway made from two stone pillars, a semicircular stone arch, a glowing colored torus/ring and a translucent inner glow plane, sitting on a round stone platform with a small colored marker pillar. The six portals represent these realms, each with its own accent color and subtitle: Al-Quran — “The Final Revelation” (green); Al-Hadith — “Sayings of the Prophet ﷺ” (blue); Al-Anbiya — “Stories of the Prophets” (gold); As-Sahaba — “The Noble Companions” (purple); As-Seerah — “Life of the Prophet ﷺ” (orange); and Al-Akhlaq — “Beautiful Character” (cyan). Animate the portal glow opacity and ring rotation continuously, and make the fountain orb pulse/bob.

The player starts in the hub at the fountain area and moves freely over the hub with WASD or arrow keys. Movement is relative to the current camera angle, speed is moderate, and the avatar turns to face its movement direction. Keep the player within a circular hub boundary. Support Q and R for incremental camera rotation and mouse-wheel camera rotation. Also support a simple touch joystick: drag on a touch screen to move, clamping the drag vector. Press E near a portal to enter it. Transition between the hub and realms with a black fade lasting roughly half a second.

Each realm is a separate small floating-island knowledge world positioned far from the hub in the 3D scene and reached by the fade transition. The player is placed on the island on entry and is constrained to roughly a four-unit radius. Build each island from a chunky dark stone cylindrical underside and a sandy circular top. Put a small pale cylindrical building with a colored half-dome near one edge, matching that realm’s accent color. Surround the island with six small stone pillars topped by glowing accent-colored orbs. Place exactly three collectible parchment/scroll objects on each island at distinct positions. Each scroll is a horizontal cream-colored short cylinder with a small floating glowing colored sphere above it. The scroll glows should gently bob up and down.

The three scroll texts for Al-Quran are: “The Quran was revealed over 23 years to Prophet Muhammad ﷺ”; “It contains 114 Surahs, divided into Makki and Madani”; and “The first revelation was ‘Iqra!’ (Read!) in Cave Hira”. For Al-Hadith use: “Hadith are the recorded sayings and actions of Prophet Muhammad ﷺ”; “Sahih Bukhari & Sahih Muslim are the most authentic collections”; and “The Prophet ﷺ said: ‘Seeking knowledge is obligatory upon every Muslim’”. For Al-Anbiya use: “25 prophets are mentioned by name in the Quran”; “Prophet Muhammad ﷺ is the Seal of the Prophets”; and “Every prophet called their people to Tawhid — worship of One God”. For As-Sahaba use: “Abu Bakr As-Siddiq was the first Caliph and closest companion”; “Umar ibn Al-Khattab was renowned for his justice and wisdom”; and “The Sahaba sacrificed their wealth and lives to preserve Islam”. For As-Seerah use: “The Prophet ﷺ was born in Makkah in the Year of the Elephant”; “The Hijrah to Madinah marks the beginning of the Islamic calendar”; and “The Constitution of Madinah established religious freedom for all”. For Al-Akhlaq use: “Honesty (Sidq) is the foundation of all good character”; “Patience (Sabr) is half of faith — ‘Allah is with the patient’”; and “Kindness to parents is among the most beloved deeds to Allah”.

Each realm also has a small horizontal glowing return ring near the edge of the island. Press E near it to return to the Oasis Hub. Press E near an uncollected scroll to collect it: hide that scroll, increase the global Knowledge counter by one, and show a centered knowledge toast with a scroll icon and the exact educational text. When all three scrolls in the current realm are collected, change the quest objective to “✓ Complete! Return to the portal.” The hub quest begins as “Explore the Realms” with objective “Visit all 6 realms of knowledge”; while inside a realm, show that realm name as the quest title and “Collect all 3 knowledge scrolls” as the objective. Track 18 scrolls total and display the number collected as Knowledge. After completed realms, show progress such as “1/6 realms completed” in the hub, and when all six are complete show “✦ Master of Knowledge ✦”, “You have completed all realms!”, and a celebratory toast about mastering the six realms.

Build a refined HUD over the 3D scene. Add a thin double gold ornamental frame inset around the entire viewport, gold L-shaped corner ornaments, and a dark translucent quest panel in the upper-left with a small uppercase spaced “✦ CURRENT QUEST” heading, quest title, and italic objective. Add a matching upper-right dark panel with a large gold number and uppercase spaced “KNOWLEDGE” label. At the bottom center show the current location in small uppercase gold lettering, initially “THE OASIS HUB,” changing to the realm name and subtitle on entry. Near the lower center, show a dark translucent bordered interaction prompt only when relevant, such as “Press E to enter Al-Quran,” “Press E to collect knowledge,” or “Press E to return to the Hub.” Centered educational toasts should fade in and out over the game. Use serif typography (Georgia/Times-like), nearly black navy backgrounds, muted antique gold borders and text, and restrained ornamentation. Include responsive layout adjustments for narrow mobile screens. Start with a welcome toast: “Welcome to IlmQuest. Explore the 6 realms to gain knowledge.” Background ambient audio may loop quietly after the first click or key press.