webgpu-morph

A WebGPU-based 3D morphing demo. This project showcases real-time morphing of 3D models using WebGPU, with a focus on performance and modern graphics techniques.

Live Demo

webgpu-morph.vercel.app

Features

• Real-time morphing between 3D models
• WebGPU rendering for high performance
• Multiple sample OBJ models included
• Simple, clean UI

Getting Started

Prerequisites

• Node.js (v16 or higher recommended)
• A browser with WebGPU support (e.g., Chrome Canary, Edge)

Installation

npm install

Running Locally

npm run dev

Then open http://localhost:5173 in your browser.

Project Structure

public/        # 3D model files (.obj, .mtl)
src/           # Source code (JS, CSS)
index.html     # Main HTML file
package.json   # Project metadata

Usage

• Select models to morph between using the UI
• Adjust morph parameters in real time

Credits

• Powered by WebGPU
• OBJ models from various free sources

License

MIT

webgpu-morph