Student project

The Little Hero’s Big Adventure: intro

Interactive 3D Web Experience
Cover image of the intro
Genre
Interactive 3D Web Experience
Project year
2024/2025
Client

The Little Hero’s Big Adventure: intro is a browser-based interactive 3D experience designed to introduce and promote  VR game: The Little Hero’s Big Adventure through interaction and progression-based exploration.

Skills
  • Designed modular 3D application architecture using object-oriented programming in TypeScript
  • Built interactive, event-driven 3D systems with structured user progression and gameplay-style logic
Tools
  • JavaScript
  • TypeScript
  • Three.js
  • Vite
  • GitHub
  • GitHub Pages (deployment)
Core Gameplay Systems
  • The project consists of a website featuring four levels, with only one level active at any given time. The scene of the active level is interactable and rendered. Each level is implemented as an independent class, containing its own logic, objects, and interactions. However, all levels share a set of common functions, which are managed and called through the main.ts.
    • Levels 1, 2, and 3 feature clickable objects that are instances of the Button class.
    • Level 4 introduces clickable objects that are instances of the Enemy class, in addition to the Button class. The project follows a linear progression of click events, eventually leading to the final website that showcases the VR game for which this introductory website was built.
Screenshot
Screenshot
Screenshot
Screenshot
No items found.
My Role

I designed and developed the project end to end, implementing the Three.js architecture, interaction systems, level logic, and progression flow, as well as building and deploying the web experience

Other projects

Let’s connect

I’m always happy to connect with people who are passionate about game development, interactive experiences, and creative technology. Whether you’re interested in collaboration, have a project in mind, or want to talk about potential opportunities, feel free to reach out. I’d love to hear from you.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.