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
89 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 Koa.Js?

Koa.js is a JavaScript web application framework that's brought some pretty important changes to the development of middleware—a key layer of software in web applications that keeps everything in a network linked and running smoothly.

Koa.js is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications. It is an open source framework developed and maintained by the creaters of Express.js, the most popular node web framework.

npm install koa

Koa provides a Request object as the request property of the Context.
Koa's Request object provides helpful methods for working with http requests which delegate to an IncomingMessage from the node http module.

Video for Koa.JS

https://www.youtube.com/watch?v=z6ihthEwXDk​
READ MORE

What is Traceur.Js?

Traceur is a compiler that takes ECMAScript Edition 6 (ES6) (including classes, generators, destructuring and much more) and compiles it down to regular Javascript (ECMAScript Edition 5 [ES5]) that runs in your browser.

Traceur is a compiler / transpiler which allows you to make use of all the future JavaScript features that are not currently a native offering in modern web browsers. In addition to making all features of ES6 available to you, Traceur also supports some ES.

 You can try Traceur in several ways: 

  • Typing or pasting ES6 code into the Read-eval-print-loop page.
  • Include Traceur in a Web page and compile ES6 script content on the fly (see below)
  • Use node to compile ES6 to ES5 offline and include the result in Web pages or just run the result in node.

NPM Command

npm install traceur 

Video for Traceur

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

READ MORE

What is KeyStone.Js?
KeystoneJS is a powerful Node.js content management system and web app framework built on express and mongoose. Keystone makes it easy to create sophisticated web sites and apps, and comes with a beautiful auto-generated Admin UI.

KeystoneJS is the easiest way to build database-driven websites, applications and APIs in Node.js.

Features:

  • Express.js and MongoDB
  • Dynamic Routes
  • Database Fields
  • Auto-generated Admin UI
  • Simpler Code
  • Form Processing
  • Session Management
  • Email Sending

Keystone uses Mongoose, the leading ODM for node.js and MongoDB, and gives you a single place for your schema, validation rules and logic.

Keystone can configure Express for you, or you can take over and treat Keystone like any other Express middleware.

You can also easily integrate it into an existing Express app.

NPM Command
npm install -g generator-keystone

YO Generator
$ yo keystone

 

Video for KeyStone.JS

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

READ MORE

What is Argon.Js?

Argon.js is a javascript framework for adding augmented reality content to web applications

Augmented reality (AR) is the idea of mixing computer-generated media (e.g., 3D objects, 2D content, spatialized audio) with someone’s view of the real world. Whether you want to create a new AR application, or add an AR view to an existing web application, the argon.js framework provides a set of abstractions and utilities for adding an AR view to your web application in a platform- and technology-independent way.

Argon.js was originally designed to take advantage of the augmented reality capabilities of the Argon AR-enabled web browser on iOS, simplifying the process of delivering mobile AR experiences without the need to create, ship and support native applications.

However, argon.js will also work with other web browsers, taking advantage of their capabilities to allow your application to deliver whatever kind of AR experience each browser is capable of. While the AR capabilities a most web browsers is currently minimal, they are improving rapidly, and argon.js is designed to support this evolution.

Npm Command

npm install @argonjs/argon@^1.0

Video for Argon.Js

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

READ MORE

What is Slick?

Slick is a fresh new jQuery plugin for creating fully customizable, responsive and mobile friendly carousels/sliders that work with any html elements.

Features:

  • Fully responsive. Scales with its container.
  • Separate settings per breakpoint
  • Uses CSS3 when available. Fully functional when not.
  • Swipe enabled. Or disabled, if you prefer.
  • Desktop mouse dragging
  • Infinite looping.
  • Fully accessible with arrow key navigation
  • Add, remove, filter & unfilter slides
  • Autoplay, dots, arrows, callbacks, etc...


# Bower

bower install --save slick-carousel

# NPM

npm install slick-carousel

In slick 1.5 you can now add settings using the data-slick attribute. You still need to call $(element).slick() to initialize slick on the element.

Example

<div data-slick='{"slidesToShow": 4, "slidesToScroll": 4}'>
  <div><h3>1</h3></div>
  <div><h3>2</h3></div>
  <div><h3>3</h3></div>
  <div><h3>4</h3></div>
  <div><h3>5</h3></div>
  <div><h3>6</h3></div>
</div>​

Video for Slick Slider
https://www.youtube.com/watch?v=c9pID1dWON4

READ MORE

What is AR.js?

AR.js is a solution for efficiently doing augmented reality on the web.

Very Fast: It runs efficiently even on mobile phones, 60 fps on my 2 year-old phone
Web-based: It is a pure web solution, so no installation required. Full javascript based on three.js + jsartoolkit5
Open Source: It is completely open source and free of charge
Standards: It works on any phone with webgl and webrtc

The goal is to make it easy for people to do augmented reality; AR that can be easily experienced on today’s phones and easily designed using web technology. The AR.js project is about enabling those people. So now, anybody with a modern phone can enjoy open-source AR, free of charge, cross-platform and without installation.

AR.js is fast. This is the first time that we have an open-source web-based solution capable of doing 60fps on currently deployed phones.

Suddenly, most people have a phone capable of doing AR without installation. This was not possible before. You don’t have to wait for everybody to buy AR-enabled devices (such as Tango, Moverio…etc.) 

AR.js would not have been possible without some inspiring projects that came before. It is thanks to the hard work of others, that we can today reach 60 frames per second AR. 

These projects helped make it possible:

  • Three.js is a great library for creating 3d graphics on the web
  • ARToolKit has been in development for years for augmented reality
  • emscripten and asm.js allowed us to compile ARToolKit into JavaScript
  • Chromium helped by being very fast
Video for Ar.js
https://www.youtube.com/watch?v=0MtvjFg7tik​
READ MORE

What is Synaptic ?

Synaptic is a javascript neural network library for node.js and the browser, its generalized algorithm is architecture-free, so you can build and train basically any type of first order or even second order neural network architectures.

This library includes a few built-in architectures like multilayer perceptrons, multilayer long-short term memory networks (LSTM), liquid state machines or Hopfield networks, and a trainer capable of training any given network, which includes built-in training tasks/tests like solving an XOR, completing a Distracted Sequence Recall task or an Embedded Reber Grammar test, so you can easily test and compare the performance of different architectures.

Npm Command

npm install synaptic --save

Bower Command

bower install synaptic

Sample Layer created using Synaptic:

Video for Synaptic  

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

READ MORE
Contact Us
+91 9880187415
sales@queryhome.net
support@queryhome.net
#280, 3rd floor, 5th Main
6th Sector, HSR Layout
Bangalore-560102
Karnataka INDIA.
QUERY HOME
...