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.
Get up and running quickly with the COSMOS Xcode project files.
An overview explaining why & how we chose to create COSMOS in the first place.
Where to start? Defining the visual concept and deciding the functionality.
Get your goggles on as we start diving into the code with C4.
Implementing the idea of an infinite scrollview that loops around rather than stopping at the end.
Time to code – get that infinite scrollview looping.
How to go about wrangling all the data for the 12 astrological signs.
We've wrangled all that data, now let's do something with it.
Start bringing the COSMOS to life with some nice visual work.
This chapter will walk you through how I originally tested the background and is optional.
To convey the enormity of space, and give the app a really nice feel, we stacked 8 parallax layers with randomization and subtle animation.
Time to stargaze – we're going to build some constellations.
Bring those constellations to life with stars. We're starting small.
We've got the small constellation stars, let's keep going with the big ones.
Small stars, meet big stars. Time to unite them all.
Building the heart of the app - a radial menu with embedded animation that reacts to different gestures.
Time for the ring lines, the backbone of our COSMOS radial menu.
Time to bring the radial menu to life with embedded animation.
Time to flesh out the radial menu with some animated icons.
Give the radial menu interaction and responsiveness with some programming wizardry.
Give a little visual pop to the radial menu with a simple shadow.
We've got all the components, let's get this beast put together now.
A straightforward info panel with push controllers, popups and external links.
Time to weave all the components into a unified app.
Our last task is to get COSMOS on the App Store. Seriously.