yuan.li | 11/10/2011 | Boot Camp

Cause effet

Yuan Li, Julia Garcia-Skrebneva, et Anita Vaivode

Le projet est une visualisation fait en Processing du principe philosophique de “La raison suffisante” de Leibniz: “Jamais rien n’arrive sans qu’il y ait une cause ou du moins une raison déterminante” et particulairement des racines de ce principe formulés par Schopenhauer  :

1. Principe de raison suffisante du devenir.
2. Principe de raison suffisante de l’être.

Lorsqu’on on déclenche le programme, son évolution s’inspire des cycles de vie simple comme: naissance, évolution, mort
Les premières générations a naitre ont la meme apparence, de meme couleur blanc. Graduellement la population gagne en maturité, elle évolue, les entités se différencient par la couleur et la vitesse de croissance, les générations par l’intensité et saturation de la couleur.
Car chaque entité (cercle) a son propre cycle de vie, ou son âge est représenté par le nombre de cercles interieurs, donc chaque etat suivant est la suite de l’etat precedent, qui illustre la lois de causalité: “principe de raison suffisante du devenir”: « Tout état nouveau par lequel passe un objet a été nécessairement précédé par un autre état qui se nomme cause, alors que l’autre se nomme effet”.

Les nouvelles entités sont née remplacent celle qui meurent, illustrant “principe de raison suffisante de l’être”: “Chaque être réel est déterminé par un autre être. Dans l’espace, c’est la situation, et dans le temps c’est la succession”.

Vue de projection


Effet 1

Effet 2

Vidéo Processing

alice.haldenwang | 10/10/2011 | Boot Camp

Das Unheimliche // concept freudien

Das Unheimliche – Recherche de mise en page d’article.
projet réalisé par Marion Bareil, Khalil Klouche et Alice Haldenwang.

Un texte est publié sur le web par des technologies ouvertes largement démocratisées.

 

La hiérarchisation de l’information est réalisée de manière très stricte en HTML, garantissant la lisibilité de l’article sur 100% des plateformes permettant un accès au web.

La mise en forme est décrite en css et respecte les canons typographiques de lisibilité. Le texte est optimisé pour la lecture sur iPad et son affichage s’adapte à l’orientation de la tablette.

En guise de couverture, l’article est doté d’un en-tête comprenant le titre, ainsi qu’une illustration générative qui se développe tout au long de la lecture.

Dans le cadre de l’article choisi, un générateur aléatoire de taches de Rorschach nous a semblé tout indiqué. Ce générateur a été codé sous Processing. Pour des raisons de compatibilité, le programme a été traduit en javascript par la librairie Processingjs, ce qui permet son affichage dans un objet Canvas de HTML5.

 

voir la video

 

tâche 1

tâche 2

tâche 3

tâche 4

déclinaison de cet article sur le media IPad

 

 

 

puf | 10/10/2011 | Boot Camp

Memes

Memes

Mariam A.
Jostna K.
Fabien D.

L’exercice proposé dans le cadre du Boot Camp consistant à devoir choisir un concept philosophique afin de l’illustrer sous forme graphique à l’aide de Processing, nous avons donc choisi de traiter la question du Meme.
Ce terme inventé par le biologiste et penseur Richard Dawkins, qualifie les idées ou les comportements, qui se transmettent d’une personne à l’autre au sein d’une culture ou d’une communauté. L’une des spécificités des memes est cette aptitude qu’ils ont à pouvoir muter dans un contexte particulier.

Nous avons donc décidé de représenter cette mutation à l’aide de formes géométriques simples que notre niveau en programmation permettait de réaliser. Notre travail prend donc la forme d’un sketch Processing interactif à partir duquel nous avons réalisé une vidéo.

 

Cet exercice a surtout été pour nous un prétexte pour explorer les bases de la créations sur Processing !

Douglas | 7/10/2011 | Boot Camp

Exemple simple orientée-objet

Voici une démonstration plutôt réduite d’un sketch Processing qui utilise plusieurs objets. Cet exemple marche dans un navigateur compatible Java.

Voici les codes sources:

jostna.kureth | 5/10/2011 | Boot Camp | Non classé

Fahrenheit 451 : lecture clandestine

