Chapter 0
Getting Started
Get up and running quickly with the COSMOS Xcode project files.
Tutorials>COSMOS
Learn by doing with our C4-powered app-building tutorial. Let us walk you through the process of how we built a nice little iOS app called COSMOS.
Note: If you want to jump straight into writing code, head to Chapter 4 – Infinite Scrollview.
-
-
Chapter 1
Prelude To DesignAn overview explaining why & how we chose to create COSMOS in the first place.
-
Chapter 2
Designing the COSMOSWhere to start? Defining the visual concept and deciding the functionality.
-
Chapter 3
Plan It!Get your goggles on as we start diving into the code with C4.
-
Chapter 4
Infinite ScrollviewImplementing the idea of an infinite scrollview that loops around rather than stopping at the end.
-
Chapter 5
Infinite ScrollviewTime to code – get that infinite scrollview looping.
-
Chapter 6
Astrological Sign ProviderHow to go about wrangling all the data for the 12 astrological signs.
-
Chapter 7
Astrological Sign Provider - Build it!We've wrangled all that data, now let's do something with it.
-
Chapter 8
StarsStart bringing the COSMOS to life with some nice visual work.
-
Chapter 9
Parallax Testing (Optional)This optional chapter will walk you through how I originally tested the background.
-
Chapter 10
Stars BackgroundTime to stargaze – we're going to build some constellations.
-
Chapter 11
Sign LinesTime to stargaze – we're going to build some constellations.
-
Chapter 12
Small StarsBring those constellations to life with stars. We're starting small.
-
Chapter 13
Big StarsWe've got the small constellation stars, let's keep going with the big ones.
-
Chapter 14
Assembling the StarsSmall stars, meet big stars. Time to unite them all.
-
Chapter 15
Radial MenuBuilding the heart of the app - a radial menu with embedded animation that reacts to different gestures.
-
Chapter 16
Menu RingsIt's time to build the backbone of our radial menu.
-
Chapter 17
Animating the Menu RingsTime to bring the radial menu to life with embedded animation.
-
Chapter 18
Menu IconsTime to flesh out the radial menu with some animated icons.
-
Chapter 19
Menu SelectorGive the radial menu interaction and responsiveness with some programming wizardry.
-
Chapter 20
Menu ShadowGive a little visual pop to the radial menu with a simple shadow.
-
Chapter 21
The Menu – Pull it TogetherWe've got all the components, let's get this beast put together now.
-
Chapter 22
Info PanelA straightforward info panel with push controllers, popups and external links.
-
Chapter 23
Pulling It All TogetherTime to weave all the components into a unified app.
-
Chapter 24
Submitting to App StoreOur last task is to get COSMOS on the App Store. Seriously.