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

Snippet: screen snapshot

I have just found this piece of code, great for having in your snippet library. Quick and easy way of doing a screenshot.

After doing this, you can combine it with UIImage+ImageEffects for a nice blur effect.

New custom control: Dots Selector

Hi guys,

Seems like I am enjoying posting lately. That is good! I feel good to be back :D

Today I have been fighting for at least 3 hours to get this new custom control to work. As I mentioned before, I am working on a new app (the interface won’t be as crazy as WakeUp’s). I would like to move it forward as quick as possible and I am “wasting” (enjoying?) some of my holidays to do it.

Check the result on the following video (still need to tweak some values).

 

 

Yes, you are right. I have spent 3 hours moving some balls around the screen… But playing with UIKit Dynamics it’s just lots of fun!
Continue reading

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

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