Webcam NUI control is under : Created by Romuald Quantin. http://creativecommons.org/licenses/by-nc-sa/3.0/
+Webcam NUI control is under: Created by Romuald Quantin. http://creativecommons.org/licenses/by-nc-sa/3.0/
-Download from : https://www.adobe.com/devnet/archive/html5/articles/javascript-motion-detection.html
+Download from: https://www.adobe.com/devnet/archive/html5/articles/javascript-motion-detection.html
WEBRTC - webcam communication is under :
+
WEBRTC - webcam communication is under:
Creator Muaz Khan
www.MuazKhan.com MIT License - www.WebRTC-Experiment.com/licence
@@ -70,10 +70,10 @@Basic license rules :
Socket.io.js - http://socket.io/download/ ( also implemented intro build.js )
webgl2 based on : Copyright (C) 2014 Tappali Ekanathan Keestu (keestu@gmail.com) GNU General Public License
+webgl2 based on: Copyright (C) 2014 Tappali Ekanathan Keestu (keestu@gmail.com) GNU General Public License
OBJ loader : https://github.com/frenchtoast747/webgl-obj-loader
+OBJ loader: https://github.com/frenchtoast747/webgl-obj-loader
Textures download from http://textures.com
@@ -88,28 +88,26 @@Basic license rules :
-About GUI for windows (canvas2d part only) :
+About GUI for windows (canvas2d part only):
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++
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)
+ 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 :
+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 :
+Second way - open cmd terminal and enter next command:
- npm install mysql @@ -120,17 +118,17 @@
- npm install nodemailer@0.7.0
About GUI for windows (canva
Very easy installation and project files generator .
+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
+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 :
+After starting On-Page-Editor open browser icon to open internet browser in editor mode. See video explanation:
{{EmbedYouTube("MVp-JsAha94")}}
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 .
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.
@@ -138,90 +136,82 @@About GUI for windows (canva
Visual-JS Source editor (2d part only)
-
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 .
+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 .
+Visual-js works direct with project files, no need for build.
{{EmbedYouTube("kxUBPDhB-3I")}}
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 :
+ 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. -
SYS.SCRIPT.LOAD("scripts/new_script.js") Adding new script explanation:
-ctrl+S
+After adding new script and save script if you have extra changes, open starter/run.js and you will found line:
-Use from menu Run->Choose browser for testing . - important safari not working at the moment
+SYS.SCRIPT.LOAD("scripts/new_script.js")chrome , firefox , opera
- -
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 .
+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 Templates are made from visual-js core also . See source code : paths.js
+File location: starter/templates/paths.js Templates are made from visual-js core also. See source code: paths.js
{{EmbedYouTube("Y-B-PA5U6KQ")}}
See the Pen Visual js - Pencil by VisualJS game engine (@zlatnaspirala) on CodePen.
-Online demo examples at :
+Online demo examples at:
https://jsfiddle.net/user/zlatnaspirala/fiddles/
-Demo slot machine basic demo at :
+Demo slot machine basic demo at:
https://jsfiddle.net/zlatnaspirala/7d0d8v6d/
-Help about new 2d part - implementation of matter.js based typescript .
+Help about new 2d part - implementation of matter.js based typescript.
-I make strong relation with webpack and project . build folder is full vendor nature. Html css and resources come from dependency logic taken from source.
+I make strong relation with webpack and project. Build folder is full vendor nature. Html css and resources come from dependency logic taken from source.
To make all dependency works in build process we need some plugins.
-Features :
+Features:
Tile's background draw for images (alias sprite - but for now there's no sprite and frame by frame animation methods).
-Small engine config .
+Small engine config.
Some option in aspect view like
npm install
- ...
npm install typescript
npm i clean-webpack-plugin --save-dev
npm i html-webpack-plugin --save-dev
Possible fix :
Possible fix:
npm i webpack --save-dev
npm i extract-text-webpack-plugin --save-dev
- Fix code format :
tslint -c tslint.json 'src/**/*.ts' --fix
Download project link :
+Download project link: