HOME | DD

Description

About:

Simulation of a rope mechanics in javascript.

click&drag to create the rope, press space to pull one end of the rope towards the cursor.

Live demo including code: phi.pf-control.de/KB/canvas_st…

Special:

You only exert force on one point of the rope, while the model calculates the movement of the other points.

The rectangles follow the rope tangent, showing one can add a texture/skin.

I also find it quite mesmerizing. ^^'

Background:

I saw a smartphone advertisement for "angry birds" recently.

One of those where you see a puzzle that's not actually in the game.

You had to draw a rope around gems and obstacles that a bird would reel in at both ends.

The rope would catch on the obstacles rope while the goal is to fetch all gems.

So I wondered if I could make a realistic rope and choose javascript/canvas.

Outlook:

Perhaps I actually try to make the game.

I would need to implement collision checks for gems and obstacles

Description

About:

Simulation of a rope mechanics in javascript.

click&drag to create the rope, press space to pull one end of the rope towards the cursor.

Live demo including code: phi.pf-control.de/KB/canvas_st…

Special:

You only exert force on one point of the rope, while the model calculates the movement of the other points.

The rectangles follow the rope tangent, showing one can add a texture/skin.

I also find it quite mesmerizing. ^^'

Background:

I saw a smartphone advertisement for "angry birds" recently.

One of those where you see a puzzle that's not actually in the game.

You had to draw a rope around gems and obstacles that a bird would reel in at both ends.

The rope would catch on the obstacles rope while the goal is to fetch all gems.

So I wondered if I could make a realistic rope and choose javascript/canvas.

Outlook:

Perhaps I actually try to make the game.

I would need to implement collision checks for gems and obstacles