Le projet est basé sur le film de François Truffaut Farenhneit 451 (1966), qui parle de la survie des connaissances incarnées dans les livres. Dans le film les livres sont des objets interdits. Leur contenu est déclaré dangereux et leur accès est strictement prohibé. Quiconque  possède un ouvrage écrit se voit arrêté et chaque livre trouvé est brûlé. Nous avons donc choisi de nous attarder sur la problématique du livre en tant que support d’une information censurée. Dans cette perspective, l’installation vise  à recréer  l’experience de lecture d’un contenu crypté.

 

Le projet se présente sous la forme d’une projection interactive. C’est un livre qui sert de surface de projection et son information est tout d’abord illisible. Ce n’est que lorsque le spectateur approche  son doigt des pages que le contenu se révèle. Le but du projet est donc d’arriver, via la détection de mouvement,  à provoquer une modification de la projection. Pour ce faire, nous allons utiliser la plateforme Kinect et le programme processing qui nous permettrons de gérer la transformation du texte par l’interaction gestuelle.

 

camille.dedieu | 5/10/2011 | Boot Camp

A table !

Table de visionnage

Alice Haldenwang, Nicolas Levacher, Camille Dedieu.

 

Visionnage d’un extrait de Gold Rush (avec Charlie Chaplin), la scène du repas. Grâce à un pilotage manuel où les commandes du film sont les lacets, l’utilisateur gère la vitesse de la time-line et découvrira l’extrait projeté sur l’assiette. Il pourra alors jouer sur le jeu du film et les répétitions avant-arrière.

La semaine fut trop courte, notre projet ne vit pas le jour du « Make Nice » ! Il restera au stade de prototypage-bricolage. Peut-être la réflexion du mécanisme nous servira pour un autre projet…

 

Voir l’extrait original

Mise en situation du projet.

 

Schéma avec une bobine et Arduino.

Prototypage de la bobine.

Construction de la boîte qui masquera tout le système d'activation de la projection.

Système d'activation des lacets qui bougera la souris en "mouseY".

 

Installation de l'ordinateur, caché dans la boîte.La souris se déplacera en Y, calée entre deux rails (tapis de souris bleue, made in HEAD pour le confort de mme Souris).

lacets tirés --> déplacement de la souris en y --> transmission à Processing d'avancer ou de reculer le film --> projection de l'extrait Gold Rush sur la future assiette.

Voici les coulisses du processus : ordi + tablette souris-rails.

 

 

 

 

 

 

puf | 5/10/2011 | Boot Camp

Rubber II

 

rubber2

 

What is this ?

Il s’agit d’une installation mettant en scène un pneu activable, le dispositif invitera le spectateur à mettre le pneu en mouvement, déclanchant ainsi des effets sonores.

 

How does it work?

Une kinect permettra d’identifier les déplacements du pneu dans l’espace, les données recueillies permettront la génération du son à l’aide de processing.

 

Recherche

 

Croquis

croquis2

croquis1

Jérémie | 5/10/2011 | Boot Camp

Screaming Ear

Nous sommes partie pour ce projet d’un extrait du film Blue Velvet de David Lynch, où l’agent Cooper trouve une oreille dans l’herbe. Il s’agit d’une installation mettant en scène cette oreille qui entend et réagit face aux individus proches d’elle. Voici deux croquis qui expliquent brièvement le matériel nécessaire à la mise en place du dispositif.

mariam.asatryan | 5/10/2011 | Boot Camp

Monolith Psychedelic / Psychedelic Monolith

L’installation « Monolith psychedelic » propose de découvrir l’effet du monolithe psychédélique. L’idée est de laisser entrer une personne ou plusieurs dans l’espace où se trouve le monolithe. Elle peut vivre l’expérience psychédélique en touchant le monolithe. Son toucher déclenchera le bimer qui projetera un dessin génératif qui entoure entièrement le monolithe.

The installation « Psychedelic Monolith » proposes to discover the psychedelic monolith effect. The idea is to let one or several people enter the space where the monolith is. The person can have a psychedelic experience by touching the monolith. Their touch will trigger the projector, which will project a generative design around the monolith.

 

Film

Mise en Situation

 

Interaction
psychedelic-monolith-

 

Schema
schema-technique

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