Vegas JS - version 1.0.18 is an Opensource Framework based on ECMAScript for develop crossplatform Rich Internet Applications and Games.
|core||The core package is specialized in functions utilities that are highly reusable without creating any dependencies : arrays, strings, chars, objects, numbers, maths, date, colors, etc.|
|system||The system package is the root for the VEGAS JS framework. It is the starting point of our RIA framework structure : signals, W3C events, datas and collections (ADT), IoC container (Dependency Injection), logger, tasks, transitions, logics, rules, models, etc.|
|graphics||The graphics library is an intuitive graphics API to manipulate all display objects in your applications. Offers a lot of powerful functionality to create and work with graphics, colors and geometrics objects, all neatly wrapped up in a well designed, consistent and clean programming interface.|
- Author : Marc ALCARAZ (aka eKameleon) - Creative Technologist and Digital Architect
- Mail : ekameleon[at]gmail.com
- LinkedIn : https://www.linkedin.com/in/ekameleon/
Under tree opensource licenses :
Download on Bitbucket the latest code, report an issue, ask a question or contribute :
Get started with the the Vegas JS API :
These tutorials helps you to understand the VEGAS JS Framework philosophy.
- system.transitions : Creates animations and tween effects in your projects.
⌜ Slack Community
Send us your email to join the VEGAS community on Slack !
⌜ YARN / NPM
$ yarn add vegas-js --dev
$ npm install vegas-js --save-dev
Building and test the libraries
VEGAS JS use Yarn with a serie of powerful packages (Babel, Mocha, etc.) to compile and build this library.
⌜ Simple Build
1 - The first time, initialize the project and run yarn :
2 - Test + compile all the libraries :
$ yarn build
⌜ VEGAS (only) Build
1 - Build the ./dist/vegas.js : not minified + no comments + sourcemap.
$ yarn dev
2 - Build the ./dist/vegas.js and watch the changing into the ./src folder.
$ yarn watch
3 - Build the ./dist/vegas.min.js : minified + no comments.
$ yarn prod
4 - Build the ./dist/vegas.min.js and the ./dist/vegas.js libraries only.
$ yarn vegas
1 - Build the ./dist/vegas.molecule.js : not minified + no comments + sourcemap.
$ yarn molecule-dev
2 - Build the ./dist/vegas.molecule.js and watch the changing into the ./src folder.
$ yarn molecule-watch
3 - Build the ./dist/vegas.molecule.min.js : vegas + molecule + minified + no comments.
$ yarn molecule-prod
4 - Build all the vegas+molecule libraries only.
$ yarn molecule
Note : See all the examples of the molecule library in the examples/ folder of the project.
To launch the VEGAS HTML examples, use the command :
$ yarn example ./examples/molecule/pixi/basic.html
This command launch with the BrowserSync tool the html page of the example in your browser.
⌜ Unit tests
1 - Run all unit tests
$ yarn test
2 - Run a specific library, use one of this command :
$ yarn test-core $ yarn test-system $ yarn test-graphics $ yarn test-molecule
The --match option trigger the unit test engine (based on Mocha) to only run tests matching the given pattern which is internally compiled to a RegExp, for examples :
$ yarn test -g graphics
Run all the graphics package unit tests.
$ yarn test -g graphics.CardinalDirection $ yarn test -g core.arrays.contains
Run only the graphics.CardinalDimension unit tests or the core.arrays.contains module unit tests.
The --reporter option define the unit test result rendering in the terminal with the values : 'spec', 'dot', 'landing', 'dot', 'nyan', 'list', 'mochawesome'. By default the 'spec' value is used.
$ yarn test --reporter nyan
⌜ Generates the documentation
The documentation of the framework is based on JSDoc.
Run the documentation build with gulp :
$ yarn doc
The documentation is generated in the folder : ./docs/bin
- 1998 : Flash
- 2000 : First framework concept and first libraries (components, tools, design patterns)
- 2004 : First official SVN repository
- 2007 : Fusion with the Maashaack framework (eden, etc.)
- 2015 : Google Code must die - VEGAS move from an old Google Code SVN repository to this Bitbucket GIT repository and REBOOT this source code.
- 2016 : Begin the new JS architecture of the VEGAS JS library based on ES6