Arcadia Loop

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.

Rebuild a responsive French-language web game platform called “Arcadia Loop”, presented as a polished dark dashboard rather than a single traditional level. Use a deep navy background (#0c1020) with a subtle radial blue glow, translucent panels, thin borders, rounded 12–18px corners, and mint/turquoise plus violet accents. Add a full-screen decorative Three.js background containing 24 small floating low-poly icosahedral shapes in mint and violet, slowly rotating; it is purely decorative and does not receive input.

Layout: a 72px desktop top bar with the Arcadia Loop brand at left: a rounded-square gradient logo shifting mint/violet/pink with a dark inset diamond/hole, and “ARCADIA LOOP / PLAY • BUILD • SHARE”. At right show pills for “● 12 amis en ligne”, “◈ 2 480”, “Niv. 18”, a circular peach/pink avatar labeled “AL”, and a notification button. Below, use a desktop two-column layout: a 220px left sidebar and scrollable main content. Sidebar navigation includes Explorer entries for Accueil, Découvrir, Rechercher, Jeux populaires, Nouveaux jeux; Studio entries for Mes jeux and Favoris; platform entries such as Amis, Boutique, Récompenses, Coffres, Inventaire, Profil, Paramètres; include a prominent mint-to-blue “＋ CRÉER UN JEU” button and a “◈ Admin global — DEMO” entry. On narrow screens hide the sidebar, reduce the top bar, and use a fixed bottom navigation with the first four entries.

Home page: show the mint uppercase eyebrow “Ton espace de création”, a large heading “Des mondes à découvrir. Des idées à publier.” with the second line mint, and explanatory copy saying Arcadia Loop lets users explore 3D experiences, test concepts, and submit them for global validation. Include a rounded search field with a magnifying-glass glyph and placeholder “Rechercher un jeu, un créateur…”. Below, show “À la une” and “Mis à jour aujourd’hui”, followed by responsive game cards. Seed the public catalog with exactly these visible examples: Skyline Sprint by Mina K. (description about an aerial race on suspended islands, 8 players, 1240 favorites, rating 4.8, accepted/public, course, mint color); Crystal Clash by Studio Lumen (crystal arena tactical duel, 12 players, 890 favorites, rating 4.6, accepted/public, combat, violet color); Mossbound by Ari Loop (co-op adventure prototype in a foggy valley, 4 players, draft/private, adventure, yellow color); Parcel Panic by Nox (deliver parcels without falling into moving gaps, 8 players, awaiting validation/private, cooperation, pink color). Only accepted/public games appear in Featured and Discover.

Each card has a generated canvas thumbnail: a diagonal gradient from the game color to dark navy, several translucent angular polygon shapes, and small “ARCADIA LOOP” text; overlay the uppercase kind badge. Show title, description, player count, favorites, rating or “Nouveau”, then “JOUER” and a flag/report button. Search live-filters public cards by name, creator, or description.

Below the home cards show “Activité récente / Ton compte” with four stat tiles: 4 Jeux créés, 2 En attente, 86 Favoris reçus, 7 Récompenses. The Discover page is a “Catalogue public” page with the same public cards. The “Mes jeux” page is a creator library showing only games created by Ari Loop, with status badge, version, PUBLIC/PRIVÉ, and MODIFIER/TESTER controls.

Implement the create/edit workflow in a modal. It must include a “Studio mobile” eyebrow, create or edit title, note that new games are private by default, selectable templates adventure, combat, course, obby, survie, coopération, name input, max-player select (2, 4, 8, 12, 16), description textarea, a simple-rule select (reach objective, eliminate opposing team, survive longest, cooperate to deliver), and a notice explaining automatic checks plus mandatory human moderation. Buttons: SAUVEGARDER, TESTER, ENVOYER POUR VALIDATION. Saving requires a name and creates/updates a private draft. Submission requires a name, a description of at least 20 characters, and player count; it changes status to “EN ATTENTE DE VALIDATION”, keeps the game private, increments edited versions, adds a validation log and notification, then shows a toast.

The JOUER/TESTER action opens a modal headed “Expérience 3D” or “Mode test privé”. Include the selected game title and description, then a 310px Three.js playable local demo. The demo scene has a dark navy background, a circular low-poly dark blue cylindrical platform/floor, a glowing mint faceted icosahedron “core” floating at y=1, and nine thin concentric torus rings around it in mint/violet, slightly staggered vertically. Add hemisphere and directional lighting. The core continuously rotates. Move it with WASD or arrow keys, with x and z clamped to approximately -3.8..3.8 and speed about 4 units/second. Animate the rings slowly in alternating directions. State explicitly in a notice that it is a local playable demo and real online multiplayer requires a session server. Include SIGNALER and FERMER buttons. Reporting opens a Trust & Safety modal for the selected game with category choices (inappropriate content, cheating, abusive behavior, technical issue, other), details textarea, and ENVOYER LE SIGNALEMENT; submission gives a toast that the report entered the admin queue.

Implement an Admin global DEMO page. It should show a transparent notice that actions are local to the session and that server-side controls, real biometrics, and online multiplayer require production backend. Show stats for 1 248 connected users, number of public games, pending games, and 3 reports. Render a validation queue for games with awaiting-validation or changes-requested status, with columns for game, creator, version, status and actions VOIR, ACCEPTER, MODIFIER, REFUSER. Accepting requires confirmation, marks the game accepted/public, records a log, notifies the creator, refreshes catalog and shows a toast. Requesting changes prompts for a required reason and logs it. Refusing prompts for a required reason, marks the game refused/private, logs it, notifies the creator, and shows a toast. Include a read-only admin log with administrator, action, target, date, and result. The DEMO biometrics button must only show a message that no real biometric data is read or stored.

Use crisp system sans-serif typography, uppercase letter-spaced eyebrow labels, muted lavender body text, mint active navigation and primary actions, yellow warning controls, pink/red danger controls, subtle shadows, backdrop blur, and accessible responsive overflow behavior. Use modal overlays with blur and close-on-background behavior, toast notifications at bottom right, and preserve the described initial in-memory data and local-session behavior; do not imply a real server, actual biometrics, or real multiplayer.