» 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 GUI dx11
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

Source Code

https://github.com/tebjan/CraftLie

download

CraftLie.1.0.1.zip
16.06.17 [22:26 UTC] by tonfilm | 154 downloads
AnyCPU for vvvv alpha or beta >= 35.7

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

gregsn 21/08/2017 - 23:19

for alphas try this: https://we.tl/V1HwGgzDTj

anonymous user login

Shoutbox

~13h ago

timpernagel: Did anyone here used one of those already: https://www.artec3d.com/3d-scanner

~18h ago

sebescudie: @synth : wuz there like two days ago, too bad!

~21h ago

synth: Anyone in Nice? I will be here for next 3 weeks. Shout out for a drink :)

~1d ago

joreg: "Looking for a tiny PC that still has space for a gaming-quality video card?" http://boingboing.net/2017/08/20/compare-tiny-pc-cases-with-thi.html

~2d ago

dominikKoller: Broken link in vvvv sdk for Microsoft Build Tools 2015

~4d ago

tonfilm: thanks @sunep!

~4d ago

timpernagel: We've just added two more clips of the "Programming DMX and visualizing with grandMA2"-Workshop to the workshop-blog post.