Night #6: Image Sequence Object (with variable speed) I have an example from Learning Processing which demonstrates how to package a “pre-made” animation (i.e. sequence of images) into an object in Processing so that it can be duplicated many times on screen. For tonight’s example, I’m going to make a new version that improves a few key points. First, in the original example the the image files are loaded in the class itself. This is problematic. Sure, if you make one object then you are loading files from the hard drive once. We can fix this by loading an array of images in setup() and passing it to the object. Animation a; void setup() { // Load the image sequence first! The class then receives the array in the constructor and passes it to its own array. class Animation { // The array of images PImage[] images; Animation(PImage[] images_) { images = images_; } This way (as you’ll see in the example) if we make an array of objects, each one uses the same array of images (which we loaded only once). Here is the example.
Royal Pingdom » Awesome visualizations of internet and web tech Posted in Tech blog on November 25th, 2010 by Pingdom Text and numbers are all good and well, but sometimes it’s nice to just be presented with a nice visual. This post is full of videos of just that, interesting visualizations of data. Being the geeks we are, they’re of course all related to the Web and the Internet. Enjoy! The work done by a web server Someone put this great video together using the website access log visualizer Logstalgia. More website traffic Once again, a high-traffic website access log visualization, this time using another tool, Gource (which we’ll show more from later). Website traffic… bubbles? Interesting website access log visualization using glTail. 24 hours of traffic to the New York Times website A pretty cool visualization, mapping the location of the site’s visitors as the hours change. Web traffic meets genetics Here’s another interesting visualization, creating an “organism” based on the access pattern to a website. 11 seconds of Twitter Tag clouds on Twitter
Data visualization for the social networked impaired I've been thinking a lot about data visualization, meaning things like the Internet version of those USA Today infographics and the data you get back from your site traffic analytics group. But data viz is not just about fancy Excel charts and animation; it's a discipline used to visualize information of any sort and it's becoming an increasingly important way to communicate with your audience. Its importance, I believe, lies in its ability to reach scale, that is, helping marketers get the biggest audience possible. Using data visualization, for instance, Domino's makes it fun to track the pizza-manufacturing process. Some data visualization is subtle, such as a number denoting the popularity of a YouTube video, which could change a user's opinion of it. Sometimes it's a big part of the experience; Digg's community, for instance, is entirely based on "how many, how much." It's easy to have cultural impact using outdoor media; the ad is really big and usually in a high-traffic area.
Augmented Reality with #Processing - Tutorial by Amnon Owed All of the visuals in the above video were created using NyArtoolkit for Processing. NyARToolkit is an augmented reality toolkit built with 100% pure Java. It is derived from ARToolkit-2.72.1. All right so let’s start with the general setup. 1. 2. 3. 4. All right, time to recap. Example 1: Basic The first example is basic, but holds all of the important techniques that are necessary for more advanced uses of the NyArtoolkit. If you input the following image (place it in the sketch’s data subdirectory)… …into the first code example, you should end up with something like this… Example 2: Dynamic Time to get a little more dynamic. Example 3: OOP The third example serves two purposes. Main Sketch ARObject Troubleshooting & General Tips If you get an “Exception occurred at Multimarker.Multimarker” you probably haven’t changed the camPara String. I hope you have learned something and this tutorial has been useful to get you off to a running start with augmented reality.
gource - Project Hosting on Google Code Gource is a software version control visualization tool. See more of Gource in action on the Videos page. Introduction Software projects are displayed by Gource as an animated tree with the root directory of the project at its centre. Currently Gource includes built-in log generation support for Git, Mercurial, Bazaar and SVN (as of 0.29). Synopsis view the log of the repository (Git, SVN, Mercurial and Bazaar) in the current path: gource Donations If you like Gource and would like to show your appreciation and encourage future work on this and other open source projects by the author, please consider making a donation! Bitcoin: 15WP34zkaZFJCyzCAKLt9qrWSvDuBN7XLv Related Software You may also want to check out Logstalgia, a web server access log visualization tool. News 14 April 2014 Gource 0.41 has been released. You can now specify a date range directly with --start-date and --stop-date (using 'YYYY-MM-DD hh:mm:ss' ISO format). Changes since 0.40: Multi-monitor support using SDL 2.0 when available.
Václav Pech Continue with the data flow I can't resist sharing some more exciting details about the options GPars dataflow concurrency brings to the table. Remember the intro I posted recently about the concepts and basic usage scenarios? Brief recap Last time we've seen a typical usage pattern - multiple concurrently-run logical tasks exchanging data through dataflow variables: task { mass << calculateMass(volume.val, density.val)} task { volume << calculateVolume()} task { density << calculateDensity()} Since dataflow variables are essentially single-assignment, multiple-read thread-safe variables, the tasks, as thus the underlying threads, get scheduled automatically to fullfill the requested concurrent scenario without any user intervention. Wasting threads There's a catch, though. Having frightened you with a serious scalability problem, obviously I'll follow with an easy fix to it, which GPars luckily offers. Event-driven read task { doSomething x.whenBound {value -> doSomethingMoreWith value }}
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
Visualiser l’économie comme les “quants” | Owni.fr “Quants” est le surnom donné aux analystes quantitatifs, qui manipulent au quotidien un nombre important de données dans le domaine des mathématiques financières. L’une des explications de la crise que traverse l’économie mondiale vient certainement se nicher dans les modèles utilisés par ces professionnels de la finance, dont les compétences vont des mathématiques à la physique [...] “Quants” est le surnom donné aux analystes quantitatifs, qui manipulent au quotidien un nombre important de données dans le domaine des mathématiques financières. L’une des explications de la crise que traverse l’économie mondiale vient certainement se nicher dans les modèles utilisés par ces professionnels de la finance, dont les compétences vont des mathématiques à la physique en passant par les probabilités. Un univers étrange, que les néerlandais de onesize se sont attachés à faire vivre dans le cadre d’un documentaire sur les “quants”. Sur ce, bon week-end à toutes et tous :-)
Fritzing New York City Subway System Comes Alive in HTML5 & Javascript If you live in New York City, you most likely have a love/hate relationship with the subway (one that tends to wander toward "hate" more often than not). Well, Brooklynite, musician and Google Creative Labs employee Alexander Chen has created a little HTML5/Javascript art project that is sure to put a smile on your face next time you're crammed into a crazy person's armpit whilst enjoying the eclectic symphony of children crying on your morning commute. Conductor, Chen's recently released project, is an interactive subway map that pulls data from the MTA’s public API to illustrate the motions of the New York City transit system. Colored lines representing each train move across the screen in accordance with the real cars, and every time they intersect, they produce a "twang!" — like a stringed instrument. You can also "play" the map by tugging on a line with your mouse. "I've also always liked the idea of inanimate objects generating music, coming alive," he adds. You mean like the G?
Nest Nest A library by Eric Socolofsky for the Processing programming environment. Last update, 10/28/2013. Nest provides a high-level, simple scenegraph for Processing, modeled on the API for the scenegraph and display list implemented by ActionScript 3. Nest is targeted toward developers familiar with AS3, who wish to organize on-screen objects in a display list hierarchy. In addition to the scenegraph, Nest also includes an event-based communication system (built on the Observer pattern as implemented by Java's Observer interface), and some minimal UI components. Download Download Nest version 0.7.0 (9) in .zip format. Installation Unzip and put the extracted Nest folder into the libraries folder of your Processing sketches. Keywords. scenegraph,event,parent,child,actionscript,as3 Reference. Source. Tested