background preloader

Processing GUI, controlP5

Processing GUI, controlP5
About controlP5 is a library written by Andreas Schlegel for the programming environment processing. Last update, 07/30/2015. Controllers to build a graphical user interface on top of your processing sketch include Sliders, Buttons, Toggles, Knobs, Textfields, RadioButtons, Checkboxes amongst others and can be easily added to a processing sketch. Installation Unzip and put the extracted controlP5 folder into the libraries folder of your processing sketches. Details Keywords gui, ui, controller, interface, user interface Reference. Source. Platform osx, windows, linux Processing 2.2.1 Dependencies none User interface for the 'vulcano generator'. project synthazards, syntfarm. A complete list of features can be found on controlP5's github page. Features Automatic controller-event detectionControlP5 offers a range of controllers that allow you to easily change and adjust values while your sketch is running. Custom FontsBy default controlP5 uses a bitFont to render text. Examples Related:  Processing

Control Tutorial – how to create your own widgets Control user boblemarin, who is the author of the impressive Sprite3D javascript library, has made a couple of interesting new widgets. The first is a circle sliced into triangles; each segment can be used to trigger, for example, slices of a loop. He made a short demo video of two of these widgets doing exactly that: He also has an interface using particles that are generated by touch and send out note messages whenever they bounce off the walls of the interface. Particle interfaceSlice triggering interface Best of all, he created a tutorial for people who want to make their own widgets. Some love for Control’s open-source brethren Forum member Jetsabel has also made a nice Pure Data patch that explains how to use Control with Pd-extended. For whatever reason, most of the videos / code I’ve posted so far has been geared more towards proprietary software. You can download the script here. Control 1.4 released (iOS) Control 1.4 is released for iOS.

brain_grapher.jpg 25 life-saving tips for Processing | Amnon P5 - Experiments with Processing by Amnon Owed 25 life-saving tips for Processing Posted by Amnon on January 28, 2012 · 37 Comments Well, perhaps they won’t literally save your life. 1. frameCount, millis(), modulo % and noise Let me start with a few functions that in themselves and in combination are extremely useful. 2. math, logical and relational operator shortcuts Any program will use operators. 3. math with ints A very common mistake is doing math operations on integers and expecting a floating number outcome. 4. frameRate Processing’s frameRate is by default capped at 60 fps. 5. loading specific files from an external input directory Many applications use file input, for example an image or a data file. 6. timestamp When saving output to a file you often need a way to distinguish between different sessions. 7. fast image sequence saving If you want to save your visual output to a file you can use the save() or saveFrame() funtions. 9. combining 2D and 3D drawing What if you want a 2D background behind a 3D sketch? Final note!

OSC – Définition + Exemples pratiques basiques Interaction Design tags : OSC • Processing L’OSC est l’acronyme d’Open Sound Control. C’est un for­mat de mes­sage (ce qui per­met de faire com­mu­ni­quer dif­fé­rents péri­phé­riques) via un réseau infor­ma­tique, qu’il soit filaire ou wifi. Il uti­lise le réseau au tra­vers des pro­to­coles UDP ou TCP et apporte des amé­lio­ra­tions en termes de rapi­dité et flexi­bi­lité par rap­port à l’ancienne norme MIDI. Il a été mis au point par Mat­thew Wright et Adrian Feed au CNMAT (Cen­ter for New Music and Audio Tech­no­lo­gies), centre de recherche mul­ti­dis­ci­pli­naire au cein du depar­te­ment de musique de l’université de Ber­ke­ley. Exemples Lemur Le Lemur est un péri­phé­rique, une srte de tablette dédiée, uti­li­sant l’OSC comme for­mat d’échange de mes­sage. Touch OSC Touch OSC est une appli­ca­tion pour iOS (iPad, iPhone) qui reprend les grands prin­cipes d’interfaçages gra­phiques du Lemur. Plus d’expliactions sur Tou­chOSC et son édi­teur sur ordinateur : MSA Fluid Pra­tique Outil !!

