VEGAS JS

Vegas JS - version 1.0.19 is an Opensource Framework based on ECMAScript for develop crossplatform Rich Internet Applications and Games.

This project contains a set of libraries writing in Javascript and based on the ES6 standard :

| package | description | |----------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | 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. |

About

• Author : Marc ALCARAZ (aka eKameleon) - Creative Technologist and Digital Architect
• Mail : ekameleon[at]gmail.com
• LinkedIn : https://www.linkedin.com/in/ekameleon/

License

Under tree opensource licenses :

• License MPL 2.0
• License GPL 2.0+
• License LGPL 2.1+

Resources

⌜ Download

Download on Bitbucket the latest code, report an issue, ask a question or contribute :

• https://bitbucket.org/ekameleon/vegas-js

⌜ Documentation

Get started with the the Vegas JS API :

• https://vegasjs.ooopener.com/

⌜ Tutorials

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 !

Install

⌜ YARN / NPM

You can install VEGAS JS with NPM or Yarn.

$ yarn add vegas-js --dev

or

$ 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 :

$ 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

⌜ Molecule

Molecule is an advanced extension of VEGAS JS to develop rich applications based on the standard DOM UI, A-Frame or PIXI JS.

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.

⌜ Examples

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

We use the Mocha and the Chai (http://chaijs.com/) tools to run the unit tests of the VEGAS JS libraries.

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

History

• 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