ofxSoological

This is a personal project to learn how to code art with openFrameworks (OF) in C++. The intention is to regularly post a new OF app generating an animation or image. In this repo you can find the source code that generates and exports the results. Check out @soo.logical on Instagram to see them & more!

Contents

• Available Posts
• Structure of the Repo
• Installation

Available Posts

Post	Preview	Title	Category	Keywords
30	<img src="post030/doc/output_night.png" width="80px">	Calming Sea	2D function representation	sinus color palette
29	<img src="post029/doc/output.png" width="80px">	Outline out of Boxes	3D geometric shapes	box ofLight rectangle weighted color palette ofFont ofPolyline
28	<img src="post028/doc/output.png" width="80px">	Sinus Representation & Color Palettes	2D function representation	sinus circle color palette blending
17	<img src="post017/doc/output.png" width="80px">	Glitch & Toon Holes Filter	Fragment shader art, Computer Vision	shaders fragment shader 2D texture ofVideoGrabber glitch toon shading
16	<img src="post016/doc/016_output.png" width="80px">	Mandala out of Spirographs	2D geometric shapes	2D ofNode noise polymorphic function
15	<img src="post010/doc/output_dark.png" width="80px">	GPU Dancing Dots (same as 10)	Fragment shader art	shaders fragment shader 2D texture uniform circular motion
14	<img src="post014/doc/3.png" width="80px">	Dandelion Generator	2D geometric shapes	2D grid circle ellipse rectangle line arrow noise
13	<img src="post013/doc/output.png" width="80px">	Background & Font Animation	Basic color changes	2D ofFont ofColor rotation animated background
12	<img src="post012/doc/output.png" width="80px">	Image Color Emission	2D physical simulations	2D dynamic brush uniform linear motion ofImage binary mask
11	<img src="post011/doc/output.png" width="80px">	Mixed Composition with Textures	Fragment shader art	shaders fragment shader 2D texture 3D model loading ofxPlasticTexture
10	<img src="post010/doc/output_light.png" width="80px">	GPU Dancing Dots	Fragment shader art	shaders fragment shader 2D texture uniform circular motion
8	<img src="post008/doc/output.png" width="80px">	Watercolor Drop Simulation	2D physical simulations	2D dynamic brush painting simulation watercolors uniform linear motion
7	<img src="post007/doc/output1.png" width="80px">	Hairy Sticky Shapes	2D geometric shapes	2D ofPolyline triangle brush
6	<img src="post006/doc/dc_15.png" width="80px">	Static Dragon Curve	Fractals	2D ofNode recursivity fractal
5	<img src="post005/doc/output.png" width="80px">	Deforming Line Intersections	2D geometric shapes	2D ofPath ofPolyline bezier ofPolyline intersection
4	<img src="post004/doc/output.png" width="80px">	Drawing with Deformed Circles	2D geometric shapes	2D ofPath ofPolyline curve deformed circles
3	<img src="post003/doc/end.png" width="80px">	Color Grid	Basic color changes	2D ofColor grid mosaic
2	<img src="post002/doc/output.png" width="80px">	Lines Inside a Shape	2D geometric rules	2D ofPath ofPolyline line uniform linear motion
1	<img src="post001/doc/color.png" width="80px">	Particles Inside a Circle	2D geometric rules	2D circle uniform linear motion

Structure of the Repo

The repo is organised as follows:

• libs contains my own C++ libraries defining common utilities, as well as shapes, brushes, and other objects used to compose the visuals. See the libs README for details.
• A folder postXXX defines the OF app behaviour (setup(), update(), draw(), etc.) in the regular files provided by the OF project generator (main.cpp, ofApp.h, and ofApp.cpp).
• test_app defines an OF app that is used to unit test my libraries and some drawing functions.
• scripts contains non C++ scripts used to perfom external actions, e.g. generating a video from a set of frames.

Installation

Requirements:

• openFrameworks

In order to run my apps, OF needs to be installed on your machine. You can follow their installation instructions here to do so.

The folder structure of the OF repository looks like this:

openFrameworks
├── addons
├── apps
├── examples
├── libs
├── scripts
├── ...

Inside apps, you can define your folders to group your sketches:

openFrameworks
├── ...
├── apps
    ├── projectGenerator
    ├── my_cool_sketches
    ├── my_cooler_sketches

And inside these group folders, the OF project folders themselves must be placed.

You can clone/download this repo under the apps folder in the openFrameworks structure. That way, you'll have all my postXXX project folders placed on the proper level of the tree, such that OF will take care of all the dependency linking automatically:

openFrameworks
├── ...
├── apps
    ├── projectGenerator
    ├── my_cool_sketches
    ├── my_cooler_sketches
    ├── ofxSoological
        ├── post001
            ├── src
                ├── main.cpp
                ├── ofApp.h
                ├── ofApp.cpp

Once the project structure is set up, in order to run an app just go inside the desired postXXX folder, compile it and run it:

openFrameworks/apps/ofxSoological$ cd postXXX
openFrameworks/apps/ofxSoological/postXXX$ make clean
openFrameworks/apps/ofxSoological/postXXX$ make
openFrameworks/apps/ofxSoological/postXXX$ make run

A window displaying the output of the post should open.

Note that some of the apps require an input image. For privacy, I will not always share the source image. In those cases, you will need to provide your own image and specify the corresponding path in ofApp.h.