Brain-Controlled Color Grid Saturday night: time for some new NeuroSky tests! I programmed an Arduino to take MindFlex headset input and visualize it as colors of a 3D gridded box. For this, I used Eric Mika’s brain control library and Ira Greenberg’s 3D cubic grid sample code. The circuit set-up for this project is very simple: A wire is soldered from the TX pin on the MindFlex’s NeuroSky chip, and the wire’s other end is plugged into the RX input on the Arduino. Right now, the Arduino and Mindset are running from separate power supplies. As mentioned above, this test is a quick mashup of the Brain Library sample code for Arduino ( and Processing ( + Cube Grid sample code for Processing (

Creative coding — Monash University Learning to program is no longer just for computer specialists and software developers. People from many different backgrounds now want to understand the basics of programming, because it’s both fun and an increasingly valuable skill. One of the most exciting ways to learn programming is through authoring your own creative programs. Known as “creative coding,” this growing field uses computer software as a medium to develop original creative expression. So if you’re an artist, designer, architect or musician who’s interested in how you can expand your creative skills, or even a computer programmer looking to work in creative applications, you will find this free online course extremely useful. Explore the concepts and skills of creative coding Throughout the course we’ll help you develop practical programming concepts and skills by exploring creative ideas and challenges. Learn with professional artists and designers The course is very different from technical courses on programming.

Processing | Technomultimédia Affordance n. f. anglicisme Anglais affordance ▪ Le terme d’affordance est un emprunt à la langue anglaise, dérivé du verbe to afford, « avoir les moyens d’acheter », « se permettre », « fournir ». Le concept d’affordance a été inventé par le psychologue de la perception Gibson pour désigner les propriétés actionnables entre le monde et un individu (humain ou animal). Pour Gibson, les affordances sont des relations. Elles existent naturellement et n’ont par conséquent pas à être visibles, connues ou souhaitées. Sources « Affordance, conventions, and design », Interactions, Volume 6, Issue 3 (mai/juin 1999), Donald A. — par Benoît Drouillat

Window Size and Full Screen · processing/processing Wiki This page covers window sizing with sketches as well as Present (full screen) mode. In Processing 2.0 (starting with alpha 6), there are several improvements and changes to how full screen is handled, as well as much-improved multiple monitor support. Making Sketches Resizable This section only pertains to the desktop version of Processing (not JavaScript or Android), because it's the only one to use windows and frames. It's possible to make the sketch window resizable. To do this, use the following: void setup() { size(400, 400); // size always goes first! This is not enabled by default because most sketches won't behave well when resized. You can also change the size of the window using the Java method frame.setSize(w, h). Running at Full Screen Just use Sketch → Present and your sketch will run in Full Screen mode. The displayWidth and displayHeight variables The displayWidth and displayHeight variables contain the width and height of the screen where the sketch was launched.

Processing | v3ga Le tricodeur Visages Journées du code créatif Processing Paris 2013 Atelier OpenData à Nantes Algorithms & silkscreen Cadavre exquis Processing Bordeaux #11 & #12 Atelier SP31 à Versailles Processing Abidjan Processing Bordeaux #09 & #10 Processing Bordeaux Season #02 Nuit Blanche à La Maréchalerie Affiche a’urba Processing Paris 2012 Processing Paris #03 Processing Bordeaux #02 Processing Bordeaux #01 Processing & Open Data à Rennes Processing Rennes Post Algo. Algorithmes sérigraphiques Post Processing Paris #02 Processing Paris #02 Processing, livres en français Contour map & blob detection Workshop “Exposer” à Pau Barcamp Gorée Processing booksprint Processing Paris #01 photos Processing Paris #01 Monolithe et communication Processing à l’EESI #02 Processing à l’EESI #01 Crea Numerica, Beyrouth *deggv @ l’atelier hypermedia Processing @ Tweak Processing sketches 2002-2004 Responsive Type Blob Detection

The midi library allows Processing and every other Java Application to send and receive Midiinformation. Mididata can be received and send by installed Midi-Ports. To install unzip the file into your processing libraries folder. The intention of that library was to synchronize Processing via Midi to music and use it for live visuals. There are a lot of changes in the new proMIDI version so you have a new plug method, where you can directly plug method that handle the incoming midi data. The biggest change however is that proMIDI does now include a sequencer and tracks and patterns to create musical structures. Download: promidi 2.0 This are older versions of proMIDI: promidi 1.0promidi 0.0 Sequential \ Examples This example is for Processing 2+. If you have a previous version, use the examples included with your software. If you see any errors or have suggestions, please let us know. Sequential by James Paterson. Displaying a sequence of images creates the illusion of motion.

Fun Programming - Webcam light tracking and air drawing 150. Webcam light tracking and air drawing previous | next episode This episode shows two things you can do with a webcam. The first one is tracking an object which is easy to distinguish from the background. We use brightness() to search for bright pixels, but you could also use red() to search for very red pixels, or one of the other functions that return color properties. At home at night this works very well. Ideas: try to make a simple game which you control with light, use light to increase and decrease a parameter in your program, or use light to give instructions to your program. The second experiment we do in this episode is using light to draw. Tags: webcam, tracking, drawing, capture Code editor

Sequential This example is for Processing 2+. If you have a previous version, use the examples included with your software. If you see any errors or have suggestions, please let us know. Sequential by James Paterson. Displaying a sequence of images creates the illusion of motion.