Nikola Lukic Posted June 21, 2016 Share Posted June 21, 2016 visual js API examples help - Take a look : -Add new game Object with single image:https://jsfiddle.net/zlatnaspirala/rjf0xe0a/ -Use For loop for creating objectshttps://jsfiddle.net/zlatnaspirala/noax17kz/ -Visual JS -Add Webcam to Objecthttps://jsfiddle.net/zlatnaspirala/xsffd9v6/ -Add webcam with motion detecthttps://jsfiddle.net/zlatnaspirala/j60hh052/ -ZoomIn/ZoomOut game_object effecthttps://jsfiddle.net/zlatnaspirala/pjjow5q6/ -Translate objecthttps://jsfiddle.net/zlatnaspirala/0tt6rmnq/ -Rotate object ( OSCILLATOR class )https://jsfiddle.net/zlatnaspirala/1x7bq0gf/ -Add particlehttps://jsfiddle.net/zlatnaspirala/hoe9auLm/ -Add textboxhttps://jsfiddle.net/zlatnaspirala/0u5j1ap8/ view all at : https://jsfiddle.net/user/zlatnaspirala/fiddles/ slot demo:https://maximumroulette.com/framework/ Source :https://bitbucket.org/nikola_l/visual-jscreator : Nikola Lukic about : Visual JS 2d canvas multiplatform game engine This is JavaScript game engine (server part node.js / client part js) Js framework with windows GUI editor and game instance creator. **Basic licence rules :** 1) Each file in this project has its own license , be careful , do not violate the basic rules. 2) You are free to use any version of Visual JS library in any other project (even commercial projects) as long as the copyright header is left intact Except for plugins on sale and graphics that come with them (they have special commercial licence). 3)Please read the following terms and conditions before using this application:Disclaimer of warranty 'Visual js' is provided "as-is" and without warranty of any kind, express, implied or otherwise, including without limitation, any warranty of merchantability or fitness for a particular purpose. In no event shall the author of this software be held liable for data loss, damages, loss of profits or any other kind of loss while using or misusing this software.External licences in this project : 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 WEBRTC - webcam communication is under : Creator Muaz Khan www.MuazKhan.com MIT License - www.WebRTC-Experiment.com/licence Experiments - github.com/muaz-khan/WebRTC-ExperimentInstallation and setup : 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 [email protected] 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 ) 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, }; }; This is all . CLIENT OR WEB APPLICATION # How to start : 1) Copy project_instance/ folder to the www folder or use visual-js.exe and create new application (select folder for www and server path). 2) start server_instance/editor.js 3) In browser navigate to project-instance folder (index.html) Click right button and you will see content menu . First item is **Add New game object** . Than your game objectn will show at web page. Right click on rectangle area to see game object cantent menu. **local node.js application tools** ( *Use this in develop mode only* ): # - server_instance/res.js - create RESOURCE js object ( ADD image or images for animation ) put image or images in one folder for example TEST_RES/ . Put that folder in this location **project_instance/res/** . run 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. - server_instance/editor.js create game objects direct in web browser view. Quote Link to comment Share on other sites More sharing options...
GrosSacASacs Posted June 28, 2016 Share Posted June 28, 2016 Could you give us context ? Why does this project exist. A brief comparison with what already exists would also be nice . Quote Link to comment Share on other sites More sharing options...
Nikola Lukic Posted July 4, 2016 Author Share Posted July 4, 2016 Thank you for response. i need 30 days to upgrade 3d part and make build lib in one file. I will give a note about this framework. Enjoy in 3d implementation - three.js .https://www.linkedin.com/pulse/webgl-3d-chat-application-threejsrtc-nikola-lukic?trk=prof-posthttps://www.linkedin.com/pulse/monster-run-tps-threejs-nikola-lukic?trk=mp-reader-cardhttps://www.linkedin.com/pulse/visual-js-vs-threejs-tshirts-3d-design-html5-nikola-lukic?trk=mp-reader-card Quote Link to comment Share on other sites More sharing options...
Nikola Lukic Posted October 4, 2016 Author Share Posted October 4, 2016 From the first day I realized the possibilities that bring html5 technology. especially full duplex networking (WebSockets), canvas2d and WebGL. I'd never worked professionally programming that was not html5. I loved VB6. But there are no jobs in Serbia for native apps. Many avoid using js so they use jq and boostrap and 91% .I want a comprehensive framework with the full range of possibilities. I want to strictly work on all modern devices. I heard comments that the WebSocket catty move. I guess it was about in the context of security . I dont like trouble working with other frameworks (needs learning).Best way for me was my own framework. Concept: For now it is possible only one Program . One program have a Modules (Arrays) for draw and update method very simple. One type of object can be pushed to the modules - game_object . On game object can be attached component like webcam , pencil collision etc. You can use custom draw also. Last update for API : API doc 1.0 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 . My last update : Visual source editor win guihttps://www.youtube.com/watch?v=kxUBPDhB-3I Visual Editor : Direct script edit . Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.