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

Wiring PeasyCam peasycam v201 A library by Jonathan Feinberg for the programming environment processing. Distributed under the Apache Public License, version 2.0. Last update, 04/09/2014. PeasyCam provides a dead-simple mouse-driven camera for Processing. Example PeasyCam camera; void setup() { camera = new PeasyCam(this, 0, 0, 0, 50); } That's it. The PeasyCam is positioned on a sphere whose radius is the given distance from the look-at point. PeasyCam is impervious to gimbal lock, and has no known "singularities" or discontinuities in its behavior. Thanks Useful bug reports and feature suggestions were provided by: Please let me know if I've forgotten to acknowledge you. Download Download peasycam version 201 in .zip format. Installation Unzip and put the extracted peasycam folder into the libraries folder of your processing sketches. Constructors PeasyCam(PApplet parent, double lookAtX, double lookAtY, double lookAtZ, double distance); PeasyCam(PApplet parent, double distance); // look at 0,0,0 Methods Source.

Hemesh : a 3D mesh library for Processing | W:Blut Coded, recoded, lost, recoded and recoded … hemesh , the half-edge mesh library for Processing has slowly accreted to a state that war­rants a release. A release in more than one way. In ret­ro­spect, the cur­rent func­tion­al­ity looks depress­ingly small, espe­cially com­pared to the hun­dreds of hours that already went into cod­ing it. But like a broke home-owner with a base­ment and a half-finished first floor, I com­fort myself with the thought that at least it holds poten­tial for growth. What is hemesh ? hemesh is an imple­men­ta­tion of a half-edge datastructure for manip­u­lat­ing 3D meshes in Processing. Generating and dis­play­ing a mesh requires noth­ing more than a list of ver­tices and a list of faces con­nect­ing them. What can hemesh do? The library is cur­rently focused on the stuff I coded it for: 3D voronoi and ran­dom plane divi­sions. Creating meshes is cool (for a given amount of cool) but destroy­ing them is cooler. What hemesh can’t do… Getting hemesh Future

Drawing forests on a fantasy map - 3 styles - Fantasy Worldbuilding In this tutorial, I will be showing you how to draw forests on your fantasy map in three styles! Style 1 This first style uses repeated tree shapes to create a forest. Start from the bottom of your forest and build your trees up layer by layer into a forest. add small lines under the bottom of the lowest layer of trees to add the tree trunks. Style 2 For this style of drawing forests, simply draw the outline of your forest, trying not to draw too many straight lines (you want the borders of your forest to look organic and natural). Add a few small squiggles on the inside of your forest outline to add a bit of extra detail and texture to your forest. Style 3 This style for drawing forests is not very different from the previous style. Draw the outline for your forest again and then draw in small squiggles or curved lines to add detail and texture to your forest.

Ani - An animation library for Processing An animation library by Benedikt Groß for the programming environment Processing. Last update, 2013/02/28. Ani 2.5 is a lightweight library for creating animations and transitions. Easily spoken Ani helps you to move things around on the screen or a bit more abstract, to animate any numeric variable. Most of the time a single line of code like the following one is enough: Ani.to(object, duration, variable name, target position, easing); Target object ("this" or any reference to an object), duration of animation specified in seconds or frames, variable name (which numeric variable is used), easing (the characteristic of motion) ... The syntax of Ani is created with simplicity of use in mind. Feedback is very welcome, but please use the processing discourse forum for that. Installation ↑Up Unzip and put the extracted Ani folder into the libraries folder of your processing sketches. Demos Check the demos in the distribution of Ani (zip file), or have a look at them by watching the videos. Ani

B-processor the Hype Framework / Processing / ProcessingJS / github.com/hype/HYPE_Processing Drawing a map of distributed data systems Designing Data-Intensive Applications, the book I’ve been working on for four years, is finally finished, and should be available in your favorite bookstore in the next week or two. An incomplete beta (Early Release) edition has been available for the last 2 1/2 years as I continued working on the final chapters. Throughout that process, we have been quietly working on a surprise. Something that has not been part of any of the Early Releases of the book. In fact, something that I have never seen in any tech book. In Designing Data-Intensive Applications, each of the 12 chapters is accompanied by a map. Here is an example, from Chapter 3 (on storage engines): Don’t take it too seriously—some of it is a little tongue-in-cheek, we have taken some artistic license, and the things included on the map are not exhaustive. Most computing books describe one particular piece of software and discuss all the aspects of how it works. My goal for Designing Data-Intensive Applications was different.

InstantSOUP / Physical Computing » Microcontroller Instant Soup support the following platforms: Wiring Wiring is a programming environment and electronics i/o board for exploring the electronic arts, tangible media, teaching and learning computer programming and prototyping with electronics. It illustrates the concept of programming with electronics and the physical realm of hardware control which are necessary to explore physical interaction design and tangible media aspects. Wiring is an open project initiated by Hernando Barragán (University of Los Andes | Architecture and Design School). Wiring started at the Interaction Design Institute Ivrea and it is currently developed at the University of Los Andes. Wiring website Arduino Arduino is an open-source physical computing platform based on a simple i/o board and a development environment that implements the Processing/Wiring language. More about MicroControllers

Chord Diagram Chord diagrams show directed relationships among a group of entities. This example also demonstrates simple interactivity by using mouseover filtering. Layout inspired by Martin Krzywinski ’s beautiful work on Circos . Source Code Use Animation to Supercharge Data Visualization 3 NPR Planet Money’s Fall and Rise of US Inequality — NPR’s Planet Money department often supplements its excellent podcast series with similarly well-crafted data visualizations. Early in 2015, they produced an interactive and animated graphic showing the striking distinction between income growth patterns pre-1980 and from 1980 to 2012. The creators adeptly blend animation with annotation to clearly illustrate which portion of the working population grew their income in each time period, and how the gap between highest and lowest earners has surged in recent decades. 4 Windyty’s Global Weather Visualization — Extremely simple and elegant, Windyty animates wind, temperature, clouds/rain, waves, snow, and air pressure patterns across the globe, drawing on data from the Global Forecast System’s weather model.

arduino meets processing - PUSHBUTTON The Arduino meets Processing project intends to make it as easy as possible for anyone to explore the world of physical computing. All you need is an Arduino board as well as the Arduino and Processing software, which you can download on their project websites. On this website we explain how to: set up electronic circuits with various kinds of sensors, control and measure the sensors with the Arduino board, send the data to the computer, and use the received values to generate computer graphics with Processing. For all examples you need some basic electronic equipment such as a breadboard, resistors, the sensors, and some wires. The following sensors are dealt with on this website: All examples contain a list of the parts as well as the Arduino and Processing files you need. The Processing files have a DisplayItems class which paints a grid with values, a black or white background. Feel free to play around and have fun exploring the wonderful world of Arduino and Processing!

d3.js

Related: