https://github.com/lukevdb01/3d-web-canvas

A Vue.js-based playground for exploring Three.js features.
https://github.com/lukevdb01/3d-web-canvas

3d-graphics opengl shaders sponza-demo three-js vuejs webapp webgl

Last synced: 3 months ago
JSON representation

A Vue.js-based playground for exploring Three.js features.

• Host: GitHub
• URL: https://github.com/lukevdb01/3d-web-canvas
• Owner: Lukevdb01
• License: mit
• Created: 2025-04-13T21:28:54.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-04-22T23:06:42.000Z (about 1 year ago)
• Last Synced: 2025-04-27T09:59:00.903Z (about 1 year ago)
• Topics: 3d-graphics, opengl, shaders, sponza-demo, three-js, vuejs, webapp, webgl
• Language: JavaScript
• Homepage: https://lukevdb01.github.io/3D-web-canvas/
• Size: 42.2 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
## 3D Web Canvas

An interactive 3D web application built with Vue.js and Three.js to explore real-time rendering in the browser.

**Features:**

* WebGL rendering with HDR lighting and tone mapping

* GLTF Sponza model with PBR materials

* OrbitControls (orbit, zoom, pan)

* Live camera controls (FOV, clipping, aspect ratio)

* Shadows and high-DPI support

* Automated deployment via GitHub Actions

This project was created as a learning exercise in 3D web development, with concepts later applied in another project.

🔗 [https://lukevdb01.github.io/3D-web-canvas/](https://lukevdb01.github.io/3D-web-canvas/)