Skip to content

Tweak your Processing code in real-time

Processing is a great way to quickly create dynamic visual sketches.  We’ve started using it for quick-and-dirty digital mock-ups, but unfortunately making adjustments and exploring dynamic behavior often takes up more time than we’d like: running the code, figuring out what needs to be altered, stopping things, and modifying variables over and over again.

Tweak is a tool we’ve built to modify variables in Processing while your code is running.  It’s simple to setup and lets you tune your sketch on-the-fly; just drop the Tweak.pde file in your sketch’s folder and use Tweak variable types (such as TweakInt, TweakFloat, and TweakPoint) for the parameters you want to adjust.  When using Tweak, a second window will be displayed where you can make adjustments by clicking on a variable and dragging your mouse.  Everything is updated in real-time so you can see the effects immediately as your sketch runs.

Here are two Tweak examples if you want to try it out for your next Processing project:

For a step-by-step guide to getting started with Tweak, check out Tweak on Instructables.


  1. Social comments and analytics for this post…

    This post was mentioned on Twitter by CedricKiefer: This is great! Tweak your Processing code in real-time. Upcoming librarie to change variables on runtime.

  2. […] Links on 29 March 2010 with no comments dsLabs » Blog Archive » Tweak your Processing code in real-time "Tweak is a tool we’ve built to modify variables in Processing while your code is […]

  3. I shouldn’t be surprizing so hard at that.

  4. medical assistant medical assistant

    Pretty nice post. I just stumbled upon your blog and wanted to say that I have really enjoyed browsing your blog posts. In any case I’ll be subscribing to your feed and I hope you write again soon!

Leave a Reply

Your email address will not be published. Required fields are marked *

WordPress Anti-Spam by WP-SpamShield