https://github.com/habbatul/3d-nostalgia

3D Website for Nostalgia, built with ThreeJS (Vanilla)
https://github.com/habbatul/3d-nostalgia

onprogress shader threejs vitejs

Last synced: 9 days ago
JSON representation

3D Website for Nostalgia, built with ThreeJS (Vanilla)

• Host: GitHub
• URL: https://github.com/habbatul/3d-nostalgia
• Owner: Habbatul
• Created: 2024-05-02T16:47:50.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2025-01-01T13:20:12.000Z (about 1 month ago)
• Last Synced: 2025-01-01T14:23:10.923Z (about 1 month ago)
• Topics: onprogress, shader, threejs, vitejs
• Language: JavaScript
• Homepage: https://habbatul.github.io/3D-Nostalgia/
• Size: 13.1 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 3D Nostalgia 💾

**Deployment :** [habbatul.github.io/3D-Nostalgia/](https://habbatul.github.io/3D-Nostalgia/)

**Content :**

- [📺 About](#about)

- [🕹️ Run on Your PC](#run_local)

- [⌨️ Tech Stack](#stack)

## 📺 About 

A three-dimensional website with a digital nostalgia theme for Gen Z, featuring a lonely and liminal atmosphere. This website is created as an exploration of WebGL using Three.js. My exploration involves basic trigonometry, shaders, application of GLTF and HDRI, the combination of WebGL-Three.js with JavaScript event handlers, and more.

## 🕹️ Run on Your PC 

Install npm on your desktop and run this web locally 🖥️.

```

git clone 

npm install

npx vite

```

## ⌨️ Tech Stack 

My focus is on exploring vanilla JavaScript and implementing trigonometry and some basic Computer Graphic. Basically, Three.js provides everything we need.

- Vite

- ThreeJS

- Javascript (Vanilla)