Herobrine2084

That's pretty funny but not what I envision for my landing page, I'll have to take a look... (thanks for the heads up)

I think the evolution of vibe coding tool is definitely the editor. Having a black box with no way to maintain it is an absolute liability.

That's why I think app generators must be a good editor before being able to generate anything. It seems you went this way with the cool node interface.

I'm doing the same thing with https://luna-park.app, but for fullstack apps.

I'm recommending some video games like Human Resource Machine: https://store.steampowered.com/app/375820/Human_Resource_Mac... It's always fun to "see" the logic being executed and have fun challenges.

On the next step, I believe things like Scratch are pretty good to introduce to programming.

On the web development part, I built a little "game" as a tutorial of my tool: https://luna-park.app/challenge . It's JS with visual nodes, this is used to learn algorithmic for students.

Hey, author of https://luna-park.app here! (I was wondering where the spike in visits came from ^^'... Thanks a lot for mentioning me!).

Luna Park was indeed a npm package that you could integrate to allow users to build their own logic using visual scripting. In the end, I pivoted, and Luna Park is now a visual scripting wrapper around the Vue.js framework, allowing people to build modern webapps without code. (I also made https://roller-coaster.app to create endpoints using the visual scripting system of Luna Park)

In any case, that's super cool to see people building awesome tools like yours in the visual programming space :) ! I love how Flyde show you what node is running, and the way it executes logic is really interesting!

Thanks a lot! It's kind of a love-it or hate-it coat, but it's way more fun and memorable!

Hope you spend a good time solving the puzzles :)

Hey guys!

So I've been building a web-based visual scripting engine. You might be familiar with this if you use the Unreal Engine Blueprint, or Unity Bolt, as it's the same concept.

To learn it, I built a little game where you have to solve puzzles using visual scripting. It's a bit like Advent Of Code, you have a cool backstory and puzzles with more and more complexity (but it's a lot easier)

You can check it out here: https://luna-park.app/challenge

Also, I just launched it on Product Hunt, so if you like it and you have an account, that would be awesome to support it there!

Check it out here: https://www.producthunt.com/posts/luna-park-no-code-challeng...

Ahah thanks mate! Yeah, I went for the original name to get people to remember it more easily. (Also, I wanted something that sound fun, not boring)

The problem with this: that's it's not easy to find it on Google, there's no silver bullet I guess...

Hum, I guess that I should have a redirection to the dashboard to make it obvious... Thanks for the feedback!

Thanks :)

Sorry for this, I just downloaded Brave to test it out, and you should still be connected... Maybe refresh the page? The top right corner of the page should display buttons to access your dashboard and account settings.

Please tell me if that still doesn't work!

I thought it will be fun to do this with this tech stack, and I didn't want to spend an entire week for a magnifier. It's also cool to see what you can build with a web stack!

I'm not sure why this would be so inefficient, as the screenshot is only taken once when the magnifier is activated. In fact, I don't think we care about efficiency at all for this kind of little tool.

But thanks a lot for the link, that's super interesting, and they included a "ExcludeFromCapture" which would have been very convenient! I'll have a look how if I can integrate this into a Tauri backend!

Well Node-red does not really have an execution thread concept, meaning that you can't really define when nodes are executed. Luna Park does have execution thread wires, which are separated from variable wires.

So I'd say that Node-red is more of a workflow editor, not a visual scripting editor. You can create almost anything you would in code with Luna Park nodes. This is not the case with Node-red which is a bit higher level, and you do need to code the complex things you want to run.

Other than that, there are a lot of convenient features in Luna Park like:

- can be integrated withing any webapp (feels like Node-red needs a dedicated server to run)

- generate standalone JS code from the logic graph (to be run headless, with native performance)

- merge nodes into function that can be used as custom nodes

- type and value inspection at runtime

- a lot more nodes (generated from standard JS functions)

- and a few others features (integrated documentation, node customization, inspector, console, etc...)

Basically, Luna Park and Node-red might seem similar when looking at their UI, but they have a pretty different purpose. Node-red would be useful to automate workflows between systems. Luna Park would be useful to build those systems.

Yes, the source code is not open sourced.

But since it's an NPM package, the transpiled and minified code is of course available for automated security scanning (it's not uglified or obfuscated).

I don't think having the project open source will change a lot about security. It's a fairly complex project, and someone manually reviewing of all the code is unlikely.

Also, malicious packages is especially a problem for very common dependencies. And Luna Park is not gonna be a hidden dependency of a lot of packages.

On a side node, maybe the editor code will go Open Source someday, but since there's no way back to that decision, I'm taking time to reflect on this.

Thanks! Ahah, everyone knows of a different Luna Park!

Basically, it's a very common name for amusement parks, and it has this 70s-80s vibe I love. It's also used as a term for "amusement park" in several languages (Italian, Greek, Polish, German...).

See: https://en.wikipedia.org/wiki/Luna_Park

I wanted the branding to feel "fun", not boring. The visual scripting editor also feels like a game, and I went full gamification for the tutorial: https://luna-park.app/challenge

Btw, kinda difficult to see, but the logo is a shadow of a rollercoaster on a ramp with the moon behind.

Thanks a lot! Actually, <lp-theme/> is a webcomponent. It might not be recognized by your IDE, but it's a valid HTML tag for that specific use.

This component then inherit a shadow DOM where all the magic happen.

See https://developer.mozilla.org/en-US/docs/Web/Web_Components/...

Nop, Luna Park is 100% custom and not based on any third-party lib.

I admit I did not know behave-graph. It's built on the same node-based visual scripting vision, so there are a lot of similarities.

Though, a few key things I did not see in behave-graph that Luna Park provide are:

- create custom nodes with other nodes using functions

- generate standalone JS code

- type and value inspection at runtime

- a lot more nodes

- and a few others features (integrated documentation, node customization, inspector, console, etc...)

In short, behave-graph seems like a lite weight version of Luna Park.

Thank you very much!

For now, the generated code is in JS, so you'll need Node.js to execute it. Though, it could have other target languages. I keep in mind the PHP usecase, I'll see if/when I can implement this.

In the meantime, you can create custom nodes that call PHP routes of your app. Not the most performant way of doing it, but it should work.

Thank you very much! Yeah, it's still a bit confusing...

Basically, the editor is free. You can use it in your app and logic created can be executed by interpretation.

But the compilation of the logic into plain JS will be a paid option. You'll need it if you want to trigger the logic in a performant/headless way.

The dependencies that are not on NPM are dev dependencies, only needed for the compilation of the editor.

The "real" dependencies are FontAwesome (icons), Vue, Pinia (vue store) and Synth Color (a custom package I made to generate color schemes)

In short, the editor is already compiled. So you just need to install the package, it will automatically download the peer dependencies, as any NPM package.

I made a small demo repo here: https://github.com/lunapark/demo (you might need to update the package.json file to point to the actual version of Luna Park thought)

Hey guys!

So I built a visual scripting platform to make JS programming accessible... without code! I also made a series of puzzles for those who are not used to visual scripting: https://luna-park.app/challenge

For now, you can only build small scripts, but I plan to make it build entire webapps. Until then, here's a short video on how to create a userscript for example: https://www.youtube.com/watch?v=Lx89yxrcsIw