VBFJellyView tutorial

It’s been a while since my last post!
This month has been crazy. I went to Madrid to teach iOS 3 days (UIViews, CoreGraphics and Layers) at ironhack. It was amazing, everyone was really nice and I enjoyed it a lot.
Also I have joined minube iOS team to help them develop a new version of their app. It is a very exciting project, and it is a pleasure to work with such talented guys!

Today I am here to talk about this pretty funny little thing.
I call it: ‘The Jelly View’

jellyview
Continue reading

Pop Playground: playing with Facebook’s framework

Hi guys,

I have recorded a new screencast (in english… sorry if sometimes I struggle) talking about Pop (Facebook pop).

For the screencast I have prepared a project with 3 main tabs:

1) Basic explanation about pop with simple animations
2) 8 examples using different pop animations with many different animatable properties
3) 2 custon UIControls (unfinished). The only thing I have implemented are the animations.

These are the 2 controls you will find in the project:

dynamicsMenu

dynamicsMenu

Find the Github project here: PopPlayground

Finally, all the icons are from Captain Icon, you can grab them for free here

Tutorial: create a menu using UIKit Dynamics

Before releasing the new version of WakeUp app, I posted a video about a new menu I was working on using mainly UIKit Dynamics.

I did promise a tutorial about it, and here it comes! This is an example of what we will do.

dynamicsMenu

I have decided to modify slightly the way I write tutorials. I will write and explain the most important parts of the code, but I won’t go through every single line of code. I have uploaded a project in Github, where I have tried to comment the code as good as possible, use it as an extension of this tutorial.

Continue reading

WakeUp – Behind the app

The new version of WakeUp Challenge is out and you probably have herd about it if you follow me on twitter.
Find here an overview video of the app I did with the help my girlfriend.

However, as I tend to use my blog as more technical-related stuff, I would like to talk about a few aspects of the app in a more technical way.

As promised, I still need to publish some tutorials about a couple of things I learnt while developing WakeUp 2.0, but I would like to take this opportunity to talk about all the small details you will find in the app and how I made them or what I used. This is not a tutorial, just an overview… or a behind the scenes… I want to let you know what I have used for the different parts, it might be helpful for some of you.
Let’s start!
Continue reading

WakeUp’s background class

After releasing my first iOS app I have received so many questions about the background’s animations.
I don’t remember how I thought about all of this, the only thing I can say is that the background class is the result of changes, changes and more changes. I wanted something nice, something eye-catching and colorful.

Let’s start from the beginning.

Continue reading

Pause and resume CABasicAnimations

When I started programming my app I decided not to use any third party game frameworks (like Cocos2D) but native cocoa tools. That means all the animations in my app are done rather using Core Animation or animating some UIView’s properties.

Everything was all right, the 4 mini-games inside the app started to look like proper games. So like every proper game, the user has to be able to pause it. And no, don’t look at the documentation, there is no [myLayer pauseAnimation] nor [myLayer resumeAnimation].

Continue reading

Creating a custom button (with animated content!)

As I am getting closer to the releasing date of my first app (let’s create some hype :P), I want to start going through some difficulties I have found. One of them was how to create a button with animated content. I wanted to provide my app with some kind of funny/playful effect. For a better understanding I have created this gif straight from the screen. Keep reading if you want to know how I have achieved this result!

zzButton

Continue reading

Using UIImageView for animate a sequence of images

As many of you may know, I am in the middle of program my own iOS app! I haven’t talked too much about it yet because I know I still have a long long way to go. Don’t worry, you will hear about it pretty soon (hopefully).

This weekend I have had an unusual request for myself. I wanted to make a cool, simple, minimal, good-looking animation for making disappear an object from the screen. After some frustrating minutes looking around Google Images, I suddenly had an inspiration:

Poof GIF

Do you recognize that? If not, try to drag out an app from the dock in your lovely mac and there you have it. Yes, I am going to use a similar animation in my app.

Continue reading