SwiftUI iOS Animations: Transform Code into Motion

Explore basic animations in SwiftUI by comparing withAnimation and the animation modifier, using a blue to red rectangle, opacity toggles, and color changes with smooth ease in out.

Create a SwiftUI view that animates nearly everything using a state flag, colors, gradients, rotation, and frame properties, then build a titled, interactive interface.

Learn to animate almost everything in SwiftUI using with animation, ease in out, and two seconds, then mask text with a gradient rectangle and add hue rotation and 3d rotation.

Explore default SwiftUI animations like ease in out, snappy, and bouncy, adjust extra bounce, and preview in the simulator while noting spring animations, interpolating string animations, and curve animations.

Learn to craft customizable cubic bezier timing curves in SwiftUI by adjusting four control-point parameters, experimenting with presets from cubicbezier.com, and building a reusable timing-curve animation extension with duration options.

Practice crafting custom easing functions in SwiftUI by building extensions for ease in/out signs, creating code snippets, and blending Bezier and keyframe techniques for varied animations.

Explore spring animations and interpolating spring animations by adjusting response, damping fraction, blend duration, and initial velocity with sliders to shape motion.

Build a concentric circles effect view in SwiftUI with an angular gradient stroke, 3D rotation, and staggered continuous animation; tap to toggle background and on appear to start.

Create interactive background in SwiftUI by tapping to toggle between black and a blue, black, purple gradient. Animate opacity and blur with a state toggle and a concentric effects view.

Create a rotating gradient circle view in SwiftUI to form a flower, using a linear gradient with start/end points, colors, and offsets; preview variations and later add circles.

Introduce a SwiftUI circle pair that stacks two gradient circles and animates rotation and opacity using angle cgfloat, move, and start/end point swaps.

Create a rotating flower view in swiftui, animating petals with color arrays, scale, hue rotation, and 3d rotation, driven by on appear and configurable n and max dimension.

Practice reproducing the iOS next song animation and experiment with a flashing circle around triangles; this exercise leads to the solution in the next lecture.

Implement a tap-driven SwiftUI animation that toggles a private state to drive opacity, scale, and horizontal offset of three play icons, with a configurable delay and a clean reset.

Explore building an animated person picker in SwiftUI by toggling between male and female images with a circular background, using slow animations to observe the motion.

Discover downloading icons from Flaticon, adding them to the assets, and using SwiftUI to place man and woman images in an HStack with resizable frames and colored backgrounds.

Create a masked person view in SwiftUI with background color, scale, image resource, and a left-right direction enum; implement a gradient circle mask in a zstack.

Implement a person picker view in SwiftUI using masked man and woman views, with tap gestures that animate scale and opacity and apply a gradient.

Convert an SVG file to a SwiftUI path and build a heart view in SwiftUI, then apply a linear gradient and hue-rotation animation on appear.

Refactor a generic draw path view using a shape type, convert SVGs to SwiftUI paths, and animate strokes with gradients, trim, and timing to create dynamic visuals.

Create an animation that transforms a large triangle into smaller triangles with a fade-in, using paths in SwiftUI, with the solution shown in the next video.

Create and animate triangles in a SwiftUI iOS 18 environment by defining a triangle shape, composing multiple triangles with a ZStack, applying rotation and offset, and exploring color variations.

Refactor the triangles into separate views, introducing a color parameter and a scale center, and apply a scale effect before rotation to each triangle.

Drive the triple triangle view with delta up to max delta 100, mapping scale from 1 to 0 and scale center from 1 to 2 using a linear function.

Implement an animated SwiftUI scene by embedding colored triangles in a ZStack, applying a rotation effect with on appear, a linear five-second animation that repeats forever, and delta-based offsets.

Create and animate a mesh gradient in SwiftUI by building a 3x3 grid, applying colors and a texture, and wiring a timer-driven animation to transform points and gradients.

Explore blending a texture into an animated mesh gradient using an overlay blend in SwiftUI, with GeometryReader, ZStack, and opacity controls to add depth, contrast, and texture.

Learn to build a cute hamburger icon in SwiftUI by offsetting three rectangles in a ZStack, using width, height, offset y, and rotation degrees, with future parameterized animations.

Build a three-phase hamburger icon animation in SwiftUI iOS 18, using width-based sizing, 3D rotation, and opacity, triggered by tap gestures with animation completions.

Explore a SwiftUI radial gradient completion demo using multiple completions to drive animations, phase animations, gradients, scale, and corner radius in a loading screen.

Apply radial gradient completion and phase animations to a loading sequence in SwiftUI, using ease in/out with durations, color changes, corner radius, and width transitions.

Learn to build a splash screen animation with animation completions in SwiftUI iOS 18, experiment with rotating squares and text, and compare solutions to learn powerful techniques.

Set up a new multi-platform SwiftUI project and create an animated logo view with default gradient and color values. Preview the layout with a ZStack, text, and a rectangle.

Learn to build a SwiftUI logo by composing a left rectangle and two small squares in a vertical stack, using a dynamic foreground color and a gradient background.

Create and manage state variables to control rotation, scale, and text visibility, switch between background gradients and foreground colors, and explore text rendering with clipping and layout in SwiftUI.

Animate a SwiftUI logo with rotation to 135 degrees and 2x scale via onAppear and withAnimation, revert to original, then reveal text and toggle clip width and background phase one.

Replace the ease in ease out with spring animations, duplicate and customize, tune response to 0.4 seconds, damping fraction, blend duration, mass, stiffness, damping, initial velocity, plus 0.8 second delay.

Create and manage color sets in assets using gradient hex values to build linear gradients with ocean blue variants. Adjust opacity and gradient directions for a cohesive UI.

Create a Pac-Man view by animating a custom shape with a configurable mouth angle, using animatabledata to drive the arc path and a looping ease-in-out animation.

Develop a twinkle stars scene in SwiftUI with a glow effect and a winter background image, then animate three-dimensional rotation and a falling star using a geometry reader.

Learn to spawn twinkle stars in SwiftUI iOS 18 animations, assign lifespans, and update their vertical offset using GeometryReader and animated transitions for a smooth fall and fade.

Rotate and spawn random stars in SwiftUI with a timer, using on appear and for each, and track star count while removing stars to maintain performance.

Remove a falling star in SwiftUI iOS 18 animations by matching its id and updating the stars array with a fade-out using opacity, scheduled via dispatch queue after its lifespan.

Create a star shape in SwiftUI using a path with points and thickness, centered on a radius, and draw via sine and cosine to alternate outer and inner radii.

Create a reusable speech bubble shape to power animations, including a particle effect with Spritekit and hidden text, used throughout the course.

Create a speech bubble shape in SwiftUI iOS 18 by building a path with a tail and rounded corners, apply stroke, fill, and overlays to display multi-line text that appears.

Build a SwiftUI transitions demo by toggling a view to reveal a hello world label and a rounded rectangle, using scale, opacity, and move edge animations.

Develop a custom sliding disclosure group in SwiftUI to build an accordion of expandable items, complete with toggled animation, color fills, and markdown-ready titles and details.