top button
Flag Notify
    Connect to us
      Facebook Login
      Site Registration Why to Join

    Get Free Article Updates

Facebook Login
Site Registration
Print Preview

About PlayCanvas.Js

0 votes
61 views

What is PlayCanvas.Js?

PlayCanvas is an enterprise grade open source JavaScript based WebGL game Engine that has got tons of developer tools to help you build 3D games within no time. PlayCanvas.js is built by a professional community and was not an open source initially but now you can fork it on GitHub and start using it for your next 3D game project, free of cost.

It also comes with cloud based editor that runs in your browser,  so getting started with PlayCanvas is as easy as navigating to the Editor URL. Editor supports collaboration among teams which essentially means many people can work on the same project in parallel.

PlayCanvas.js is backed by the giants like Mozilla, Activision and ARM.

PlayCanvas is an open-source game engine. It uses HTML5 and WebGL to run games and other interactive 3D content in all modern browsers without the need for a plugin.

Features:

Graphics

  • WebGL-based 3D renderer
  • Physically based rendering (PBR)
  • Directional, point and spot lights (all of which can cast shadows)
  • Runtime Lightmap baking
  • Static and skinned meshes
  • GPU Particle engine with editor
  • PostFX library: bloom, edge detect, FXAA, vignette, etc
  • Seamless default material support from Maya, 3DS Max, Blender, etc.
  • Full model export pipeline from Maya, 3DS Max, Blender, etc via Assets User Manual

Collision & Physics

  • Full integration with 3D rigid-body physics engine ammo.js

Audio

  • 3D Positional audio via Web Audio API
  • Resource Loading
  • Simple and powerful resource loading
  • Streaming of individual assets
  • Asset Variants - loads compressed textures (DXT, PVR, ETC1) based on platform support

Video for PlayCanvas 

posted Mar 2 by Manish Tiwari

  Promote This Article
Facebook Share Button Twitter Share Button Google+ Share Button LinkedIn Share Button Multiple Social Share Button


Related Articles

What is Fabric.Js?

Fabric.js is a framework that makes it easy to work with HTML5 canvas element. 

It is an interactive object model on top of canvas element. It is also an SVG-to-canvas parser.

It's a powerful JavaScript library that makes working with the HTML5 canvas element a breeze. Fabric provides a missing object model for canvas, as well as an SVG parser, a layer of interactivity, and a whole suite of other indispensable tools. It is a fully open-source project, licensed under MIT, with many contributions over the years.

Using Fabric.js, you can create and populate objects on canvas; objects like simple geometrical shapes — rectangles, circles, ellipses, polygons, or more complex shapes consisting of hundreds or thousands of simple paths. You can then scale, move, and rotate these objects with the mouse; modify their properties — color, transparency, z-index, etc. You can also manipulate these objects altogether — grouping them with a simple mouse selection.

Bower Command
bower install fabric
Npm Command
npm install fabric --save

 

Video for Fabric.Js
https://www.youtube.com/watch?v=fKoZaBiVOgY

READ MORE

What is Riot.Js?

A Riot tag is a combination of layout (HTML) and logic (JavaScript). 

Here are the basic rules: HTML is defined first and the logic is enclosed inside an optional <script> tag. 

Note: the script tag can not be used when including tag definitions in the document body, only in external tag files.

Benefits:

  • No proprietary event system
  • No need for external polyfills or additional libraries
  • The rendered DOM can be freely manipulated with other tools
  • No extra HTML root elements or data- attributes
  • Plays well with jQuery

Riot has all the essential building blocks for modern client-side applications:

  • “Reactive” views for building user interfaces
  • Event library for building APIs with isolated modules
  • Optional Router for taking care of URL and the back button

Riot is an “open stack”. It’s meant for developers who want to avoid framework specific idioms. The generic tools let you mix and match design patterns. Systems like Facebook Flux can be self-made.

Try Live Demo Here - http://riotjs.com/play/

Video About Riot.Js - Introduction

https://www.youtube.com/watch?v=al87U6NgRTc

 

READ MORE

What is Video.Js?

Video.js is an open source library for working with video on the web, also known as an HTML video player
VideoJS is an HTML5 Video Player with 3 core parts: 

  1. An embed code (Video for Everybody), 
  2. A Javascript library (video.js), 
  3. A pure HTML/CSS skin (video-js.css). 

Using Video for Everybody as the embed code means you know it's compatible with many devices (including ones without javascript).

The core codebase uses a few modern features of Javascript (ES5), so if you'd like to support IE8 you'll need to include an ES5 shim. To make things easier, we created a single file you can include for IE8 support. 

Npm Install Code

