Game development

Visual-js game engine

Full name : Visual-js Multiplatform Game engine

windows GUI application version 1.0 (using visual-js 0.9 lib)
Important : you will need NET 4.5.2 minimum also redistribution pack for c++


Take a look Project Setting window : 

How to start project ?

1) Click CREATE APPLICATION 
2) Enter new application name in input prompt
3) Select folder for server part of application (important : www is not secure place)
4) Select folder for client part of application ( any path in www)
5) New app name will appear in project list , select and click OPEN APPLICATION

6) Open your server folder : 

Install node.js modules 

One way - Use windows bat-s file (in server root folder with prefix install_ )

Second way - open cmd terminal and enter next command : 

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

Very easy installation and project files generator .

Now you can use On-Page-Editor (nice for visual setup , checking positions and dimensions - not for logic ) . manual start from cmd : server_folder/node editor.js

After starting On-Page-Editor open browser icon to open internet browser in editor mode . See video explanation : 

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 .

or you can use Visual-JS Source editor.

 

Visual-JS Source editor
 

is new and better way .In future visual staff will be better (real time simulator will be implemented).For now this place is good for coding .

Visual-js works direct with project files , no need for build .

Add->New game object (form dialog for define type of new game object )
Add->Quick code (make your work faster - add usually code blocks)
Resources - explorer view for images and audios , you can drag or edit also need to execute node build_resources for creating resources object for engine.
Inserting new code will be always at current line selected intro editor .
Save on drop menu or better with ctrl+s before testing in browsers. 

Adding new script explanation : 

After adding new script and save script if you have extra changes , open starter/run.js and you will found line : 

SYS.SCRIPT.LOAD("scripts/new_script.js") 

ctrl+S 

Use from menu Run->Choose browser for testing . - important safari not working at the moment

chrome , firefox , opera 

 

 

Tutorial - Pencil (Animation path) : 

How to use Pencil tool to create PATH object . Path object can be saved intro localhost , you can collect object and put it direct source code .

File location : starter/templates/paths.js Templetes are made from visual-js core also . See source code : paths.js 

 

Free slot mashine basic demo at : 

https://jsfiddle.net/zlatnaspirala/7d0d8v6d/

Download project link : 

Download link from BitBucket.

Document Tags and Contributors

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