Skip to content

gorenje/capp_patterns

Repository files navigation

Geometric Patterns

Based on islamic_patterns but instead of using ProcessingJS, this uses Cappuccino to do the drawing.

Inspiration was taken from Islamic Patterns: An Analytical and Cosmological Approach and all images are created using geometric algorithms -- no images or screenshots.

The patterns properties can be modified, the patterns aren't static.

Building

UPDATE: Building no longer works since the Cappuccino being used is far too old! But the version of cappuccino with which the code base works is bundled into this project, so editing the code base will still work.

Having downloaded and installed Cappuccino, to build this:

git clone git://github.com/gorenje/capp_patterns.git
git submodule update --init
cd Libraries/Cappuccino
jake release && jake debug
cd ../GRKit
jake release && jake debug
cd ../..
open index.html

Cappuccino is linked into this project in the Libraries directory and will be used from there. That makes sure that a working version of Cappuccino is being used ;)

GRKit is just a bunch of helpers for doing rotation and geometry calculations.

Demo

A live demo is available.

You can view patterns but also edit their properties by using the 'Pattern Property' button on the top left. The current settings can be dumped to the console window (i.e. FireBug or Web Inspector) but can only be integrated by cloning the project and adding as a new pattern class.

Previews

There is a preview with links to the demo, there is a preview with links to larger pngs and there is a preview with links to SVGs.

Inspiration

Inspired by Islamic Patterns: An Analytical and Cosmological Approach

Why

To demostrate (to myself) how to draw in Cappuccino and to understand how to generate complex patterns just using circles. But basically, it's the same kind of 'why' as in 'why did hillary climb that mountain'.