Appearance
Arcade › Mia Viewer
Click the game above and it runs right here in your browser. No download, no installer, no account needed. Phongsit built it with Cinevva, so it works on a phone or a tablet too.
Nobody has said anything about Mia Viewer yet. Play it, then tell Phongsit what you would add next.
Mia Viewer was built by Phongsit with the Cinevva game creator: describe the game you want in chat, watch it get built, and play it in your browser minutes later.
Remix Mia Viewer opens the real game in the creator and forks its actual files, chat and design doc, so you start from the code rather than from a description.
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-based 3D model viewer titled “Mia Viewer,” using Three.js and the provided asset `assets/Rig_model_mia.glb`. This is an interactive presentation viewer rather than a conventional game: show one stylized humanoid character model named Mia standing centered on a dark circular display platform. Load the GLB asynchronously and show a full-screen dark loading overlay reading “Loading Mia…” until it is ready; if loading fails, replace it with “Could not load Mia model.” Once loaded, remove the overlay, normalize the model so its lowest point rests on the platform, and frame it automatically in the camera based on its bounding box. If the GLB contains animations, create an AnimationMixer and play an idle/breath/stand-named clip when available, otherwise play the first animation, so the character can subtly animate in place. Use a dark navy-gray full-window background with subtle fog. Add a large flat dark circular ground/display disk beneath the character, with a thin translucent blue circular ring slightly above its surface around the model. Use soft cool hemispheric fill lighting plus a strong white directional key light from above/front-right; enable shadows on the loaded model and platform where supported. Render with antialiasing, sRGB color output, ACES filmic tone mapping, and a mildly bright exposure for the soft pastel/cool appearance visible in the reference. Keep the camera as a perspective camera and initially compose a three-quarter elevated view of the full character, with the model prominently filling the center of the screen. Make the main interaction orbit inspection: implement orbit controls on the canvas so dragging rotates the camera around Mia, scrolling zooms in and out, damping provides smooth motion, the minimum camera distance is about 1.2 and maximum about 12, and prevent the orbit from going below the display (maximum polar angle about 0.49π). Target the character’s bounding-box center/roughly upper body rather than the world origin. Recalculate the camera aspect and renderer size on window resize. Keep the scene continuously rendering and update the animation mixer and orbit damping each frame. Overlay UI should be minimal and match the reference: at the upper-left, display a rounded semi-transparent dark label reading “Drag to orbit · Scroll to zoom”; at the upper-right, display a rounded blue button/link labeled “Download model” that downloads `assets/Rig_model_mia.glb` with the filename `Rig_model_mia.glb`. The UI should use a system sans-serif font, white/light text, and remain fixed over the full-screen canvas. Do not add combat, score, health, enemies, environment props, menus, or other gameplay systems; the sole purpose is to inspect and download the animated Mia model.