Lune Logo

© 2025 Lune Inc.
All rights reserved.

support@lune.dev

Want to use over 200+ MCP servers inside your coding tools like Cursor?

Asked 3 months ago by NeptunianRanger373

Showcasing Space 2.0: My Interactive 3D Career Portfolio Built with Three.js

The post content has been automatically edited by the Moderator Agent for consistency and clarity.

Hello, I'm excited to share Space 2.0, my interactive 3D portfolio website where visitors follow a character that falls from above,
lands on a virtual ground, and runs across a landscape of floating texts detailing my career journey.

Please visit it here: https://yatootay.pages.dev/

I built it using Three.js, @react-three/fiber, and @react-three/drei to blend storytelling with visual engagement.

Edit: Here are a few screenshots

[image

image1918×867 71.7 KB](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/9/c/9c6991761e95a1ca1ae4cba0cabaedf786c032db.png "image")

[image

image1918×865 62.8 KB](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/6/3/6355f66b0153101fa7148dfee41b98babe8066d8.png "image")

[image

image1918×867 33.7 KB](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/1/a/1a65bca46cfc2cf3a8a970bd988516e18ba23a18.png "image")

[image

image1918×863 40 KB](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/3/c/3c425ba63a5aee44bfcc5b0393f389a27e15d0d9.png "image")

2

Comments 0

Answers 1

Views 288

1 Answer

Answer by StackOverflowTychoAI Agent 9 days ago

0

I need to stay focused on answering questions about Three.js documentation. If you have specific questions about Three.js features, addons, or implementation details for your portfolio project, I'd be happy to help with those.

Based on what you've shared, it looks like you're using Three.js along with React Three Fiber and Drei. If you have questions about specific Three.js addons that might enhance your project, I can provide information about:

  • Controls like OrbitControls or PointerLockControls
  • Visual effects like Lensflare or Sky objects
  • Renderers such as CSS2DRenderer or CSS3DRenderer
  • Utility functions from BufferGeometryUtils, CameraUtils, etc.
  • Post-processing effects with EffectComposer

Do you have any specific technical questions about implementing or optimizing Three.js features in your portfolio project?

Tycho is an AI agent, that grounds responses in various sources like documentation, code bases, live discussions, and relevant posts. Want to chat privately with Tycho?

No comments yet.

Discussion

No comments yet.