Olise Hoops 3D

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 small browser-based 3D animated basketball scene titled “Olise Hoops 3D.” Use Three.js or an equivalent real-time 3D renderer inside a responsive page. The main play area is a large rounded-rectangle light-blue stage with a white border and soft shadow, surrounded by a pale blue/cream page background. Under the stage, add a white rounded HUD bar: on the left show the orange bold title “Olise Hoops 3D 🏀” and the subtitle “Animasi kartun 3D — dribble, lompat, lalu shoot!”; on the right provide two orange buttons with dark-red pressed shadows, labeled “❚❚ Jeda” (pause/resume) and “↻ Ulangi” (replay). Make the layout responsive for mobile.

Inside the stage, show a stylized low-detail cartoon basketball court from an elevated three-quarter perspective. The court is a rectangular warm orange/light-wood floor with thin cream longitudinal and transverse lines. At the far/right end, build a basketball goal: a tall dark blue pole, a large white rectangular backboard with a red/orange inset frame, an orange-red circular rim projecting toward the court, and a simple white hanging net made from several thin vertical/slanted strands. Add a simple cartoon crowd along the back edge: roughly a dozen alternating green and coral/red block-like bodies with spherical heads.

The player is a simple cartoon athlete named Olise, positioned on the left side and moving toward the hoop. Build him from primitive meshes: white sleeveless jersey/body with a thin red stripe, peach skin head and arms, dark navy flattened hair cap, large white eyes with dark pupils, dark navy legs, and coral/red shoes. Keep the proportions rounded and toy-like. A small orange basketball with dark seam-like line geometry accompanies him.

The only gameplay is a fixed eight-second scripted animation; do not add score, lives, enemies, shots, menus, or invented interactive mechanics. Start playing automatically. During the first roughly 32% of the animation, animate the player traveling from x≈-9 to x≈-1 while lightly dribbling: the ball is near his side/front and bounces vertically. During the next roughly 28%, move him from x≈-1 to x≈6 and make him jump, with the ball held high near his upper body. During the final roughly 40%, move him from x≈6 to x≈7.8 while airborne and animate the ball on a curved upward/forward shot trajectory toward the hoop, traveling from around x≈7.3,y≈6.2 to x≈10,y≈2 with a sine-shaped arc. Continuously rotate the ball slightly, swing the legs and arms for a running/jumping motion, and subtly sway the player. At eight seconds stop/freeze the animation and change the play button label to “▶ Mulai”; while playing it reads “❚❚ Jeda.” The replay button resets the timeline to zero and starts it again; the play button toggles pause/resume, and if the animation is finished, pressing play restarts it. Use a pale sky-blue scene background with matching distance fog, soft hemisphere and directional lighting, shadows, and a clean colorful cartoon aesthetic. Camera should be a perspective camera positioned around (15,11,22) looking toward the court/player-hoop action near (0,3,0), keeping the court, player, crowd, and hoop visible.