» CraftLie: DX11 drawing for VL
This site relies heavily on Javascript. You should enable it if you want the full experience. Learn more.

CraftLie: DX11 drawing for VL

pack vl rendering dx11 GUI
Credits: vux, flateric

about

The nodes resemble the beloved vvvv drawing nodes and will make you feel at home immediately. CraftLie creates a list of draw descriptions and sends them over one output pin to vvvv. In vvvv a special node takes the descriptions and renders them into a Renderer (DX11) of your choice.

No output pin mayhem and much better performance if you want to render complex scenes from VL.

Drake Loves VL

Placing the drawing nodes inside your VL data types makes much cleaner patches and shows the joy of object oriented patching. This makes it perfectly suited for UIs and other drawing tasks that have complicated visual structures and need dynamic instances.

Customization

Keep in mind that the rendering still takes place in vvvv. So you can use your vvvv shader knowledge to customize the Renderer (Craftlie) and draw the shapes in a different style. It's also possible to output many layers from VL and draw each with a different custom Renderer (CraftLie).

What does CraftLie mean?

CraftLie is, like FeralTic the dx11 library it is based on, and anagram of the major dx11 developer @flateric. Due to the fake nature of the drawing, the name fits perfectly.

Features

  • Hierarchical layer system like in vvvv
  • Layer can be transformed
  • Layer can be put into world, view or projection space
  • All basic primitives
  • Simple text
  • 3D Text
  • Arbitrary Mesh Join
  • Billboard sprites
  • Textures can use relative paths to the vvvv patch that contains the Renderer (CraftLie)

Example Patches

Check the folder CraftLie.1.x.x\vvvv\girlpower for:
1. An overview patch which shows all nodes in action
2. How to use instancing
3. Interactive particle patch by @sebl
4. CPU core race which stresses all cores using reactive nodes
5. Sprites particles in perlin force field
6. Dynamic UI demo that creates layered windows

Windows VL
Dynamic Particles

Installation

The pack works for both 32-bit and 64-bit alike.
0. Make sure you have vvvv beta 35.7 or newer
1. Install latest dx11 pack.
2. Put the folder in the zip into the vvvv packs folder e.g.:

 vvvv50beta35.7\packs\CraftLie.1.0.1

Pre-Releases

If you use vvvv alpha, look here for pre-releases:
https://github.com/tebjan/CraftLie/releases

Source Code

https://github.com/tebjan/CraftLie

download

CraftLie.1.0.1.zip
16.06.17 [22:26 UTC] by tonfilm | 227 downloads
AnyCPU for vvvv beta35.7 and beta35.8

digitalwannabe 18/06/2017 - 00:20

wow, what's happening...checked this late last night and thought I was already in some delusional dream state ;) great contribution!

tonfilm 19/06/2017 - 21:05

haha, didn't want to spoil all the fun in the description... ;) thanks for testing it.

Noir 19/06/2017 - 21:13

big up

catweasel 23/06/2017 - 13:04

This is fascinating demo of VL, but looking through the patch, to me, it is almost incomprehensible, some VL for dummy notes would be appreciated. The gui looks to be very useful, but how to add elements to it?
I still find VL to be as transparent as mud, as poor as I am at code, it seems to make more sense, which isn't the expected result of a node based GUI, surely the data flow should be visible, it feels like the part that makes sense is somehow hidden from view and you are left with magic nodes that do something secret, maybe its just me?

tonfilm 23/06/2017 - 16:17

hi cat,

that is basically why you (and every other vvvv pro) should attend this:
https://17.nodeforum.org/events/vl-for-vvvv-users/

and this:
https://17.nodeforum.org/events/vl-concepts-and-patterns-1/

anyway here is a tip on how to read the DynamicUI example:

it basically follows the super classic game development pattern for mainloops. as a vvvv developer you live in that world and you only need to understand one addition to the normal 'update' processing. the mainloop is split, or sliced, into several steps in the main patch:

1. check if there are any new input events
2. process all input events and update the state/logic of all elements accordingly
3. do normal "animation updates" like you are used to in vvvv
4. output layer to output pins and render it
> start over

step 2. is the new one for a vvvv developer and itself split into two steps, HitTest to check whether an element actually needs to process the input and ProcessEvents then does the actual logic and leaves the results for the Update stored in pads. so basically the pads connect the different mainloop slices by moving data/results from ProcessEvents to Update to animate/draw it...

so go into the patches and read them like this, someone from the outside is calling HitTest, if that returns true ProcessEvents will be called where the patch processes the UI logic. finally Update will be called to render animations and other stuff that was decided on ProcessEvents.

tobyk 07/08/2017 - 20:28

Hey @Tonfilm I'm trying to wrap my head around another aspect of the DynamicUI example.

The DynamicUI example uses a lot of delegates, but I'm having trouble putting any of the craftLie primitives into delegates as I get 'A process can only be used in a stateful patch' errors. How did you do it?

tonfilm 07/08/2017 - 21:57

hello @tobyk

i don't know if that helps you, but if you want to call an operation of a type in a delegate, you either need to pass the instance (state) on which you want to call the operation into the delegate as an input or create an instance on the fly when the delegate gets called.

most of the craftlie primitives are only available as process nodes (not individual Create/Update operations). that doesn't work together with a delegate out of the box... but you have two options:

  • make a data type that wraps the process node and call the individual operations of the wrapper type in the delegate
  • copy the primitive you need from the CraftLie.vl document, paste it into your document, put it into another category or rename it and switch it from record to class to make the individual operations accessible

reminder to self -> switch craftlie primitives from Record to Class

tobyk 27/08/2017 - 17:15

I've got a little workaround for craftlie that could be useful for other VL beginners used to the vvvv way of doing things.
If you want to disable drawing a craftlie primitive you'll find they don't have enable pins and you can't put them in an IF region because they are stateful. This can be a bit of an inconvenience if you are using them in a larger IF region with other calculations.

However you can put stateful nodes in a REPEAT region and disable by switching it to 0 repeats. They will not maintain state.

This is also a useful hack for making the patch neater any time you would nest a FOREACH region inside an IF region. You can combine them into a single REPEAT region and set the repeat to 0 when you want to disable it. NOTE that accumulators on REPEAT regions with 0 loops won't work as 'pass arounds' like they do with a disabled IF region. If you need this functionality you will have to manually pass any data around the region with a switch. Of course depending on your use case this may make it less neat than just having the nested regions in the first place...

tonfilm 28/08/2017 - 16:40

hi @tobyk

the upcoming version 1.0.2 will have a Enabled node that you can insert in any layer link. so you can enable/disabe wherever you want. however the Repeat disable idea is very nice, had the problem that stateful nodes cannot be place into an IF region with other patches too.

anonymous user login

Shoutbox

~21h ago

graphicuserinterface: anyone have the files for kinect1 proyector calibration?, thanks!!

~3d ago

keftaparty: Hey microdee, or take some holidays, it's nice :-)

~3d ago

microdee: meanwhile, I became available for freelancer/contractor/even full time jobs, in case anybody is in hiring mood, wink wink ;)

~3d ago

skyliner: @sinus: top notch! ;)

~3d ago

sinus: @skyliner: the top boys/creators of notch here: https://www.youtube.com/watch?v=2JzG-Y3YOdk

~5d ago

karistouf: thank you joreg, but external solution from VVVV is not possible.

~5d ago

catweasel: @joreg, I'm not sure he did ;) But if you do use timeliner use this as well autosave as well.

~5d ago

joreg: if anyone knows more osc timelines please put them there as well!