Fuck DanCe Let'S ARt

OpenGL blending, textures and lights study with Processing. Try the online version

I created this video for AVERT  to promote AVERT’s online AIDS challenge game, which I created using processing. 

The animation was also mainly created with processing, using the OPENGL and physics library. Then their was some “montage” in After Effects to put all those animations together. The sound was put together using Live.

The AVERT AIDS Challenge is a educational puzzle-quiz type game where you are a red smooth snake. You have to collect letters in the right order to answer some AIDS question while escaping baddies. You can collect bonuses to make yourself invisible, freeze  the baddies, multiply your points and few more. While going through the levels, there will be more baddies that will get more aggressive, the questions will get more specific and the snake longer. The controls are simple, the snake follows your mouse. No clicks, no keyboard and a cool smooth movement.

You can play this game on AVERT’s website in the game section. Even if I wish I could have had more time to develop this game, it’s still a pretty good game for a game coded and designed by one person. The game was entirely created using processing with the traer.physics, minim library and a home-made collision function ( + a bit of maths’ magic ) from Rob Noble. All graphics were designed in Illustrator and Photoshop and the music in Ableton Live.

The game uses a back-end interface so AVERT can change the questions/answers and in-game phrases. This interface displays Stats and Hi-scores table. All php, database and interface was done by Karl Rixon.

Play the AVERT AIDS Challenge

Display and browse all the images on your wordpress website in one place using the new [ gallery ] shortcode.

All in one Gallery is my first plugin for wordpress and my first program in php. I wanted to have all the pictures that have been uploaded on my website to be displayed and browsable in one place. I didn’t want to use another system then the default new gallery system of wordpress, because I wanted full compatibility and prefer to be pluged to the core of wordpress instead to depend on another gallery system. So the plugin is simply looking at all the categories, then check if there are images in all the category’s posts and, if there are, use the [ gallery ] shortcode. I use it with lightbox-2 plugin and cleaner-gallery plugin.

All-in-One-Gallery plugin work with the new [ gallery ] shortcode and therefor only work with recent version of wordpress ( 2.6, maybe 2.5 and probally future released ). Also, I created this plugin for Anna Chocola and myself, so I can’t garanty that it will work properly. But the plugin is so simple that it should work for everyone. You can try it on my website by clicking Image Gallery in the sidebar or on Anna Chocola’s website by also clicking on Image Gallery in the sidebar.

For up to date infos, latest and older versions, please go to the plugin page on wordpress.org

The plugin is pretty simple, there are only 3 options that you can find under Settings/All in One Gallery:

Style and Place the Gallery :

1. Select the page where you want the gallery to be displayed. Note that you have to create a page to be use for the gallery.
2. Select your color style for the menu, default is blue.
3. Select how many columns in gallery (Just changing the attribute of the [ gallery ] shortcode.), default is 4

Exclude categories or Pages:

1. In case you have some texts only categories or what ever is the reason why you don’t want some categories to be in the gallery.

Welcome message:

1. Switch welcome message ON and OFF
2. If ON, the gallery will display a default message that you can alter.
3. If OFF, select the category’s gallery to be displayed

All in one gallery Settings

It’s also simple to install, like most wordpress plugin:

1. Download all-in-one-gallery.zip
2. Unzip and Upload the folder to  wp-content/plugins/
3. Activate in the plugins tab in your dashboard
4. Create a page for the gallery
5. Set your settings under Settings/All in One Gallery

There might be other plugins that do that sort of things but I only seemed to find plugin that replace the default gallery system. I don’t want to change the core of my wordpress and also wanted to try something in php.

I am currently working on a game for Avert. For that, I did some test on attraction/repulsion with Traer’s physics library ( brilliant lib ), and obviously got carried away playing with lights and physics. The game is not going to be like that as it has to run online and on the largest panel of computers.

Watch this video in HD on vimeo!!

Try it! ( applet )

Online version | Downloadable version: macosx | windows | linux

Make music with a disc of 510 067 420 km² = the Earth

Ato, a.k.a Antonin Fourneau, created OTERP and presented it at the Digital Art Festival, 6-11 dec in Tokyo at Shibuya Tokyo Wonder Site.

OTERP - by Ato - feat music by TM

OTERP is a psp game using a magnetic compass. The game plays/mix differents music loops and sounds depending on your latitude and longitude. Ato made a few side-projects ( cardinal turntable ) related to this main concept of mobility, music and spatial interface.

Ato ask a few sound artists ( including me ) to created or let some loops and sounds. The project is at its first version but is already giving a great experience.

it’s my sounds on the video

More information, picts and video at http://atonews.blogspot.com/

I made this video for AVERT as part of the Stop AIDS in Children campaign. I used After Effects, Photoshop and illustrator. It’s my first try with after effects and I only had a week to produce it, using only pictures. That was a nice challenge.

I’v been working as a designer/web designer for AVERT for more than a year and a half now. I am in charge of all the design/code of the website, plus all the printing side of AVERT ( T-shirts, adverts, etc…). In a few words, avert.org it’s more than 260 pages, a average of 155 000 visits every weeks (64 500 just on World AIDS day ) and one of the most popular aids website.

Blow water lilies by blowing on your microphone ( old trick I know ).

Online:
WaterLilies now works online.

Download the Full Screen version:
mac osx | windows | linux

This my second try on processing, I was trying to understand class. The applet get slower after a moment but I already spend too much time on it, so I stopped there. A Class is like a object. A object have properties and/or behaviours. Like a glass for example. In processing you can create a model object ( class ), that you will use to create multiple independent objects based on the original model. I’m new to the subject so it’s best to read about object-oriented programmation here.

My example is using the ESS library from Krister Olsson. And I help myself with Stanley Douglas‘ on-line course ( French ).

Took me a while to find out how to sign a applet so it could work online. Here is a longer explanation of the one from Krister Olsson.

blow water lilies - processing

blow water lilies - processing

fdla-screensaver

This is the graphic generator I made to create my header. It’s a simple director application that draw with graphics elements. I also adapted it as a screensaver ( thanks to DirSaver ).

Online shockwave | Download: PC app or PC Screensaver

The MusicBox project was based on finding different approach to music sequencing and/or interaction with sound. It’s a bit of a must do when you start programming sound and interactivity, you have to do your own little musicbox.

In my case I established a protocol for the design and the type of interactivity. The idea was to create movement as if those musicbox were mechanical, like old musical box and music roll. So the way to make them work had to be simple and more or less complex for the render ( sound composition and “music roll” ). As for the design I tried to always use the same type of graphic object, witch are coloured square, in a simple composition. Finally for the interactivity I chosen to only use the mouse because those MusicBox were meant to be showed only on the web, and also to reduce the physical interface to a minimum.

• 
  music box 1
• 
  music box 2
• 
  music box 3