Spear Toss Challenge - Athletic Sports Game

Seele01-Flash
By
Spear Toss Challenge is an immersive sports game that combines running, precision aiming, and strategic timing. Test your athletic skills as you compete for high scores in this engaging javelin-style competition.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Spear Toss Challenge". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: "Flat 3D" / Minimalist aesthetic. Use an **Orthographic Camera** to recreate the 2D side-scrolling look from the screenshot, but use 3D primitives (BoxGeometry, CylinderGeometry) for smoother animation. * **Character**: A simple geometric character composed of boxes: White cube for the head, Red cube for the body, and Black thin boxes for arms/legs. Implement simple procedural animation for running (limb rotation). * **The Spear**: A long, thin cylinder or box (black) with a pointed tip. * **Environment**: * **Foreground**: A solid green ground plane. * **Background**: Procedurally generated vertical "tree trunks" (green cylinders or planes) of varying widths and shades of green. Implement a **parallax scrolling effect** where background trees move slower than foreground elements to create depth. * **Performance**: Use a single texture atlas or vertex colors (no heavy textures). Limit shadow casting to the character and spear only to maintain 60 FPS on mobile. ### 2. Audio Requirements * **BGM**: A lighthearted, looping "8-bit" or "Casual Arcade" style track (upbeat and repetitive). * **Sound Effects (SFX)**: * *Running*: Rapid, rhythmic footstep sounds (ticking or light thuds). * *Aiming*: A rising pitch sound effect indicating the angle changing. * *Throw*: A sharp "Whoosh" or "Swipe" air sound. * *Impact*: A wood-chopping sound or "Thud" when the spear hits the ground. * *UI*: A generic "Click" for menu buttons. ### 3. Gameplay Loop * **Mechanic - The Three-Tap System**: 1. **Tap 1 (Run)**: The character starts auto-running from left to right. Speed gradually increases (capping at a max speed). 2. **Tap 2 (Aim)**: The character stops running at their current position. An angle indicator (arrow or arc line) immediately starts oscillating up and down (between 0 and 90 degrees). 3. **Tap 3 (Throw)**: The spear is launched based on the character's accumulated run speed (Force) and the current angle (Trajectory). * **Foul Line**: Include a visible "Foul Line" on the ground. If the player waits too long to press Tap 2 and runs past this line, the throw is invalid (Game Over/0 Score). * **Camera Behavior**: The camera tracks the character during the run, then smoothly transitions to follow the spear during flight, and stops when the spear sticks into the ground. * **Scoring**: Score is calculated based on the distance traveled (World Units). Show a "New Record" popup if the local high score is beaten. ### 4. Mobile Controls & Interaction * **Input Method**: **Full-screen tap**. No virtual joysticks needed. The entire screen serves as the interaction button. * **Orientation**: **Landscape Mode** (preferred for horizontal distance games). Code should handle resize events gracefully. * **UI & HUD**: * Top Left: Best Score. * Top Right: Current Distance (updates in real-time during flight). * Overlay: "Tap to Start", "Tap to Aim", "Tap to Throw" hints appearing contextually. * Replay Button: Large, touch-friendly button (min 48x48px) appearing after the run ends. * **Feedback**: * **Visual**: A trail renderer following the spear tip to visualize the arc. * **Haptics**: Trigger `navigator.vibrate(50)` when the spear is thrown and `navigator.vibrate(100)` when it hits the ground. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Spear Toss Challenge is an exciting sports simulation game that captures the thrill of athletic competition. With a solid 3.7/5 rating from players, this game delivers an authentic spear throwing experience that combines physical timing, strategic aiming, and competitive spirit. Whether you're a sports enthusiast or casual gamer, you'll find yourself immersed in the challenge of perfecting your throw.

Core Features

Realistic Athletic Experience

Experience the complete javelin throwing process from start to finish. Begin with a strategic run-up through scenic forest environments, build momentum, and execute the perfect throw. The game captures the essence of track and field athletics in an accessible, engaging format.

Three-Phase Gameplay System

The game breaks down spear throwing into three critical phases: - Running Phase : Build up speed and momentum through forest terrain - Aiming Phase : Calculate the perfect angle for maximum distance - Launch Phase : Execute your throw with precise timing

Competitive Leaderboard System

Climb the global rankings as you improve your throwing technique. Each successful throw contributes to your overall score, encouraging repeated play and skill development. The high score system adds a competitive element that keeps players engaged.

Instant Browser Gaming

As an HTML5 game, Spear Toss Challenge requires no downloads or installations. Simply open your browser and start playing immediately on any device.

Game Mechanics

Strategic Timing Elements

Success in Spear Toss Challenge depends on mastering the timing of each phase. The running phase builds momentum that directly affects your throwing power. The aiming phase requires careful consideration of wind conditions and terrain. The launch phase demands split-second timing for optimal release.

Environmental Factors

The forest setting isn't just aesthetic - it affects gameplay through varying terrain and environmental challenges. Navigate through trees and obstacles while maintaining your running rhythm and planning your throw trajectory.

Operation Guide

Simple Mouse Controls

The game uses intuitive mouse-based controls: - First Click : Initiate the running phase and build momentum - Second Click : Enter aiming mode and adjust your spear angle - Third Click : Launch the spear with your chosen trajectory

Mastering the Technique

Success requires understanding the relationship between running speed, aiming angle, and release timing. Practice different combinations to find your optimal throwing strategy. The game rewards both consistency and risk-taking, as longer throws yield higher scores but require more precise timing.

Platform Compatibility

Play seamlessly across devices: - Desktop : Full mouse control with precise clicking - Mobile : Touch-friendly interface adapted for smartphones and tablets - Tablet : Optimized for larger touch screens

Why Play Spear Toss Challenge

Perfect for Quick Gaming Sessions

The game's instant-play format makes it ideal for short breaks or casual gaming sessions. Each attempt takes only minutes, making it perfect for busy schedules while still providing engaging challenge.

Skill Development Focus

Unlike luck-based games, Spear Toss Challenge rewards practice and skill development. Players can see measurable improvement in their throwing technique and scores over time.

Nostalgic Sports Appeal

The game taps into the classic appeal of track and field athletics, offering a digital version of javelin throwing that's accessible to everyone. It's perfect for sports fans and anyone interested in athletic competition.

Family-Friendly Entertainment

With its simple controls and clean gameplay, the game is suitable for players of all ages. The competitive element encourages friendly family competitions and shared gaming experiences.

Frequently Asked Questions (FAQ)