Three.js Decal Experiments

https://github.com/user-attachments/assets/a1b61097-f896-4e48-9087-f0c6148d165b

≥ A Svelte-based project exploring Three.js decals using Threlte. This project demonstrates the implementation of decal techniques in 3D web graphics.

Tech Stack

• Svelte - Frontend framework
• Three.js - 3D graphics library
• Threlte - Three.js components for Svelte
• TailwindCSS - Utility-first CSS framework
• TypeScript - Type safety and enhanced developer experience
• Vite - Next generation frontend tooling

Getting Started

Prerequisites

• Node.js (Latest LTS version recommended)
• npm, pnpm, or yarn

Installation

1. Clone the repository
2. Install dependencies:

   npm install
   # or
   pnpm install
   # or
   yarn
   

Development

Start the development server:

npm run dev
# or
npm run dev -- --open # to open in browser automatically

Building

Create a production build:

npm run build

Preview the production build:

npm run preview

Scripts

• dev: Start development server
• build: Create production build
• preview: Preview production build
• check: Run Svelte-Kit sync and TypeScript checks
• format: Format code with Prettier
• lint: Run linting checks

Project Structure

• /src - Source code
  • /routes - Svelte routes/pages
  • /lib - Shared components and utilities
• /static - Static assets