Visual JS GE

This article needs a technical review. How you can help.

This article needs an editorial review. How you can help.

"Visual-JS GameEngine" is small but comprehensive game engine , canvas/websocket orientend . 
Server part based on node.js , client part javascript framework also with windows GUI editor and game instance creator for win.

Installation and setup :

Download from bitbucket . For windows users : extract package in same (root) folder (windows tools).

In server Instance folder (navigate to server_instance/)

1) Install next modules :

In node.js command prompt or console enter next installation command :

npm install mysql
npm install delivery
npm install express
npm install mkdirp
npm install socket.io
npm install nodemailer@0.7.0

Setup config.js

You will find config.js in server_instance folder : (All node.js application you can find in same folder (server_instance) . Some app have local usage like editor.js )

module.exports = {

   VERSION : "0.5",
   PATH_OF_NODE_APP : "D:/PATH_TO_SERVER_INSTANCE_FOLDER/server/" ,  // EDIT HERE
   PATH_OF_WWW : "D:/xamp/htdocs/project_instance/", // PATH_TO_WWW  EDIT HERE
   EDITOR_PORT : "1013",
   REG_PATH : "users/",
   ACCOUNT_PORT  : 3666 , 
   DESTROY_SESSION_AFTER_X_mSECUNDS : 20000,

};

 

local node.js application tools ( Use this in develop mode only )

 

On page editor 

server_instance/editor.js

- server_instance/build_from_editor_to_visual_js_file.js

(node.js app for local use)

       ** ON-PAGE Editor**

      If you use editor.js to visual create game object method , you must  start ***node build_from_editor_to_visual_js_file.js*** on the end of work. 
      This tool will create visual.js in folder starter/ with all your game object was created in editor style .
Create game objects direct in web browser view. Takes data from system folder lib/visual_scripts/ and generate code.
After build you can found your code intro visual.js 

 

Create RESOURCE js object ( ADD image or images for animation )

server_instance/res.js

       Put image or images in one folder for example TEST_RES/  . Put that folder in this location **project_instance/res/** .
       run command :
server_instance/node res.js 
       After finishing restart web page ind enter in console :  RESOURCE.TEST_RES

       RESOURCE have all images path data. When you create folder with image and build with *node res.js* we did not create images object.
       Images object will be created after you add animation to the game objects. 

       This is good because memory safe.

 

VISUAL JS.exe Windows GUI freeware 

only for windows users . 

Visual_JS.exe Version : 1.0 comes with source editor .

ML_SYS.exe - Multilanguage tool for string Labels . (Smart xml operation - No empty tags )

CriptingJS.exe - Based on javascriptobfuscator.com API

MakeLib.exe - Need fot bug fixing

 

Video tutorial

Pencil component

Particle

Virtual kayboard

 

 

Document Tags and Contributors

 Contributors to this page: zlatnaspirala
 Last updated by: zlatnaspirala,