kovacsv / visualscriptengineweb

The Emscripten port of VisualScriptEngine.

Visual Script Engine Web

The Emscripten port of VisualScriptEngine.

Live Demo

You can see the live demo here.

Building on Windows

1. Install Prerequisites

You have to install the following software:

• CMake (3.6 minimum version is needed).
• Python (version 2.7+ or 3.5+).

2. Install Emscripten SDK

You can find detailed instruction on Emscripten Download and install page. You have to use the following commands to set up the environment for VisualScriptEngineWeb:

git clone https://github.com/emscripten-core/emsdk.git
cd emsdk
git pull
emsdk install latest
emsdk activate latest
emsdk install mingw-4.6.2-32bit
emsdk activate mingw-4.6.2-32bit

3. Generate the Visual Studio Project (Optional)

You can create the project with CMake, and build it with Visual Studio. This step is optional. The Visual Studio project is useful if you would like to debug the functionalities, but it is not necessary for building the web application.

mkdir Build
cd Build
cmake -G "Visual Studio 15 2017 Win64" ..
cd ..

4. Generate the Web Application

The easiest way is to run the EmscriptenBuild.bat file from the root directory. It needs three command line parameters:

• The Emscripten SDK folder (e.g. "C:\Emscripten\emsdk").
• The result folder of the web application (e.g. "C:\xampp\htdocs\WebApp").
• The build configuration type (Debug or Release).

EmscriptenBuild.bat C:\Emscripten\emsdk C:\xampp\htdocs\WebApp Release

5. Open it in a Web Browser

• Set up a web server for the result folder.
• Open it in a web browser.

visualscriptengineweb's Issues

Error message in case of failure during file open

Node Icons on Canvas

It's not possible to open the same file again

Repro:

• Open file a.ne
• Modify something
• Open file a.ne again -> nothing happens
• Open file b.ne -> works
• Open file a.ne -> works again

Mixing 3D model viewer and visual script In same UI

Hello,

i would like to know if it would be possible to mix the visual script engine VIew with your other web app for 3D models import (window split in two).
I would like to test a scenario such as creating a visual script node for remeshing and imported model , and see the results (or any kind of geometry/mesh modifier).
If this is possible, could you please share a kind of sample code ? (Basic starter)
Thank you!

Option to Rename the Script

Icons for Commands

• Node Icons (png, 18x18)
  • List Builder
  • Viewer
• Menu (png, ?)
  • New
  • Open
  • Save
  • Undo
  • Redo
  • Copy
  • Paste
  • Delete
  • Node Settings
  • Group
  • Ungroup

Use command key instead of ctrl key for hotkeys on mac

Tutorials at start

Command tooltips don't disappear on touch devices

Tooltip for Commands

Ilyen design-t szeretnék: https://codepen.io/adwin/pen/vGqzLq

A tooltip a gomb alatt legyen, 0.2 s-ra jöjjön fel, indulásnak legyen #FAFAFA a színe

Japanese characters are not shown in canvas

For example: 標準語

black viewer

Hello,

I tried the Live version, but I can't see anything in viewer (black window) : (using Firefox browser on Win10)

Node/Group Settings Dialogue Design

Group names are not visible in context menu if they are containing non-ascii characters

Probably the error is in the emscripten implementation of swprintf.

Blurry visualization on HiDPI Monitor

after zoom in it looks fine:

Search nodes in node tree popup (double-click)

Open and Save files

Notify the user about unsaved changes when leaving the site

Warning in these cases:

• Leaving the site.
• New file.
• Opening another file.

New Tab in case of New/Open Commands

Escape and Enter handling in node settings dialog

Cancel on Escape, OK on Enter.