Advanced Controls

WaveMaker 1.0 (release date TBD) will provide a full set of parameters for full control of the final image. Here are some of the settings:

• Curve Length / Curve Depth
• Line Color (start and end)
• Color Shift Point
• Variable / Randomized Line Length
• Line Resolution
• Line Thickness
• Line Angle/Skew
• Line Opacity
• Show/Hide Curve

Additionally, you will also be able to:

• Turn of the animated generation and go directly to JPG or PNG
• Save the raw SVG data so that you can replay/reconstruct an image

How To Create an Image

Using WaveMaker is simple -- On the Home screen, find the row of buttons labeled "Make Waves", and click on any active button (magenta outline). The image should start rendering immediately.

Each of the five buttons represents a preset combination of parameters. You can see sample results in the Gallery, but here is a description of what each preset does:

1. Produces a high-resolution, nicely proportioned, medium size object
2. Creates a high-resolution, very wide object
3. Same as 01, but at lower resolution, e.g. the lines are a little thicker and farther apart. It's a nice effect, and renders MUCH faster. Recommended for slower systems or browsers (like IE)
4. Same shape style as 02, but with lower resolution, as described above for 03.
5. A much different result! This preset randomizes the lengths of the lines that connect the two control curves. If you don't know what control curve is, and actually want to know, please read this blog post

How To Save an Image

1. After the graphic renders -- or even while it is still rendering -- click on either the JPG or PNG button. This will generate an image which will be displayed IN A NEW TAB OR WINDOW.
2. In the new tab or window, right-click anywhere in the image area
3. The "Save Image As" dialog box will appear; you can take it from here!

WaveMaker, v0.6

WaveMaker is a web-based application that uses code to create abstract art in real-time. Just click a button under "Make Waves" to see a unique, randomly-generated image develop right before your eyes.

If you like it, save it as a jpeg or png file, or click again to create a new image.

Read more about WaveMaker on the Memetic Arts blog, and find out how it works and what new features are planned for the next release. Until then, have fun making waves!

Release Notes
2013-09-30, v0.6

This marks our first public release of WaveMaker, and includes the following features:

• WaveMaker renders abstract graphics in real-time using a combination of parameters that determine curve shape, line characteristics and color. Because the curve shape itself is randomly generated, no two renderings will ever be exactly the same. So if you like what you see, save it!
• You can select from a series of presets to vary the overall character of the graphic. Future releases will offer greater control and interaction.
• You can generate a JPEG or PNG version of the graphic at any time, which can then be saved to the user's computer. Saving the raw SVG data is planned for a future release.

Known Issues

• IE9 AND LOWER NOT SUPPORTED. The WaveMaker app itself may or may not work in these browsers, and there are parts of this site's UI (e.g. the Gallery) that definitely will not work. Chances are, if you're reading this, you're not on IE
• IE10 PERFORMANCE. WaveMaker has not been optimized for IE10, and runs extremely slow. We recommend using Chrome (PC/Mac), Firefox (PC/Mac), or Safari (Mac) for best results.
• NOT OPTIMIZED FOR MOBILE DEVICES. It may run, but it will be very slow.
• Be aware that if you navigate away from the main page while rendering, the process is killed, and the graphic is lost. On the other hand, if you opt to save a JPG or PNG (which opens a new tab), you can go back to the initial tab and the rendering will continue.

Credits and Copyright

WaveMaker was designed and coded by Richard Rodkin.

©2013, Richard Rodkin and Memetic Arts, Inc.

You are free to use the code and images that you generate as long as proper attribution is given, per Creative Commons.

Raphael.js, © 2008, Dmitri Baranovskiy, per the MIT License.

S-Gallery, ©2013 Sara Soueidan, per Creative Commons.