Character Simulator(Walk Simulator) ๐ฎ is an exciting game developed using the three.js technology stack, offering players an immersive virtual world to explore. In this game, you'll experience precise collision detection between the scenery and the characters, ensuring a realistic and smooth gaming experience. Additionally, the game features a dual-person perspective switch, allowing you to seamlessly switch between the first-person and third-person views, enhancing your ability to explore the game world. To optimize performance, the camera occlusion optimization feature has been cleverly applied, providing you with smoother game visuals and animations. Moreover, "Walk Simulator" incorporates elements of NES game simulation, allowing you to relive the nostalgia of classic games. Whether you're exploring unknown worlds or taking on various gaming challenges, you'll find joy and excitement in Character Simulator(Walk Simulator)!
๐จ๐ณไธญๆ
walk: W
/S
/A
/D
jump: Space
view: left mouse button
Switch person perspective: V
Trigger Interaction: F
- First and Third Person Perspective Switch.
- High-Performance Collision Detection.
- Third-Person Camera Occlusion Handling.
- Interactive Box Detection.
- NES Game Emulation.
Although this project is developed using Vue3
and TypeScript
, the core functionalities are still encapsulated using an object-oriented approach. Vue code is less invasive, allowing for easier migration to other technology stacks for developers.
โโโ src # Source code
โ โโโ application # Core game source code section
| | โโโ audio # Audio class (create positional audio)
| | โโโ character # Character class (character model control)
| | โโโ control # Keyboard control class (keyboard key state management)
| | โโโ core # Core base class (includes camera, renderer, scene, etc.)
| | โโโ emitter # Event emitter class (dispatch various events)
| | โโโ environment # Environment class (create map models, lights, scene textures)
| | โโโ interactionDetection # Interaction detection class (intersection detection between character box and interaction box triggers)
| | โโโ loader # Loader class (fbx, glb, audio, etc. loader management)
| | โโโ utils # Utility functions
| | | โโโ typeAssert.ts # Type inference utility functions
| | โโโ world # Core game class (used to manage core elements in the game world, including environment, character, interaction detection, and audio components)
| | โโโ Constants.ts # Constant definitions (define model/texture/media resource paths, event dispatch names, etc.)
โ โโโ assets # Resource folder
| | โโโ audio # Audio files
| | โโโ font # Font files
| | โโโ img # Image files
| | โโโ models # Model files
| | โโโ nes # Nes game files
| | โโโ main.css # Global stylesheet
โ โโโ components # vue็ปไปถ
| | โโโ LoadProgress.vue # Loading component
| | โโโ NesGameDialog.vue # Nes game dialog component (run Nes games)
| | โโโ NotifyTips.vue # Interaction notification component
โ โโโ typings # Type declarations
โ โโโ App.vue # Entry page
โ โโโ main.js # Entry file (load components, global styles, initialization, etc.)
Open source is not easy, your support is my continuous motivation! This project is an open source project, donations are voluntary.
npm install
npm run dev
npm run build