Hi, finally I got around to making the video that ...
# two-minute-weekm
Maikel
10/31/2021, 11:07 AMHi, finally I got around to making the video that I wanted to make for some time.. here I'll show the progress I made on the visual webassembly compiler. Basically this is a side project of a side project.. because the visual webassembly compiler uses the flowrunner-canvas project and extends it with webassembly compilation and visualizations. Enjoy!
😄 1
👏🏽 1
🤯 1
👏 6
d
Daniel Krasner
10/31/2021, 3:03 PMthat’s really nice! Are you thinking of some sort of graph-like node collapse/expand navigation?
k
Kartik Agaram
10/31/2021, 3:23 PM
I had trouble following because the voice-over seemed to be unrelated to the visuals. Is that accurate? Did you record video first and overlay a narrative over it?
The visuals look amazing (I kept rewinding to pay attention to details) but I don't quite follow what's going on. Is all the code for the compiler also on screen or something like that?
(Sorry I haven't watched all the previous videos in your series.. when I make these I try not to assume what viewers have watched, and always describe some foundations for each video. Which gets increasingly challenging as you make more videos 😄)
Kartik Agaram
10/31/2021, 3:35 PM
I went back and rewatched , and that helped a lot.
Have you considered having the dynamic recompilation in the context of a text-based language? Just smush the text from all the nodes in a function into a single text area. Is that really worse than all the boxes and arrows with strange names?
m
Maikel
10/31/2021, 3:35 PMYes, i recorded the video and audio separately. I was already wondering if they were related enough. 2 minutes is quite challenging to put everything in😅. I'll try to do better next time☺️
❤️ 1
Maikel
10/31/2021, 3:39 PMEverything that is on screen is being compiled.. so all the matrix operations are also on screen. I agree that laying them out like this is not quite making things clearer. Multiplying a matrix takes like 20 nodes.. in comparison, I've actually put the code for the inverse matrix in one node, and that really helps. Although it still has 5 nodes on the top of my head
Maikel
10/31/2021, 3:43 PMMy plan is also to be able to put function/sub-flows in a separate layer , although I am not yet sure how to show the different layers visually. Perhaps showing them further away and with some fog or blur applied, or in a single node with a portal like functionality. Although the current implementation is too heavy already using both 2d canvas and DOM nodes.
k
Kartik Agaram
10/31/2021, 3:50 PM
It might help to describe your goals and assumed designed constraints. Either in text or video.
There's always a trade-off in going from the density of text to a visual framing. But different projects like PANE or Apparatus have some subtly different reasons for giving up the density. So it would be helpful to understand the details of where you're coming from.
m
Maikel
10/31/2021, 4:15 PMThe project that I showed in this video is very early stage and for sure needs a lot of extra functionality to abstract away a lot of the things that are now in separate nodes. For accessing memory the addresses need to be calculated your self currently, which offcourse is not how you want to do it🙈. My other project (the flowrunner-canvas project which participates in the review-jam) operates on a higher level
Maikel
10/31/2021, 4:16 PMIt probably helps if I make a longer video with a presentation for the share-your-work channel to talk more in dept about my projects and goals
👍 1
Maikel
10/31/2021, 4:39 PM@Kartik Agaram Thanks for taking the time to also watch the previous video.. All feedback is welcome and helps me☺️
❤️ 1
k
Kartik Agaram
10/31/2021, 4:41 PM
Yeah I think it's far enough along now that I and maybe others will be interested in something more in-depth. Either text or video. A sense of plans, what you want to build first vs later. What you think you will never build, etc.
d
David Brooks
11/01/2021, 12:45 AMBig fan of flow-based programming! 👍 nice
m
Maikel
11/01/2021, 9:12 AMThanks! Although, the visual webassembly compiler is not flow-based programming in the strict sense I think. However my other project which takes part in the review-jam is. I'll probably have to make my video's have different names depending on the projects to give a better context.
2 Views