Screen Shot 2014-04-06 at 6.06.28 PM

Dreaming Past The Horizon

$29.99 – Purchase Includes 7.5% tax

 
A series of video synthesis by electronic artist Steve Belovarich. This series is an extension of the photographic series “Kinetic Light”. The artist plays with our perception of space and time in an abstract landscape of light and color. This work is on display at the Kinetic Light Exhibition in San Pedro, CA. The series was created with Synth, a web based video synthesizer also created by the artist.

More info about Dreaming Past The Horizon

dpth

Screen Shot 2014-04-06 at 6.04.55 PM

Screen Shot 2014-04-06 at 6.06.28 PM

Screen Shot 2014-04-06 at 6.07.13 PM

 

$29.99 – Purchase Includes 7.5% tax

 

 

Screen Shot 2014-03-02 at 4.46.15 PM

Recording Synth 1.8.1 Fullscreen with Snapz Pro X

Lately I’ve been producing a series of video art pieces for my upcoming solo exhibition and made some tweaks to the UI to make it easier to capture fullscreen video samples from Synth. First, put Google Chrome in presentation mode which is available from the View menu. This will make Chrome fullscreen and the address bar and tabs will disappear.

Press ‘X’ on the keyboard to close the menus. Then, press ‘M’ to toggle the menus. You should then press ‘M’ and then ‘X’ to open the controls back up.

In the past, I used Quicktime X to make screen captures but have since switched to Snapz Pro X. Snapz Pro X is the only screen capture app I could find that is able to record fullscreen apps in OS X Mavericks and as a bonus will output at the framerate and 1920×1080 with ProRes codecs that I can easily pop into Final Cut Pro without a loss of frames. Sadly, none of this has been tested in Windows 8.1 yet and I would like to hear if anyone has any success recording Synth with a screen capture app in Windows.

Saving a 1920x1980 movie with Snapz Pro X.

Synth v.18 Opening Video Sequence

Synth v.18 Released

Synth v.18 has the following features and bug fixes:

  • Save presets as JSON.
  • Press ‘x’ on keyboard to close drop zones and controls.
  • Created default looks as presets.
  • Fixed a bug that allowed the cancel button on controllers to display multiple times.
  • Fixed the hue controls, now works from 0 – 360.
  • Fixed a bug that prevented the default video from looping.
  • Optimized the way the geometry changes.
  • Fixed a bug preventing switching from video source to webcam.
  • Fixed video playlist, when kicking an item it wouldn’t play.
  • Fixed a bug causing NaN values when using the precision number box in dat.gui.
  • Enhanced antialiasing making the entire composition look better in Google Chrome.

Synth needs your help on Kickstarter!

Synth was tested on Google Chrome Version 31.0.1650.57. Synth currently only works in Google Chrome and partially in Apple Safari. Mozilla Firefox WebM video playback coming soon. IE11 is not supported and won’t be until Microsoft supports GLSL shaders in WebGL scenes.

Known Issues:
Audio hangs when switching geometry, reserve for in between songs.

Pro Tips:
Clone the github repo to your local web server for a boost in performance.
On your local server, replace the contents of default.json with custom presets.

What features would you like to see added to Synth? Add requests and bugs to the comments of this build. Your requests could make it into a future release.

Report bugs and feature requests for this build in the comments.

Synth Needs Your Help On Kickstarter

synth on kickstarter

I was recently accepted for my first solo exhibition in a gallery this coming February 2014 in Los Angeles at Gallery 381. Synth will be installed along with several of my photographic works I created in 2013. The show is called “Kinetic Light” and features my original video art and photography where light is captured in motion. I need your help to make this exhibition a reality!

Help fund the first public exhibition of Synth on Kickstarter.

synth

Synth v.175 Released


This work of video art by Steve Belovarich used source footage shot with an iPhone.

http://kineticvideo.co

Synth v.175 has the following features:

  • Added experimental support for Apple Safari.
  • Optimized video size, all videos uploaded should be 1280×720 or 640×360 h.264 M4V or MOV.
  • Adjusted lighting so that all sides are lit.
  • Fixed a bug that would crash or pause the renderer when switching geometry.

Synth v.175 also has the following features, enhancements and bug fixes released in v.17:

  • Drag and Drop video files supported by Google Chrome.
  • Use Keyboard shortcuts to control video playback.
  • Cut to video in playlist by pressing ’1-9′ on keyboard.
  • Cut to webcam by pressing ’0′ on keyboard.
  • Loop Current Video press ‘L’ key on keyboard.
  • Audio player now automatically plays next song in playlist.
  • Fixed: Audio waveform would quit when switching audio tracks.
  • Fixed: Audio playlist would stop playing audio after 3 songs.

Synth was tested on Google Chrome Version 29.0.1547.65. Synth currently only works in Google Chrome and partially in Apple Safari.

