Blog-posts are sorted by the tags you see below. You can filter the listing by checking/unchecking individual tags. Doubleclick or Shift-click a tag to see only its entries. For more informations see: About the Blog.
The long wait is over!
vvvv gamma 2020.3 public previews now include VL.Stride, the new 3d rendering library, based on the opensource Stride 3d engine. You be the judge, but spoiler: this is rather huge!
Massive thanks go out to all early accessors who helped us uncover and fix countless buggers that you no longer have to run into. So this is also on your behalf. You're welcome!
All of the basics are now in place. Find your favorite among these:
To give you an idea, here is a random collection of screenshots of what earlyaccessors have created with this already.
To give you a heads-up, here are things you might expect already but are yet to come:
And then some more, but the above should be the most obvious ones you'll stumble upon.
Open the Helpbrowser (F1) and check out the explanations, howtos and examples. Remember the preview status, ie. those are not yet in their best shape. But they should help you find your way.
And if you really got nothing better to do in the week of October 2nd to 8th, then consider joining us for NODE20 where we have the following series of workshops dedicated to getting you started with VL.Stride:
A couple of people believed in the development of VL.Stride from the beginning and substantially supported its development. We bow before you:
When Fri, Oct 2nd 2020 - 10:00 until Thu, Oct 8th 2020 - 17:00
Where online webinars, Germany
NODE20 is taking shape!
We have a fantastique list of workshops for you, ranging from beginner to pro, from user to contributor. Here is a convenient overview of all the online workshops you can participate in during the week from October 2nd to 8th. A ticket is only 50€ and gives you full access to the festival and workshops plus recordings to rewatch them.
Hope to see you all in cyberspace!
The "getting started" for people who are not necessarily familiar with vvvv beta or other creative coding environments. Here we take you by the hand and start from scratch so from here on you can follow other workshops.
In this workshop, we will be practicing the commonly known aspects of generative design algorithms. Despite the wide range of the term, we will introduce you to the fundamentals as well as simple tips and tricks.
While designing a learning app for kids, you will learn object-oriented patching patterns along the way. We will go from 0 to exe in 3 hours.
Get a short introduction to vvvv and learn how to use chains of visual effects to get from zero to wow within minutes – Real-time graphics for beginners.
In this introductory workshop, we’ll explore the functionalities and widgets you can find in the VL.Elementa library to effortlessly build wonderful graphical user interfaces.
In this workshop, we’ll show you how easy it is to use any .NET nuget with vvvv and how to navigate common issues that you may encounter doing so.
In this workshop, we will be learning how to constantly produce procedural graphics using the FieldTrip pack.
This workshop will cover the basics of VJing using vvvv. You'll be provided with an initial VJing setup with generative examples, postFX and a composition system, which you can then customize.
vvvv has just adopted the powerful realtime 3D graphics engine Stride 3D. In this workshop, we are looking at its basic concepts and learn to set up a scene with geometries, lights and material.
Creative Coding is about finding inspiration in the process of work. Add a few friends to this process and it is going to be even more inspiring! This workshop gathers participants from all over the world to work together on one patch.
FieldTrip is a vvvv beta pack for working with 2D and 3D scalar and vector fields. Think generative patterns, agents, procedural noise and 3D graphics beyond the triangle.
In this workshop, we'll zoom out and try to gather a birds-eye view onto systems built with VL. We'll explore some of the underlying ideas that helped shaping the patches of some VL libraries or projects.
Maintaining installations with a lot of vvvv clients. Deploying, updating, synchronizing, monitoring, infrastructures based on vvvv and third party tools using vvvv and third party tools.
Everyone can make numbers look interesting – but let’s learn how to make them sound vvvvonderful!
This workshop is for artists, musicians, creative coders, professionals, students, designers, and whoever is interested in creating audio-visual content using vvvv.
This workshop is for everybody who needs a kickstart on the topic of networking in general, how the different protocols (UDP, TCP, MQTT, OSC, ZMQ,..) can be used in vvvv and what properties they have, so you can decide which one fits best for your use case.
In this workshop, we'll guide you through the whole process of turning a .NET class library into an easy-to-use node library for VL.
Schéma is a visual programming environment created in... a visual programming environment, namely vvvv gamma. Curious about building something of this scale in VL, then join this lecture!
In this workshop, we introduce the basic concepts of reactive programming that will make you understand how to work with Observables, react to events, and run computations in a background thread.
In this workshop, we will start with a general overview of the functionality provided by VL.OpenCV to then dive in a hands-on session where we will experiment with some of the more accessible and exciting features that this library ships with.
Materials define the appearance of 3D model surfaces and how they react to light. They can affect both the geometry of a model and its colors and multiple material layers can be combined to build more complex materials. In this workshop, we're going to explore the node-set that allows us to patch custom materials.
In this workshop, we'll get familiar with RunwayML, a tool dedicated to artists willing to use machine learning models in their workflow. Using the vvvv implementation, VL.RunwayML, we'll see how easy it is to integrate an existing model in our patches.
Stride is an open-source C# game engine for realistic rendering and VR. But how to get started? In this workshop we'll go through the basics of getting Stride, managing projects, importing assets and creating and controlling entities in a scene.
Visualprogramming is often equivalent to dataflow programming. With VL though, you can also use metaphors known from object-oriented programming. This means that with VL you can define your own datatypes, instantiate them, manage them in collections and call individual operations on instances.
Visual shader patching? Yes, please! These days, all major game engines have node-based material and/or visual effects editors. And their common purpose is to provide a way to work creatively with CPU and GPU data. The experimental ShaderFX in VL.Stride generalizes this approach and takes it one step further. You work with CPU & GPU data and operations on the same canvas, at runtime – vvvv style.
In this workshop, we will be diving into the VL runtime API. We'll touch general library design philosophies, like offering descriptive high-level process nodes that are easy to play with and talk about enhancing the patching experience for users of our library.
This workshop is for anyone without any experience in electronics/hardware, it's intended as a first contact between code <-> electronics, but with one of the most used and powerful and inexpensive micro controllers.
This talk looks back over a few years of swimming against the tide of Python to make machine learning a technology easy to use with vvvv. You'll see that, by getting your head around a few important principles, running models in vvvv can be pretty straight forward.
One major strength of VL.Stride is that it offers an easy to use scene graph and at the same time lets you go as far down to the graphics API as you want. This workshop will approach 3d rendering from these two opposite ends and you'll learn how to combine them.
Following tests from a few months ago regarding publishing your shiny VL nugets with Github Actions, we now have a dedicated action ready to be used!
For more informations on nugets, please refer to this section of the Gray Book.
Github actions are small scripts with a specific purpose, allowing you to automate tasks on your repos. They are actually the building blocks of what's called a workflow : you chain several actions one after the other in your own small script, and decide under which condition the workflow is triggered (a new commit on master, a new tag, etc).
There are already tons of actions allowing you to do all sorts of things from creating issues to running unit tests, and even make phone calls with a predefined text!
This action allows you to easily do the following tasks :
In other words, you just have to push your code/patches and nuspec to github, and the script takes care of bringing it to nuget.org for you.
You can find the list of input parameters the action expects here.
To get started with workflows, head over to the Github documentation.
The action can adapt to many different scenarios. Let's cover three cases so you get an idea of how the action works, and how to adapt it to your needs.
So your plugin solely consists of one (or many) VL documents and some help patches, plus your nuspec file that describes how your package will be structured.
Here, we are just using the nuspec and nuget-key inputs of the action.
Your csproj file can also describe how your nuget will be packed. In that case, simply omit the nuspec input. Note that if you provide a nuspec file anyway, it will take priority over your csproj.
By default, the action will push your package to nuget.org. You can simply use the nuget-feed input to push to a different feed.
The icon must be downloaded to an existing folder in your repo. We suggest you simply download it to its root :
Here, we ask the Github Action to download the icon from our URL and place it at the root of the repo.
Then, in the file section, your nuspec file must reference it from where the action will download it (src attribute) and place it wherever you like (target attribute), making sure target matches where the metadata section expects it.
You can setup an icon for your project inside Visual Studio. The tricky part here is that you'll have to specify a path to a file that does not exist yet, since the Action will take care of downloading it later on. This can feel weird since Visual Studio's UI gives your a Browse button for you to pick a file. Simply fill the path manually to match the icon-src property of your workflow file.
For instance, your workflow file would look like this:
and your VS package settings :
Thanks for reading, hope you'll enjoy using this one! If you are stuck or want more precision, don't hesitate to shout in the comments or in the forums.
I'd like to give you an update on the toolkit front, that vvvv has always been. While vvvv beta can be described as a dynamic system, mutating while you mold your patches, vvvv gamma and its workhorse VL are of a different kind. With VL we embraced features like
In short, we embraced robust software developing strategies that at first seem to contradict the idea of a playful development toolkit that allows you to mold your app. We went for compiled patches, running, and hot-swapping them while you are building them.
But we envisioned vvvv to be both
While my last blog post was about the language, let's focus on the toolkit this time.
Let's have a look at some features that allow you to interact with the VL runtime, the system that runs your patch while it allows you to edit it. The features here empower you to enrich the patching experience. We understand that these improvements need to "trickle up" into the libraries and only thereafter will have an effect for all users.
So the following is probably mostly interesting for advanced user and library developers.
You now can react to a selection within the patch editor. The more libraries do this the more playful the environment gets. We still have to figure out all the use cases, but here is a list of what's possible already
And there is more:
You can get a Live Element for a certain Pin or Pad.
useful for the cases where you want to always inspect a specific pin or pad of some patch. This can be helpful for debugging.
When a Skia Renderer is your active window, Ctrl-^ let's you jump to the patch in which it is used. This is handy when you opened a bunch of help patches and you want to see the help patch that is responsible for the output.
You can use the node ShowPatchOfNode to do the same trick.
Here you can see a custom tooltip for a user patched type "Person".
You now can patch your own tooltip with RegisterViewer. This way the patching experience will be so much more fun. We're in the process of adding more and more viewers for our types.
Up to now, we had
And now we introduce to you:
You can try it yourself by using the Warn or the Warn (Reactive) node.
The warning will not only show up on the Warn node, but also on the applications of your patch.
Sometimes it's just convenient to be able to send data from one patch to another without the need of feeding the data via pins. We now have send and receive nodes, like known from beta.
Some libraries focus on a simple idea:
Let the user build an object graph that describes what he wants in a declarative manner and the library will do the hard work to follow that description.
Examples for this approach are
VL.Stride and VL.Elementa have in common that they focus on a very certain type of object graph: A tree made out of entities and components.
Libraries like these can now talk to the user and enforce the user to not build any kind of graph, but a tree-shaped graph (where one child doesn't have many parents).
VL.Stride uses TreeNodeParentManagers, Warn nodes and S&R nodes internally to the deliver this feature:
You'll very soon be able to inspect those patches.
Help patches to all those topics will show up in the CoreLib API section (at the bottom of the listing).
We hope you'll enjoy these ways of integrating with the development env.
Thank you and we'll see you soon!
Are you teaching or studying vvvv in an educational institution? Want to join NODE20 with a group of students? Please get in touch, we want to offer you a discount!
NODE20 features 25+ online vvvv workshops on various topics covering the needs of beginners and advanced users. This means the week of October 2nd to 8th will be a very good moment to divvvve deep. Besides, there'll also be a rather fine conference program you'll not want to miss.
You may say we're biased, but we believe that vvvv is one of the more suitable ways to get people in touch with topics like creative coding, generative design, computer graphics, interaction design, data visualization, computer vision, physical computing, machine learning and similar. This is even more true for the all-new vvvv gamma. Why? Here is a list of pros and cons with a focus on use in education:
Have more? Let us know in the comments.
Hope to see you at NODE!
Did you ever wonder what the first things were, that the cool kids in the VL.Stride EarlyAccess program created with the new 3d rendering engine for vvvv gamma?
It's been only a few weeks, but stunning pixel combinations got posted into our early access chat room.
And we collected them in a gallery for you:
A big THANK YOU to everyone involved!
We can't wait to see what you will create with it. And don't miss the workshops at NODE20 if you want to learn how to use it.
We are looking forward to the public release as much as you do,
Who Takuma Nakata
When Mon, Sep 28th 2020 - 17:00 until Wed, Sep 30th 2020 - 20:00
Where Gray Area Online, United States
In this two-day workshop, learn to create generative graphics using node based programming language called vvvv. During this session you will learn to build an immersive visual system, by applying various visual effects on a 3D animated character exported using Adobe Mixamo. This session will be a practical introduction to vvvv, with focus on 3D graphics and using data. For those who are interested in creating immersive visuals through code with the flexibility of creating interactive, physical experiences, this workshop is the perfect place to start.
Workshop Logistics Dates:
Monday September 28 &
Wednesday September 30
Times: 5 – 8pm PST
Cost: $120 Experience
Level: Beginner to Intermediate.
• Windows PC with a microphone input and a mouse (both necessary for this workshop)
• Install vvvv beta 64bit version.
Workshop Outline • Introduction to vvvv
• Installation vvvv and packs
• Importing Animated 3D character
• Tweaking vertices
• Making it audio reactive
• Learning DX11 Particle Packs
• Applying particle effects to the character
• Introducing https://visualprogramming.net/
Online Workshop This 6 hours online workshop will be held as two 3 hours workshop over two days via video webinar. We will have an online community chat to share your questions during and beyond the workshop. Please contact us if you have any additional questions at firstname.lastname@example.org.
This NODE's extensive workshop program will be held as interactive online webinars. In addition we will also live stream all sessions for the worldwide community.
You can now join the NODE team on-site in Frankfurt (Germany) for the duration of the festival week. We are looking for committed people who want to get involved in our braodcasting studios for webinars.
For full details and how to apply, please see the Call for Tech Support.
Previously on vvvv: vvvvhat happened in July 2020
and another month has passed... We're happily running the VL.Stride EarlyAccess program and at this point want to say HUGE THANKS to those who joined us. Development is in overdrive to make sure we can soon release a public version for all of you to patch with. If you can't wait, you can still join the program!
Also, lots of work goes into preparing for the upcoming NODE20. A growing team of now about 50 people is working behind the scenes trying to make this special version of NODE worthwhile even though we can not mingle in person. Workshop-wise we're still not complete. Here is where you get the best overview of what's coming your way:
Convinced? Show the team your support and get your ticket now.
Or, for a free ticket contribute in a different way:
In other news: If you're interested in machine learning, you may want to test this new pack we just released: VL.RunwayML allows you to run any model provided byrunwayml.com directly as a node in vvvv!
That was it for August. Anything to add? Please do so in the comments!
Contribute to NODE20’s conference and present your work in our broadcast stream – and get a ticket for free!
Every NODE festival needs some live input of content from its community – be it improvised lectures on screen, unplanned live A/V performances or a showcase of your work/studio. Shelter-in-place NODE20 needs to continue this tradition. Therefore also this year we want to provide a space for the vvvv community to present itself.
In between our sessions at the Emergency Broadcast Studio, we provide you slots to either present yourself, or have fun with the community. Pre-recorded showreels and performances are a good chance to safely submit your work and maybe stick around in our Festival Hub’s chat while it’s being broadcasted.
anonymous user login