npm install --save-dev video.js

Bower Install Code

bower install video.js

 

Video About Video.Js

https://www.youtube.com/watch?v=h-I3R2JOMsI

READ MORE

What is System.Js?

The JavaScript Package Manager (aka jspm) is a package manager that works on top of the SystemJS universal module loader. ... SystemJS is a module loader that can import modules at run time in any of the popular formats used today (CommonJS, UMD, AMD, ES6)

Features:

  • Loads any module format when running the ~15KB development build.
  • Loads ES modules compiled into the System.register module format for production with exact circular reference and binding support
  • Supports RequireJS-style map, paths, and bundles configuration.

Built with the ES Module Loader project, which is based on principles and APIs from the WhatWG Loader specification, modules in HTML and NodeJS.

Supports IE9+ provided a promises polyfill is available in the environment.

System.js however is a pretty good replacement for require.js. The config is robust, the bundling API is reasonable, and if you have dynamic loading scenarios, especially where you don't know the resources at bundling time, it's really a good client loader.

Node Command :

npm install systemjs

Video for System.Js Build 

https://www.youtube.com/watch?v=nQGhdoIMKaM​

READ MORE

What is Phantom.Js?

PhantomJS is a scripted, headless browser used for automating web page interaction. PhantomJS provides a JavaScript API enabling automated navigation, screenshots, user behavior and assertions making it a common tool used to run browser-based unit tests in a headless system like a continuous integration environment.

PhantomJS is a headless WebKit scriptable with a JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG.

The above definition may be ambiguous, in simple terms, PhantomJS is a web browser without a graphical user interface.

Since PhantomJS is not usable when it comes to surfing the web, it has a whole set of features that developers love and use for many purposes.

Features

  • Screen capture
  • Page automation
  • Network monitoring
  • Testing
  • Multiplatform, available on major operating systems: Windows, Mac OS X, Linux, and other Unices.
  • Fast and native implementation of web standards: DOM, CSS, JavaScript, Canvas, and SVG. No emulation!
  • Pure headless (no X11) on Linux, ideal for continuous integration systems. Also runs on Amazon EC2, Heroku, and Iron.io.

Video for Phantom.Js
https://www.youtube.com/watch?v=6Y3ugEFU0uU

READ MORE

What is Create.Js?

Create.js is a comprehensive web editing interface for Content Management Systems. It is designed to provide a modern, fully browser-based HTML5 environment for managing content. Create can be adapted to work on almost any content management backend.

The user interface philosophy behind Create is simple: all content that you are allowed to change becomes editable, right there on the page you’re reading. Any modifications you make are retained in your browser and can be sent back to the CMS with a push of a button.

CreateJS is a suite of modular libraries and tools which work together to create interactive content on open web technologies via HTML5.

The libraries are designed to work completely independently, or mixed and matched.

CreateJS is suite of JavaScript libraries and tools for building rich, interactive experiences with HTML5. The CreateJS suite is divided into four libraries.

  1. EaselJS - Makes working with HTML5 canvas easy.
  2. TweenJS - For tweening HTML5 and JavaScript properties
  3. SoundJS - Lets you easily work with HTML5 audio
  4. PreloadJS - Lets you manage and coordinate loading of assets

Video for Getting Started With Create.Js

https://www.youtube.com/watch?v=OWHJa0jKJgo

READ MORE

What is Mithril.Js ?

Mithril is a new javascript MVC framework that aims to make application development more manageable than the “jQuery spaghetti” that is common in legacy systems, and is without the need for steep learning curves that one would encounter with big frameworks like Ember or Angular.

Mithril is a modern client-side Javascript framework for building Single Page Applications.It's small (< 8kb gzip), fast and provides routing and XHR utilities out of the box.

Mithril is used by companies like Vimeo and Nike, and open source platforms like Lichess.

Mithril supports browsers all the way back to IE9, no polyfills required.

The Mithril.js authors are onto something with their tiny (7KB gzipped), easy-to-learn JavaScript MVC library that was originally released in March of 2014 and now has 92 contributors on GitHub. The entire API is just 14 functions and the library is under a thousand lines of code. 

Mithril gives you hierarchical MVC components (just like React), URL routing, customizable data binding, and safe-by-default templates with intelligent DOM difference checking for high-performance rendering.

Video for Mithril.Js

https://www.youtube.com/watch?v=tNMiCr39Fx0​

READ MORE
Contact Us
+91 9880187415
sales@queryhome.net
support@queryhome.net
#470/147, 3rd Floor, 5th Main,
HSR Layout Sector 7,
Bangalore - 560102,
Karnataka INDIA.
QUERY HOME
...