Skip to content

Commit

Permalink
created Readme file
Browse files Browse the repository at this point in the history
  • Loading branch information
jmade committed May 9, 2016
1 parent e361a62 commit 89dc80d
Showing 1 changed file with 55 additions and 0 deletions.
55 changes: 55 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
# CIFilter
a CoreImage Filter app for iOS

## Overview

![Alt Text](https://github.com/jmade/jmade.github.io/blob/master/cifilter.png?raw=true)

You can add, edit, layer, All of the `CoreImage` filters availible on iOS.

Working on my own projects I have come accross the need for custom controls, some I can reuse but most customized. I also wanted to make use of protocols.
iOS ships with quite a few `CoreImage` filters. So I thought what else would be better to build this custom-controller object that I could tell it to create and it would tell me how I needed to respond.

## Filter List

The app's main view is a `UITableView` with a `UIImageView` as a header. The tableView is filled with all the filters availible, it is created live at run time. There are method calls that allow you to get back a list and informaion about each `CIFilter`. *Its almost like they WANT you to use them ;)*

Tap the image above the tableView to add your own.

## Edit View

Tapping on one the filters takes you to the filter edit view. The controls are dynamically created and are placed into the bottom half, the top view is backed by the GPU meaing all edits are visible live realtime.

![Alt Text](https://github.com/jmade/jmade.github.io/blob/master/line_screen.gif?raw=true)

Tapping on the image will take you back to the filter list view, image unchanged.

Tapping on the star icon will keep the applied effect when you tap on the image to return to the filter list view . this will also be saved to your camera roll.

![Alt Text](https://github.com/jmade/jmade.github.io/blob/master/hue_adjust_save.gif?raw=true)

Thats pretty much the whole app. The fun in it is creating an object that will create a controller for each type of `CIAttributeType`: point, rectangle, amount, time, color, etc. and then based off of the filter's availible controls, create a controller view and set it up for proper editing.

## Adaptive Controller

Most of the controls are intuituve. *Some don't work.* All are custom made. Each filter has what is called `CIAttribute`.

When you are changing a control the control will highlight and show emphasis on the editable area.

I noticed a few of the filters need to be inside of a scrollview as there are too many controls that the filter offers to fit in the provided space.
The drawing space for `CIAttribute` Type is not the same as `UIKit` the scale could be off along with the coordinate system.

**Perspective Adjustment**

![Alt Text](https://github.com/jmade/jmade.github.io/blob/master/perspective_adjustment.gif?raw=true)

**Temperature Tint**

![Alt Text](https://github.com/jmade/jmade.github.io/blob/master/temp_tint.gif?raw=true)

**Tone Curve**

![Alt Text](https://github.com/jmade/jmade.github.io/blob/master/tone_curve.gif?raw=true)



0 comments on commit 89dc80d

Please sign in to comment.