What features would you like to see added to Synth? Add requests and bugs to the comments of this build. Your requests could make it into a future release.

Report bugs and feature requests for this build in the comments.

Known Issues:
Apple Safari does not support the HTML5 filesystem, in future updates you will be able to specify web addresses of videos to stream.
Sometimes the video stops even though its set to loop. Changing the tab makes the video resume. Must be a bug in Safari?

Pro Tips:
In Apple Safari or Google Chrome, change the video to anything you want by typing this in the Javascript console: “videoInput.src=”path/to/file.m4v”, replacing path/to/file with the web address of the video. Type “videoInput.play()” to playback video “videoInput.pause()” to pause the video.

Instant Glitch Art in Safari 7

Apple should probably fix this glitch, but in the meanwhile I’ll enjoy the wonderful possibilities for creating Glitch Art in Safari 7. The glitch only happens when I resize the Inspector while inspecting a WebGL scene. To be fair, when my latest WebGL project called Synth does work in Safari 7, it looks amazing! Way better than any browser, including Google Chrome and Firefox. There’s some great anti-aliasing of the 3D scene happening or maybe Javascript is just that much more optimized? I dunno, but whatever the secret sauce is, mad props to Apple Engineers for making 3D look amazing in Safari 7.

For those of your following the progress on Synth: the next build will make Synth more compatible with Apple Safari and Mozilla Firefox. Support for Synth in IE11 is unknown at this time. Since the HTML5 filesystem API is currently only supported in Google Chrome, I’m developing a workaround that will allow the user to input URLs for audio and video files in the playlist. This feature has actually always been baked into Synth, but only available in the Javascript console until now.

Video distortion in Synth, a new video synthesizer available for Google Chrome

Distort Video With Synth

This video called “Attraction” is the opening video sequence to Synth v.17, a new WebGL video synthesizer. The video was created by processing a video of Los Angeles at night from the window of an airplane in Synth, a video synthesizer available in Google Chrome. “Attraction” demonstrates quite well how the vertices of the geometric mesh are distorted by the brightness of pixels in the video and also how the distorted vertices are attracted to a point in the 3D scene. This is one of the fundamental aspects of how this new video synthesizer distorts video. Synth is free and open source under the GNU General Public License.  Anyone with a modern computer can create original artwork with the web app. Synth is developed by Steve Belovarich, but anyone can download the repo from GitHub and create whatever they want with Synth.

Synth v.17 Released


This work of video art by Steve Belovarich used source footage shot with an iPhone.

http://kineticvideo.co

Synth v.17 brings the following features, enhancements and bug fixes:

  • Drag and Drop video files supported by Google Chrome.
  • Use Keyboard shortcuts to control video playback.
  • Cut to video in playlist by pressing ’1-9′ on keyboard.
  • Cut to webcam by pressing ’0′ on keyboard.
  • Loop Current Video press ‘L’ key on keyboard.
  • Audio player now automatically plays next song in playlist.
  • Fixed: Audio waveform would quit when switching audio tracks.
  • Fixed: Audio playlist would stop playing audio after 3 songs.

Synth was tested on Google Chrome Version 29.0.1547.65. Synth currently only works in Google Chrome.

What features would you like to see added to Synth? Add requests and bugs to the comments of this build. Your requests could make it into a future release.

Report bugs and feature requests for this build in the comments.

Known Issues:
Synth freezes for a few seconds while switching geometry, could cause audio to buzz.
Starting a console instance could momentarily freeze the app, recommended to start console before the scene initializes.

Pro Tips:
Record screen with Quicktime X on OS X, Camtasia on Windows.
Record videos with a smartphone during the day, convert them to 1280×720 before using in Synth

Coming Soon: Synth v.17

I’ve been exploring the HTML5 Filesystem even further to enable video files to be used with Synth instead of your webcam in the next release (v.17).

I’m building a video sequencer that will probably use logic that spills over into the audio player. I found it easier than I thought to cut between webcam and video file. I just had to switch out the src of the HTML5 video object. I might explore layering and blending two video sources and multiple audio sources in future updates. But for the next release, you can expect to be able to provide your own prerecorded video files in a format Google Chrome can handle.

After the next release (v.17) I will move onto v.18. What would you like to see in v.18?

Synth v.17 coming soon

synth-color-6

Mouse Controller in Synth

You can use the mouse as a controller for the Synthesizer now in Synth v.16. Click on the title of the mouse controller you want to use. Then click on the title for what you want to control. In this example, MouseY is mapped to Displace Y on the displacement of a 3D cylinder. Hint: When you 0 out Displace X, Displace Y, and Displace Z you can make the geometric mesh explode outward in all directions with a positive Displacement.

Electronic Artist Steve Belovarich