Skip to content

Srijan-Petwal/3D-within-3D

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🖥️ 3D-within-3D

3D within 3D Banner

Tip

🚀 A trippy 3D experience where a 3D game runs inside a 3D MacBook, inside your real laptop screen.
Yes — it’s a game within a 3D laptop, being viewed on a real laptop.
That’s recursion for the frontend devs. 😉


🌐 Play It Now

🎮 snowy-escape-on-laptop.netlify.app


🧠 The Concept

-It ain't that serious actually😓 I just used it to test stuff out and practice

  • 📦 A 3D-modeled MacBook (using GLTF/Blender)
  • 🕹️ A fully playable 3D game embedded inside its screen
  • 👀 A viewer’s paradox — you’re looking at a laptop inside your laptop inside a browser

🤯 You’re using a laptop to view a laptop that contains a game. How deep does the rabbit hole go?


🚀 Tech Stack

Core Animation

| JavaScript | React Three Fiber |


🎨 Features

  • 💻 Interactive 3D MacBook model as a scene wrapper
  • 🧊 Embedded game from Snowy Escape
  • 🌀 Smooth transitions and animations using Javascript + R3F
  • 🎯 Click, rotate, and go inside the laptop(zoom-in!)

📸 Screenshots

🔁 The Inception Moment

MacBook with Game

📦 Gameplay view

Game on Screen


📦 Installation (for local development)

git clone https://github.com/Srijan-Petwal/3D-within-3D.git
cd 3D-within-3D
npm install
npm run dev

About

Trying to push the boundaries of 3D web frontend by infusing a 3D game within a 3D model(MacBook?!). You can actually play the 3D game I built within the 3D laptop on your screen. Also if you are currently viewing it on a laptop then you are using a laptop to view a laptop on the screen to play a 3D game, trippy right?? That's the intent!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors