К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Interactive Interfaces, Animations, and Gamified Apps · LearnSpace
Назад в каталог
courseraПрограммирование

Interactive Interfaces, Animations, and Gamified Apps

Курс от Packt
Средний≈ 17.1 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

This course features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. In this course, you will dive deep into the world of interactive interfaces, animations, and gamified applications. Through hands-on projects, you will explore the creation of animated user interfaces and learn the practical applications of SwiftUI, Canvas, and TimelineView. By the end of this course, you will have developed an in-depth understanding of how to design immersive user experiences, from real-time animations to building fun, interactive games. The journey begins with understanding the fundamentals of drawing and animating on the SwiftUI canvas, where you'll create dynamic spider-themed animations and digital clocks. As you progress, you will explore Conway's Game of Life, learning how to build complex interaction patterns, such as pattern generation, tap gestures, and automatic updates, all while working with the SwiftUI environment. The course also includes the development of practical applications like a Body Shape UI challenge, Tip Calculator, and Flashcards app. Each project introduces essential concepts such as UI layout, gesture handling, and animation implementation, providing you with a well-rounded skill set. This course is suitable for developers familiar with Swift programming who are looking to enhance their skills in creating interactive, gamified, and animated applications. It is also ideal for those wanting to learn how to integrate animations and interactive elements into their apps seamlessly. No prior experience in game development is required, but some familiarity with SwiftUI and basic UI design principles is recommended. By the end of the course, you will be able to design and animate interactive applications, develop real-time animations using TimelineView, create games using SwiftUI’s canvas, and build gamified apps with advanced UI components, gestures, and data management.

Навыки, которые вы освоите

User Interface (UI) DesignData ModelingUI ComponentsAnimation and Game DesignVideo Game DevelopmentiOS DevelopmentComputer GraphicsApplication DesignReal Time Data

Программа курса

5 модулей · 130 учебных материалов

01Drawing and Animating With Canvas & Timeline in SwiftUI18 материалов

Drawing and Animating With Canvas & Timeline in SwiftUI

Introduction to the Course 'Interactive Interfaces, Animations, and Gamified Apps'ЧтениеFull Specialization ResourceЧтениеExploring Canvas With a Spider-Themed AppВидеоGenerating Random Points on the CanvasВидео

Учитесь у экспертов

Packt - Course Instructors

Преподаватель курса

Interactive Interfaces, Animations, and Gamified Apps
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 17.1 ч

5 модулей

Язык: Английский

Субтитры: Арабский, Французский, Итальянский, Корейский, Индонезийский, Испанский, Японский

Часть программы вашего университета
User Interaction With a Drag GestureВидео
Drawing Lines to the Dragged PointВидео
Rendering Lines Conditioned on ProximityВидео
Distance-Based Dot Scaling and ColoringВидео
Let's Make Some Noise - Drawing the Spider LegsВидео
Wrapping Up With a Smooth Text IntroВидео
Building a Real-Time Digital Clock With TimelineViewВидео
Drawing an Analog Clock With SwiftUI Canvas and Timeline ViewВидео
Adding the Hands to the Analog ClockВидео
Adding the Digits to the Analog ClockВидео
Analog Clock - Adding the Tick MarksВидео
Analog Clock - Adding the Surrounding CircleВидео
Creating and Understanding a Digital Clock with Timeline in SwiftUIDIALOGUE
Drawing and Animating With Canvas & Timeline in SwiftUI - AssessmentЗадание
02Conway's Game of Life31 материалов

Conway's Game of Life

Introduction to Conway's Game of LifeВидеоGeneral Structure of the Main ViewВидеоCool Title ViewВидеоMoving the Colors to the Assets FolderВидеоImage ResourcesВидеоBoardModel and Fundamental MethodsВидеоDesignTypeВидеоSetting Up the Pattern EditorВидеоCreating the Pattern Grid ViewВидеоPattern Editor ViewВидеоIdentifier ValidationВидеоCode PreviewВидеоGenerating the Pattern CodeВидеоFinalizing DesignType With the Pattern EditorВидеоImplementing applyDesignPattern in the Board ModelВидеоCreature GridВидеоImplementing the Board ViewВидеоImplementing Tap to Add Design Pattern in Board ViewВидеоSetting a Background Image for the Board ViewВидеоGenerating the Next Generation With a Timer in Game of Life ViewВидеоAdjusting Speed and Resetting the Game in GameOfLifeViewВидеоDesign Selection ViewВидеоAdding a Scroll View to the Design Selection ViewВидеоCreating stillLifeDesign, OscillatorsDesign, and SpaceShipsDesign CollectionsВидеоSetting Up the Control ViewВидеоCreating the Button ViewВидеоControlButtonType EnumerationВидеоAdding Buttons to the Control ViewВидеоCreating the Design Buttons for the Design Selection ViewВидеоCreating and Editing Conway's Game of Life PatternsDIALOGUEConway's Game of Life - AssessmentЗадание
03Body Shape UI Challenge28 материалов

Body Shape UI Challenge

Introduction to Body Shape UIВидеоGetting Started and Selecting ColorsВидеоIcon RightВидеоWelcome Message ViewВидеоWeight View Part 1ВидеоWeight View Part 2 Adding FillBarViewВидеоData Summary View Row 1ВидеоData Summary View Row 2ВидеоData Summary View Row 2 Part 2ВидеоButtons ViewВидеоIntro to Body Shape UI Splash ScreenВидеоBody Shape UI Challenge Splash Screen ViewВидеоResults View - Getting StartedВидеоResults View - Create Top RowВидеоCalendar Bar View - Part 1ВидеоCalendar Bar View - Vertical Dot Bar - Part 2ВидеоCalendar Bar View - Vertical Dot Bar IsSelected - Part 3ВидеоCalendar Bar View - Vertical Dot Bar Adjustments - Part 4ВидеоCalendar Bar View - Add Vertical Dot Bar - Part 5ВидеоCalendar Bar View - Add Vertical Dot Bar - Part 6ВидеоGeneral Structure and New ComponentsВидеоMain Activities View - Part 1ВидеоMain Activities View - Part 2ВидеоCompleting Current Activities ViewВидеоHeart Rate ViewВидеоComplete Result View - Yes!ВидеоDesigning a Lifestyle App InterfaceDIALOGUEBody Shape UI Challenge - AssessmentЗадание
04Tip Calculator28 материалов

Tip Calculator

Introduction to the Tip CalculatorВидеоGetting StartedВидеоTip Calculator View (Overview)ВидеоLocalizationВидеоBackground View and Sine ShapeВидеоSupporting Light and Dark ModeВидеоSubTotalViewВидеоPaymentSummaryViewВидеоAdding iPad Support for PaymentSummaryViewВидеоCalculating Tip, Bill, Total per PersonВидеоFormat and Localize Payment Summary ViewВидеоSetting Up Choose Tip ViewВидеоSelectButtonViewВидеоTip Percentage EnumВидеоCustomTipViewВидеоChoose Tip ViewВидеоTip ModelВидеоEnter Total ViewВидеоTip Calculator View ContinuedВидеоTitle ViewВидеоSplit ViewВидеоTap Out of TextFieldВидеоSetting Up LandscapeTipCalculatorViewВидеоCompleting the LandscapeTipCalculatorViewВидеоAdapting to iPadВидеоApp Icon of Tip CalculatorВидеоCreating a Tip Calculator with Localization and Adaptive LayoutsDIALOGUETip Calculator - AssessmentЗадание
05Flashcards App25 материалов

Flashcards App

Introduction to FlashcardsВидеоCreate Flashcard ProjectВидеоCreating the ModelsВидеоImport ImagesВидеоCreating the QuestionViewModelВидеоCreating the FlashCardViewModelВидеоTwoSidedBackgroundViewВидеоFillBar ViewВидеоFlashItem ViewВидеоHeader ViewВидеоTextAndOptionalImage ViewВидеоCard ViewВидеоCard View - GesturesВидеоTopic ViewВидеоThe Questions ViewВидеоHide Navigation BarВидеоCreating the App IconВидеоiPad Support ExtensionВидеоiPad Support for Flashcard AppВидеоSupporting Markdown in the Text ViewВидеоConclusion to the Course 'Interactive Interfaces, Animations, and Gamified Apps'ЧтениеCreating a Responsive Flash Card App with Gestures and Dynamic ContentDIALOGUEFlashcards App - AssessmentЗаданиеFull Course Practice Assessment ЗаданиеFull Course AssessmentЗадание