# AI Worldbuilding with SvelteKit & Three.js

> This workshop explores a new way of creating 3D environments for the web. In the past, building 3D scenes often required long modeling workflows and specialized software. Today, AI tools make it possible to start with a prompt, generate assets, write code, and build scenes much…

## At a glance

- Format: On-demand course
- Price: €50.00 (list €80.00)
- Difficulty: Beginner
- Duration: 6 Hours
- Schedule: Jun 27-28, 2026
- Instructors: Stepan Kukharskiy
- Categories: Architectural Design, 3D Modeling
- Software: Gemini, Claude AI, svelteKit, Vite, Three.js
- Students: 70
- Rating: 4.0 / 5
- Access: Member-only
- Canonical: https://paacademy.com/course/ai-worldbuilding-with-sveltekit-threejs
- Enroll: https://paacademy.com/course/ai-worldbuilding-with-sveltekit-threejs

---

## About this course

AI Worldbuilding with SvelteKit & Three.js is a course that teaches designers to build and publish AI-assisted interactive 3D worlds directly in the browser. Using Gemini and Claude AI to generate visual and spatial assets and support AI-assisted coding, students build a Three.js scene with camera, lighting, and geometry, organize the project with SvelteKit and Vite, and publish a complete interactive 3D environment online within a single session. The course is Beginner level and expects familiarity with any large language model interface and any diffusion-based image generation tool.

## What you'll learn

- Using prompts to generate visual and spatial assets.
- Using AI tools to support creative and 3D workflows.
- Building a basic Three.js scene with camera, lighting, and geometry.
- Bringing generated assets into a real-time interactive environment.
- Using AI coding tools to write, edit, and improve code.
- Publishing an interactive 3D scene online.

## Methodology

The workshop focuses on building interactive 3D environments for the web with AI-assisted workflows.

Participants will work on:

- Generating visual and spatial assets with AI tools.
- Building simple but effective 3D scenes.
- Creating interactive environments in the browser.
- Preparing and publishing a complete project online.
The environments may include:

- Abstract or atmospheric landscapes.
- Conceptual architectural spaces.
- Small interactive scenes.
- Narrative or world-building experiments.
The main focus is the full pipeline, from idea to published result, rather than refining one single model or asset.

The workflow includes:

- Asset generation, using AI tools to create textures, forms, and visual references.
- Scene construction, building a 3D environment with Three.js.
- Code development, writing, and improving code with AI coding tools such as Cursor, Windsurf, or similar tools.
- Application setup, organizing the project with SvelteKit and Vite.
- Publishing and deploying the final project online.
The workshop is focused on clarity, speed, and execution. By the end of the workshop, each participant will have a working published project.

## Requirements

- Any large language model interface for prompting.
- Any diffusion-based image or asset generation tool.

## Curriculum

### Session 1
- Introduction & PAACADEMY Updates (06:17)
- AI Procedural World Building (30:30)
- Front-End Integration and Styling (35:19)
- WebGL Scene Architecture Setup (41:45)
- Mesh Optimization and Asset Loading (49:31)

### Session 2
- SvelteKit Three.js Core Framework (42:47)
- Procedural Cellular City (43:58)
- Git Deployment and Interactivity (38:05)
- Part 4 (40:30)

## FAQ

### Do I need prior programming experience to join this workshop?
Basic familiarity with AI tools and digital workflows is recommended. The workshop introduces the necessary concepts and uses AI-assisted tools to support the coding and development process.

### Will I learn how to create interactive 3D environments for the web?
You will learn how to build browser-based 3D scenes using Three.js, including setting up cameras, lighting, geometry, and interactive elements.

### How does AI support the worldbuilding process in this workshop?
AI is used throughout the workflow to generate visual assets, assist with coding, explore design ideas, and accelerate the development of interactive 3D environments.

### Will I publish my own interactive 3D project by the end of the workshop?
The workshop guides you through the complete process, from generating assets and building a 3D scene to deploying and publishing a working web-based project.

### What types of projects can I create with these workflows?
You can apply these techniques to create interactive architectural spaces, digital environments, virtual experiences, concept explorations, and other web-based 3D projects.