[VIP] DesignCode: Create 3D UI for iOS and visionOS in Spline
Comprehensive 3D Design Course: From Basics to Advanced Techniques for iOS and visionOS using SwiftUI.
12 topics
All techniques are explained step-by-step, in a beginner-friendly format so that you can easily follow in a cohesive way.
- 1 Intro to Spline for iOS and visionOS
Comprehensive 3D Design Course: From Basics to Advanced Techniques for iOS and visionOS using SwiftUI
- 2 Basic Shapes in 3D Smart Home
Transforming simple shapes into a 3D base for a house model scene
- 3 Materials, Lights and Effects
Enhance your 3D scene by incorporating elements from the lore ibrary and adding materials and lighting to add realism
- 4 Camera Animation and States
Creating dynamic scenes with the addition of animations
- 5 3D Thermostat and Cloner
Learn how to design a thermostat interface with basic shapes
- 6 Buttons and Components
Creating knobs and buttons elements and turning them to components
- 7 Path Animation and Rotation
Animating a Thermostat Interface: A Step-by-Step Guide
- 8 Create a 3D iOS App Icon
Crafting iOS 3D Icons: A Comprehensive Tutorial
- 9 Create a visionOS App Icon
Discover how to design the Photos app icon, enhancing the visual experience in visionOS.
- 10 Create 3D UI Scene
Learn how to design and implement 2D user interfaces to integrate within 3D scenes, enabling the triggering of actions on any 3D object
- 11 Particles Animation
Discover the new particle feature designed to create a range of visual effects like fire, smoke, rain, snow, and other dynamic phenomena
- 12 Export to SwiftUI Project
Crafting Stunning 3D Experiences: A Step-by-Step
What's Your Reaction?






