DevLog

Click here to try out Ragdoll Animator

Very crude example animation: here. Copy/paste it into the textarea at the animator page, then click “Load from textarea.”

For the past two weeks I’ve been working on a simple Verlet-based Animator. Everytime you click “Add Frame” (or press spacebar), the animator tries to predict your next frame by apply motion to the stickman. You can even simulate it in real time by holding spacebar and grabbing the stickman and flinging him around. There’s a lot of other cool things you can do here, but I’ll leave it to you to find out.

Ragdoll Animator, like most of my stuff, was programmed in Processing. Instead of compiling it as a Java Applet this time I instead used Processing.js.

The creation of Ragdoll Animator was made with the help of some of the Processing.js dev team, especially Pomax, who was willing to tolerate my countless questions about code design.

For animators: My animation example is very crude and I’m certain other people are more capable than me at making something neat. Paste your animations at PasteBin and tweet them! I’ll be sure to include animations tweeted in later blog posts.

Source code info after the break.
(continue reading…)

Click here to see How to Make a Fabric Simulator

Click here to see How to Make a Fabric Simulator Part 2

Yesterday and today I made some long needed changes to Curtain‘s code. Most of it is behind the scenes stuff. The most noticeable change will be how it interacts with the mouse. It should now be a lot smoother and when the user is tearing (right clicking), it wont just tear at points it sees the cursor at, but it’ll tear ALL points between the cursor’s current and previous positions. Meaning it’s now a lot easier to slice the curtain in half with just one swipe.

You might also notice changes in the speed since the majority of the changes are optimization. You’ll only notice it if Curtain was laggy or slow for you before this update. To try out the newly optimized Curtain, check it out here. You can also check out its source here or here. To see a list of updates, jump to the end of the post.

(continue reading…)

A lot of the pictures in Algorithmic Art were made using a program I started on a few days ago. I took Curtain and made it 3D. The fabric gets created in the center of the screen, with different parts of it being accelerated in all directions. It’s rendered onto the screen semi-transparently over and over and eventually you get a very organic nebula-like piece of art.

I feel like a lot of what makes the pictures amazing is watching the nebula itself grow. I cleaned it up, and released the applet online which you can try by clicking here. I’ve also uploaded the source on OpenProcessing and Hawkee

Don’t forget I have a Twitter, also a Google Plus profile.

I cleaned up the code, added some comments, and released the source to Circus Fluid. It looks a bit different than the older version: the shadows are deeper, and the colors are smoother. Please leave feedback/criticism wherever you like.

The source can be viewed either on OpenProcessing or Hawkee. If there’s anywhere else I should start releasing sources and applets, let me know!

This weekend I made a trippy fluid applet. The brightness of each pixel is determined by the velocity, and the hue is determined by the density. This uses a simple algorithm that’s explained pretty well at in this powerpoint here.

Click here to see the fluid.

Also check out my Twitter.

Today I’ve further extended the verlet algorithm and created a Car from it. At the moment it’s just a box with wheels, but in the future I’d like to allow weight-shifting to it, so it can be played it be like those motocross games. When and if I finish it, I’ll clean up the code and open-source it on http://www.openprocessing.org/ and http://www.hawkee.com.

Also check out my Twitter: @BlueThen.

Short post here. As promised, here’s the source to the ragdoll applet I released a few weeks back: http://www.openprocessing.org/visuals/?visualID=22598

Press ‘r’ to reset. Click and drag to interact.

In this applet, we make use of the Verlet Integration method from Curtain, and create little ragdolls.

I did my best to comment the code for others to use.