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.

Enter CartesianForms: Architecture Reimagined competition early to win from a $120,000 prize pool.

Become Member Sign In

Jun 27-28, 20269 lessonsBeginner

Architectural DesignFREE with Pro MembershipWorkshopJun 27-28, 2026Beginner9 lessons5h 29mAI 3D Modeling Real-Time Rendering Coding for Architects

AI Worldbuilding with SvelteKit & Three.js

Name: AI Worldbuilding with SvelteKit & Three.js
Price: 50.00 EUR
Availability: InStock
Rating: 4.00 (1 reviews)

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.

Learn from Stepan Kukharskiy

Instructor

Stepan Kukharskiy2 courses

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 faster.

In this workshop, design, modeling, development, and publishing are treated as one continuous process. Participants will generate assets, build a 3D scene, and publish a working project during the same session.

The workshop takes place directly in the browser using Three.js, together with lightweight web tools such as SvelteKit and Vite. AI-assisted coding tools will support the process. The goal is not only to learn the tools, but to understand how they work together in a practical workflow for creating and publishing interactive 3D environments.

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.

How the 2 days are spent, session by session.

Day 1 Program

Saturday · Jun 27, 2026

Introduction to AI-assisted workflows for 3D web environments.
Setting up the project with SvelteKit, Vite, and Three.js.
Generating textures, visuals, and simple assets with AI tools.
Building a basic interactive 3D scene with lighting, camera, and geometry.
Importing assets and adding navigation and interaction.

Day 2 Program

Sunday · Jun 28, 2026

Working with AI coding tools such as Cursor or Windsurf.
Structuring and refining the project workflow.
Connecting frontend components with the 3D environment.
Preparing, testing, and optimizing the project for the web.
Deploying and publishing the final project with Netlify.

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.

What you should already know or have ready before you start, experience, tools, and any baseline skills the instructors expect. Scan the list below so nothing catches you off guard.

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

9 Lessons5h 29m

Software installation is not a part of the workshop.

Instructor

Stepan Kukharskiy

View profile

4.5instructor rating2courses

Stepan is an architect, computational designer, and educator who merges programming with design to create both digital and physical spaces. As co-founder of SA lab, Stepan evolved from visual coding to full-stack development, building web apps, games, and virtual experiences. Over nine years at SA lab. Stepan led multiple award-winning projects and developed a methodology that combines computational design with digital fabrication to reduce design time and errors. In 2021, he co-founded Kodiia, now an AI-first online sketchbook to help creative professionals integrate AI into their workflows. Stepan teaches coding, computational design, and robotics internationally to creative professionals.

4.021

4.0avg2 Ratings

1 Review

Walter Patrick SmithJun 28, 20265.0

Always a favorite learning so much new logic.

Emre Onural3.0

Walter Patrick Smith

Jun 28, 2026

Always a favorite learning so much new logic.

Emre Onural

Regular Price

Save €30.00

€50.00€80.00

Get it free with membership

Pro Membership€0.00Free on any Pro plan Full Access€0.00Plus every other course

Jun 27-28, 20269 lessonsBeginner

Architectural DesignFREE with Pro MembershipWorkshopJun 27-28, 2026Beginner9 lessons5h 29mAI 3D Modeling Real-Time Rendering Coding for Architects

AI Worldbuilding with SvelteKit & Three.js

Learn from Stepan Kukharskiy

Instructor

Stepan Kukharskiy2 courses

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.

How the 2 days are spent, session by session.