Douglas | 1/3/2012 | Design Algorithmique | Unterplay

ofxSprite

+ Demo: ofxSprite
+ Platform: OpenFrameworks
+ Code: SpriteDemo.zip
+ Addons: ofxSpriteManager & ofxAssets

We are currently building a lot of game prototypes as part of our Ünterplay project at the Media Design department of the HEAD —Genève. A lot of these games require sprites of some sort. So here is a simple demo project showing how to integrate ofxSprite into a basic OpenFrameworks project for iOS. This same technique should also work fine on Mac OS X, Windows and Linux, as the only other dependency is ofxAssets.

1. Start with a copy of a basic EmptyExample from the OpenFrameworks examples folder

2. Download the ofxSpriteManager & ofxAssets addons and place them into your « addons » folder.

3. Drag the two new addons into your XCode project. Delete the references to the « README » files if you want to:

4. If you encouter problems with the « ofxExtras.h » addon, you can safely de-activate it as in the following illustration:

5. Copy the « testApp.h » and « testApp.cpp » files from the SpriteDemo.zip example provided here.

6. Make sure to copy the included « Personnage » folder with the eight PNG images of the sprite. You can obviously replace this image sequence with any sequence of your own, in which case you will need to change line no.24 of « testApp.cpp », using your own file/folder name.

7. Compile and run the example.

Douglas | 22/12/2011 | Design Algorithmique | Workshop

Graphisme génératif

  • Workshop: Graphisme génératif
  • Instructor: Douglas Edric Stanley
  • Location: —HEAD, Genève
  • Date: 31/10/2011-4/11/2011
  • Participants: Julia Garcia, Laura Couto Rosado, Nadezda Suvorova, Camille Dedieu, Roger Guindon, Patrick Donaldson, Kim Andenmatten, Amandine Baud, Annja Müller, Pierre-Alain Schilling, Yann Anspach, Marta Revuelta, Gention Cenko, Marie Rossi, Lucas Bertinotti, Angela Cardona, Emily Bonnet, Jakub Svehla, Laetitia Sejmowski, Jimmy Roura, Camille Rattoni
  • Documentation: Raphaëlle Müller —HEAD

A few weeks back I taught a workshop on generative graphics as part of a cross-disciplinary « semaine de tous les possibles » (week of possibilities) at the Geneva University of Art and Design. The workshop combined students from the Master Media Design and undergraduate students from Visual Communication. We worked mostly in the realm of print, introducing code into traditional book design and/or poster design. For example, the books were generated directly in Processing using the PDF Export library to generate multi-page booklets.

Les 100 mots les plus utilisés dans le petit livre rouge de Mao by Yann Anspach, Roger Guindon and Laetitia Sejmowski

Wsp Graphisme Generatif_HEAD©R.Mueller-3593 Wsp Graphisme Generatif_HEAD©R.Mueller-3594

Whole generation by Pierre-Alain Schilling and Jakub Svehla

Wsp Graphisme Generatif_©HEAD-0022 Wsp Graphisme Generatif_©HEAD-0030-2

Roue du Dharma by Kim Andenmatten, Amandine Baud and Annja Müller

affiche flower Wsp Graphisme Generatif_HEAD©R.Mueller-3555

Alice by Emily Bonnet, Angela Cardona, Marta Revuelta and Marie Rossi

Wsp Graphisme Generatif_HEAD©R.Mueller-3599 Wsp Graphisme Generatif_HEAD©R.Mueller-3602

Sisyphe by Lucas Bertinotti, Gention Cenko and Jimmy Roura

Wsp Graphisme Generatif_HEAD©R.Mueller-3514

Le livre rouge de Jung by Laura Couto Rosado, Patrick Donaldson and Camille Rattoni

vue iPad Wsp Graphisme Generatif_HEAD©R.Mueller-3536

Kaleidoscope by Nadezda Suvorova

Wsp Graphisme Generatif_HEAD©R.Mueller-3585 Wsp Graphisme Generatif_HEAD©R.Mueller-3587

stop_pattern_ornamentation by Julia-Garcia Skrenbneva

Wsp Graphisme Generatif_HEAD©R.Mueller-3590 Affiche Julia Garcia-Skrenbneva

Mapping by Camille Dedieu

Wsp Graphisme Generatif_HEAD©R.Mueller-3567 Wsp Graphisme Generatif_HEAD©R.Mueller-3564

Douglas | 5/12/2011 | Design Algorithmique | Unterplay

Photo/Nykto

Photo/Nykto

« Photo/Nykto » is an experimental game conceived by Annelore Schneider and Douglas Edric Stanley as part of the « Unterplay » project at the Master Media Design —HEAD, Genève. It is a game for nyktophobes and photophobes. It is played by switching on and off the lights in order to avoid reaching the edge of the screen. The score increases exponentially near the edges, and speeds up with each change from light to dark and back.

Photo/Nykto was developed by Douglas Edric Stanley using OpenFrameworks.

Douglas | 8/10/2011 | Design Algorithmique | geekrun

Schéma Classe/Sous-classes

Voici un schéma technique que nous avons re-écrit pour la nouvelle version de GeekRun pour V2_ + ISMAR 2011. Il prend en compte la version Lift’11 de GeekRun, ainsi que la toute récente adaptation sous le nom du Passage Futé pout UTP. Il s’agit de l’architecture du nouveau programme et de l’hiérarchie des classes qui formeront le programme.

 

