Skip to content

Arcade › Anime Atelier

Anime Atelier

  • 3d
  • character-creator
  • customization
  • anime
  • interactive-studio
0
Remix it Discord

0 plays

How to play

Click the game above and it runs right here in your browser. No download, no installer, no account needed. Xinjin xie built it with Cinevva, so it works on a phone or a tablet too.

Discussion

Nobody has said anything about Anime Atelier yet. Play it, then tell Xinjin xie what you would add next.

Make your own game

Anime Atelier was built by Xinjin xie 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 Anime Atelier 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.

Read the build brief for Anime Atelier

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 responsive interactive 3D character-customization studio called “Anime Atelier.” The experience is an anime-inspired original-character creator rather than an action game: show a single stylized low-poly/chibi female heroine standing centered on a dark circular studio pedestal, viewed from a slightly elevated perspective with a close three-quarter/back view. The character should have a large layered pink/lilac anime hairstyle, a purple kimono-like outfit, simple pale hands and feet, and soft shadows. Use a dark navy-black studio environment with subtle fog, a near-black backdrop, a large thin glowing pale-pink circular accent ring around the character’s feet, and cinematic soft lighting: warm key light from the upper front/right, cool blue fill/rim from the opposite side, and gentle ambient illumination. The scene should feel like a polished character-design viewport, with a perspective camera that can orbit around the character and zoom. Support click-drag on the 3D viewport to rotate the view and mouse-wheel/trackpad scrolling to zoom; disable panning and constrain the orbit to sensible vertical angles and distances. Keep the heroine centered as the camera rotates, and include a subtle rotating animation on the floor ring.

Build the interface as a two-column layout on desktop: a left dark translucent/gradient control panel about 270–340px wide and the 3D viewport filling the rest. On small screens, stack the viewport above the controls. In the viewport, display the brand “ANIME ATELIER” in uppercase at the upper-left, with “ATELIER” accented pink, and a bottom-center pill hint reading “Drag to rotate · Scroll to zoom.” In the panel, show a small green status badge “3D character studio,” the heading “Build your heroine,” and descriptive copy about anime-inspired customization with adjustable proportions, color palettes, and outfit direction, explicitly framing it as an original character rather than a 1:1 copy. Add three tabs: Body, Style, and Pose; Body is selected initially and only its content is visible.

Body tab: provide a Measurements section with live values and four horizontal range sliders. Height ranges from 150 to 190 cm and starts at 170 cm; show “170 cm.” Shoulders range 35–70%, starts at 50%; waist ranges 35–70%, starts at 50%; hips range 35–75%, starts at 55%. Updating Height vertically scales the model, updating Shoulders subtly changes its width, and updating Hips subtly changes depth/width. Display each value in pink. Include the waist control and live value as part of the UI even if its visual effect is minimal. The customizer should preserve the values in state.

Style tab: provide a Palette section with four clickable gradient swatches: rose (selected initially, pink/lilac), crimson (red/dark plum), midnight (blue/navy), and ivory (cream/warm brown). Applying a palette recolors the model’s skin/body materials, hair materials, and clothing materials using the palette’s coordinated colors. Below it, provide an Asset direction section with four selectable cards: “Silk Kimono” with “soft folds · elegant” (selected initially), “Combat Chic” with “sharp · athletic,” “Power Suit” with “clean · modern,” and “Street Idol” with “playful · bold.” These style choices are presentation/direction controls for the same displayed character; selecting Combat Chic should switch to the crimson palette, Power Suit to midnight, and Street Idol to ivory, while Silk Kimono is the initial kimono direction. Use active borders/highlights to show selections.

Pose tab: provide a Presentation section with four selectable cards: “Relaxed” / “soft idle loop” (selected initially), “Victory” / “confident stance,” “Action” / “heroic silhouette,” and “Walk” / “runway motion.” If using an animated character asset, map these to idle, victory, sword-slash/action, and walk/runway animation clips, stopping the previous clip and fading the new one in. The model should animate continuously when an animation is available.

At the bottom of the panel add two buttons: a dark secondary “Randomize” button and a pink gradient primary “Save look” button. Randomize should generate a new character configuration within these ranges (height 155–185 cm, shoulders 40–65%, waist 40–63%, hips 42–70%), update all displayed slider values, and apply it immediately. Save look should not navigate away; briefly change its label to “Saved ✓” and then return to “Save look.” Use a refined dark UI with white headings, muted lavender-gray secondary text, thin translucent borders, rounded controls/cards, pink accent color, and blue secondary accent. Include shadows and clean typography. Preserve a simple creator-state object containing height, shoulders, waist, hips, selected palette, style, pose, and saved status so the current look can be read or restored.

More free browser games

Browse the whole Arcade →