YEAH BABY!!!
indivisual - VJ-Synthesizer is a rhythm based animation tool giving you the ability to have shapes dancing and flickering to the music.
The most settings can be "oscillated" so that different variations on how a shape is moved, rotatet, transformed, modified, colored,
lit, sized, postprocessed, ... can be mixed in.
There also is a mechanism to record samples and then mix them in sequences with different composite operations.
Those sequences can be flipped, sliced, accelerated, slowed down, ... and also cans be used as shape material.
To get an idea of what can be done with it, visit my YouTube channel
-
To get the best performance you should install Google Chrome
-
Install Node.js
-
Install yarn
-
On debian (ubuntu/mint/...) you can install Node.js and yarn by executing:
sh ./debian-installer.sh -
After installing yarn you might have to restart the command line/terminal window.
-
Execute the following lines in your command line within the installation directory:
$ yarn install $ yarn start -
To use as single page application open http://localhost:8081
- Learn how to use in seperated windows or even multiple machines here
-
Try some of the setups from presets (controller->lowerleft)
-
Play around
-
Try to learn something in this Quick and Dirty Video Tutorial
There is no clean code in there. There also is no explicit design pattern except a plugin concept designed by myself.
However i tried to cleanup and remove the messiest parts of it since i retired from my part time job as a VJ performing video life acts in some well known clubs in Munich. I also retired from being a professional developer due to my inability to use popular programming techniques and design patterns.
Therefore things do not work together perfectly sometimes.
But still it's pretty much fun to play with!
When not running on localhost, it is not possible to use microphone or audio input without SSL.
- You can either run chrome with the --unsafely-treat-insecure-origin-as-secure="http://example.com" flag (replacing "example.com" with the origin you actually want to test) like described in this article
- Or you have to enable SSL
Server options can be found here
- Getting started
- Displays, Video, Mapping & Masking
- Source, Sequences & Samples
- Audio, Timing & Osci
- Lighting & Background
- Camera & Layer
- Pattern
- Shape & Material
- Coloring & Filter
- Rotation & Locking
- Sizing & Offset
- Shaders (Postprocessing)
- A lot of settings are based on three.js settings. To understand these, you have to dig into three.js docs
Click here
- ... awesome ...
- Slow on GPUs but fast on INTEL's internal graphics cards
-
... more explanation here ...
-
In the controller, set shape_geometry to custom
-
Press S to enable shape controls
-
... more explanation here ...
- If you own a Arturia Beatstep, simply connect it. If the device uses factory settings, it will work immediately and the layout will just work fine.
- Otherwise you have to build up your own layout. Have a look at MidiController.yml
- ... more explanation here ...
indivisual comes with a set of funny plugins. Nevertheless you might want to extend it with some of your own ideas. In this case you can add your own plugins for the most settings available.
- ... more explanation here ...
- Create an issue for your question
If you have any suggestion or features or you found some bugs, feel free to contribute to this project. Just open a pull request or an issue.
- Some serious glContext lost issues
Many thanks to:
- Google for their lightning fast browser/engine
- All the people contributing to web browser technology
- https://github.com/mrdoob/three.js
- https://github.com/tweenjs/tween.js
- https://github.com/glowbox/maptasticjs
- https://github.com/vuejs/vue
- https://github.com/dataarts/dat.gui
- https://github.com/mrdoob/stats.js
- https://github.com/chandlerprall/ThreeCSG
- https://github.com/nodejs/node
- https://github.com/yarnpkg/yarn
- https://www.shadertoy.com/
- https://uberviz.io/viz/word-problems/