23 Build Interactive UI Sliders in Unity | Control 3D Models in Real Time

00:00 Intro + Goal (Editor sliders → User UI sliders)
00:41 Project setup (Use old project / Create new URP project)
01:16 Download & import Patreon package
02:03 Open scene + Save As “Cube Editor with Sliders”
02:31 Create Canvas + first UI Slider
03:25 Add TextMeshPro labels (Import TMP Essentials)
04:12 Anchor sliders top-right + set X slider range (-10 to 10)
04:58 Duplicate sliders for Y & Z position
06:05 Create Scale slider + set range (1 to 5)
06:46 Create RGB sliders (Red/Green/Blue) + set range (0 to 1)
08:34 Create Rotate Speed slider + set range (0 to 20)
09:33 Color-code fills (Gray for transforms, RGB for colors)
10:46 Create SliderControl script + add UnityEngine.UI
12:06 Declare Cube + Slider references (use Headers)
14:58 Initialize slider values from Cube defaults (Start)
18:23 Add onValueChanged listeners (events)
16:41 Create setter methods for position/scale/color/rotation
20:32 Attach script to Canvas + drag-drop references
21:56 Playtest (move/scale/color/rotate live)
23:04 Switch to WebGL + configure Build settings
24:11 Set PWA + resolution (1270x720) + disable compression
25:00 Build WebGL to “web” folder
25:26 Run via Simple Web Server (index.html needs server)
26:06 Upload zipped build to Unity Play + share link
27:20 Wrap-up + next session teaser (animated game)

Get free resources for this course from the below patreon link

  / 145923169  

In this Session 23 of the Unity Junior Programmer Series, we move from Editor-only controls to a real end-user UI. You’ll learn how to create a clean Canvas + Sliders (UI) setup and connect each slider to a 3D Cube so the player can control Position (X/Y/Z), Scale, RGB Color, and Rotation Speed in real time.

We’ll cover:

Creating a Canvas and adding multiple UI Sliders

Using TextMeshPro for slider labels (and importing TMP Essentials)

Setting proper slider ranges (Position -10 to 10, Scale 1 to 5, RGB 0 to 1, Rotation 0 to 20)

Writing a SliderControl script with UnityEngine.UI

Using onValueChanged.AddListener() to trigger events when the slider moves

Attaching the script to the Canvas and wiring all references correctly

Testing everything in Play Mode (move, scale, color mix, rotation control)

Building the project for WebGL

Running the WebGL build using a simple web server

Uploading the build to Unity Play and sharing it online

By the end of this session, you’ll have a complete working prototype where users can interact with a 3D object using UI—an essential foundation for menus, settings, character customization, and in-game tools.

✅ Downloadable package + project resources are available via the Patreon link in the description.

#Unity #Unity3D #GameDevelopment #UnityTutorial #UnityUI #Sliders #WebGL #TextMeshPro #IndieDev #LearnUnity