Douglas | 5/10/2011 | Design Algorithmique

Quelques blogs + podcasts

Voici un petit tour rapide de quelques blogs que nous avons rapidement rassemblé lors du premier cours de Design algorithmique :

Quelques podcasts (audio/vidéo) :

Douglas | 23/12/2010 | Design Algorithmique | Mur Communiquant

ofxTwitter

This is a fast+lame attempt at making a simple Twitter addon for OpenFrameworks. It is based on various discussions found on the OF forum, but specifically on this article from Paul Shen : openFrameworks + HTTP requests + XML parser.

We are using this addon for some installations we are preparing for Lift’11.

To install, unzip+copy the ofxTwitter folder into your « addons » folder in OpenFrameworks. Then unzip+copy the TwitterSearch example into your « addonsExamples » folder in OpenFrameworks.

If you start from a new OF project, you will have to drag the following addons into your project usually these are placed in the « addons » folder inside Xcode: ofxHttpUtils, ofxThread, ofxTwitter, ofxXmlSettings.

The example is Xcode (Mac OS X) only for the moment. When I’ve cleaned it up and run it through its’ paces, I’ll release it as a true OpenFrameworks addon via GitHub.

And finally, here’s a practically empty Twitter+Kinect example that requires the ofxKinect addon. There is no interaction between the tweets and the Kinect image sensor. We will be using this base example as a starting point for our projects: Tweenect.zip

Ellwood-Leo | 15/11/2010 | Design Algorithmique

memoWii

Video

Résumé du jeu:

memoWii reprend le concept de mémorisation et d’exécution d’une même séquence utilisé par le jeu « SIMON » . Dans le cas de memoWii, c’est la position de la wiimote qu’il faut retenir. Chaque joueur ajoute tour à tour une position créant ainsi une séquence de mouvements. Cette séquence doit être répétée par le joueur suivant avant que celui-ci ne puisse ajouter un mouvement supplémentaire. Le jeu se termine lorsqu’un joueur se trompe dans la suite de mouvements.

Directives:

La partie est lancée lorsque le premier joueur enregistre la première position à l’aide des boutons A ou B de la wiimote. Au moment de passer la wiimote à son voisin, les LED s’allument de gauche à droite. A son tour,  le joueur suivant répète cette position en appuyant sur A ou B. Lorsqu’il a effectué tous les mouvements correctement, la wiimote signale à travers une brève vibration ainsi que le clignotement des quatre LED qu’il a réussi la séquence et qu’il doit à son tour rajouter une position supplémentaire. Si le joueur se trompe dans une des positions de la séquence, la wiimote se met à vibrer en continu et c’est la fin de cette partie. Pour relancer la prochaine partie et stopper la vibration, il suffit d’appuyer sur le bouton 1.

Game description summary:

MemoWii takes the concept of storing and executing the same sequence used by the game « Simon ». In the case of memoWii it is the position of the wiimote should must be remembered. Each player in turn adds a position creating a sequence of movements. This sequence is repeated by the next player before he/she can add an additional movement. The game ends when one player makes a mistake in the sequence movements.

Guidelines:

The game begins when the first player records the first position using the A or B buttons of the wiimote. When passing the wiimote to one’s neighbor, the LEDs light up from left to right. In turn, the next player repeats this position by pressing A or B. Where he/she has done all the movements correctly, the wiimote signals through a short vibration and the four LEDs blink  meaning that he has managed the sequence correctly and should in turn add an additional position. If the player makes a mistake in one of the positions of the sequence, the Wiimote starts to vibrate continuously ending the game. To restart the next game and stop the vibration, just press button 1.

admin | 12/11/2010 | Design Algorithmique | 1 Commentaire

Bob Catch – un jeu pour wii

Descriptif:

Bob Catch est une adaptation interactive du jeu de la mouche qui utilise 2 wiimotes dont une, dissimulée dans une peluche, fait office de balle et l’autre de trésor.

Règles du Jeu:

3 participants (minimum): un joueur au milieu et 2 (ou plus) autour.

La wiimote trésor doit être préalablement cachée dans la salle par un des joueurs qui ne sera pas au milieu.
2 joueurs à cotê de l’écran se lancent la peluche alors que le troisième, situé au milieu des deux, essaie de l’attraper.

Le but des 2 lanceurs est de faire avancer la jauge en se lançant la peluche.
Le joueur du centre doit l’attraper le plus rapidement possible.
Si il réussit, il lui reste le temps jusqu’a l’arrivée de la jauge pour trouver la wiimote caché.

Douglas | 14/10/2010 | Design Algorithmique

Portrait

Voici un programme pour dessiner avec votre visage. Il s’agit d’un programme fabriqué vite-fait dans le cours « Design algorithmique » du Master Media Design au HEAD Genève.

Portrait.zip (codes sources Processing .pde)

Douglas | 11/10/2010 | Design Algorithmique

Film suisse découpé

À la demande de Stan Bernatt, voici l’image du film suisse, découpée par un masque.

FonduMasque (codes sources Processing)

Older Posts »
| TWITTER | RSS |
| HEAD - GENEVE MASTER OF ARTS HES-SO EN DESIGN |
| GRETA TEXT AND WEB FONT SERVICE BY TYPOTHEQUE.COM |