C4 is an open-source creative coding framework that harnesses the power of native iOS programming with a simplified API that gets you working with media right away. Build artworks, design interfaces and explore new possibilities working with media and interaction.
Built on top of Swift, C4 puts the power of UIKit and Core Animation at your disposal, allowing you to create inventive digital interactions with far less time and effort. Plus, you get all the interactivity, fun and expressiveness of Swift. Your apps will run lightning-fast.
The API of C4 is simple and streamlined allowing beginners to get into programming very easily. For seasoned developers, C4 can be dropped into any existing project with as little effort as linking any other native framework. With C4, you’ll save a ton of time when working with interactions, animation and media.
C4 brings your ideas to life by allowing you to focus on experimenting, designing, visualizing and building rather than on learning low-level technologies. Objects are consistent and intuitive—they all essentially work the same way. C4's language has been designed to be as simple and expressive as possible.
For example, C4 compresses the access of properties:
let m = movie.widthInstead of this:
let m = movie.frame.size.widthAnimating both view and property changes in C4 is much cleaner, and looks like this:
ViewAnimation(duration: 0.5) {
shape.center = self.canvas.center
shape.lineWidth = 5
}.animate()Whereas using UIKit + Core Animation you'd have to do something like this:
UIView.animate(withDuration: 0.5) {
v.center = self.view.center
}
CATransaction.begin()
CATransaction.setValue(0.5, forKey: kCATransactionAnimationDuration)
if let shapeLayer = v.layer as? CAShapeLayer {
shapeLayer.lineWidth = 5
}
CATransaction.commit()C4 takes advantage of all of Swift’s modernity: closures, tuples, generics, interaction, structs, error handling. And, YES, you can even do this:
let bananaName = "Jimmy".bananaCheck the Swift Overview for more.
Through both its simplified API and consistent objects, C4 is incredibly easy to learn compared to the frameworks it’s built upon: UIKit, Core Animation, etc. C4’s language has been designed to make it easy for both novice and experienced programmers to pick up and use right away.
The C4 team has always been highly committed to publishing excellent documentation, examples and tutorials for learning how to program with C4.
The current release of C4 also includes a full end-to-end tutorial that will walk you through the design, creation and publication of a full-blown app: COSMOS
Build COSMOS from start to finish
We’re currently converting over 200 code examples and 30 tutorials to C4's new modern syntax. These examples and tutorials (coming soon) guide new users through core concepts and provide seasoned developers with the reference they need to keep up the pace.
Originally based on Objective-C, C4 now takes entire advantage of the Swift programming language — which itself was built to be fast and powerful. Where Swift has been tuned to make intuitive, natural coding perform best, the guts of each component in C4 — every class, every method and every structure – make that performance sing.
Through C4 you are able to work with media, animations and interactions in a way that dissolves the differences between the many frameworks you need to create beautiful user experiences. It seamlessly combines many important components of UIKit, Core Animation, Core Graphics, AVFoundation and QuartzCore.
C4 is built for anyone who wants to build beautiful user experiences for iOS and has been designed to reach an incredibly broad set of possible uses. This flexibility is one of the most important aspects of C4, demonstrating its strength across a variety of different use cases and disciplines.
C4 has been used for:
- Prototyping
- Mobile Applications
- Data Visualization
- Interactive Artworks
- Computational Design Education
- Communication Design
- Print Design
Simplicity is a major accomplishment for C4. Across the board, C4 is simple to learn, to use, to read and to adopt. C4 reduces the amount of code you need to the most powerful essentials.
Take movies, for example. Instead of needing to AVQueuePlayer, AVPlayerItem, navigating asset tracks and learning how to load files through NSBundle, you only have to create a movie from its file name and add it to the canvas:
func setup() {
let movie = Movie("halo.mp4")
canvas.add(movie)
movie?.play()
}Using UIKit + AVFoundation, you'd have to construct the movie object from scratch like this:
func viewDidLoad() {
guard let url = Bundle.main.url(forResource: "halo.mp4", withExtension: nil) else {
fatalError("File not found")
}
let asset = AVAsset(url: url)
let player = AVQueuePlayer(playerItem: AVPlayerItem(asset: asset))
player.actionAtItemEnd = .pause
let movieLayer = AVPlayerLayer(player: player)
movieLayer.videoGravity = .resize
let tracks = asset.tracks(withMediaType: .video)
let movieTrack = tracks[0]
let size = movieTrack.naturalSize
movieLayer.frame = CGRect(x: 0,y: 0,width: size.width,height: size.height)
self.view.layer.addSublayer(movieLayer)
player.play()
}… And a whole lot more.
C4 is an open-source project licensed under the MIT License. It can be used freely in educational, artistic and even professional settings. The project is open to anyone who wants to contribute, and the project’s code, documentation, and process are completely available for you to read through, learn from and take advantage of. Ongoing commitment by our core team and other developers guarantees that C4 will be constantly updated and focused on user’s interests.
There are many ways to contribute to C4 and we really appreciate any contributions. It can be anything from better documentation to a brand new feature. To get started take a look at our Contribution Guidelines.
Join our Slack channel to ask for help, show off your app, suggest change, or just chat.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent