« previous next »
Pages: [1]

Author Topic: JavaScript - HTML5 Graphics  (Read 3601 times)

0 Members and 2 Guests are viewing this topic.

JRS

  • Guest
JavaScript - HTML5 Graphics
« on: August 01, 2015, 10:08:40 AM »
Patrice & Mike,

Here is another interesting project but aimed more towards game development in a browser than the stuff you guys are focused on.

Phaser

Quote
Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.

http://phaser.io


Logged

JRS

  • Guest
Re: JavaScript - HTML5 Graphics
« Reply #1 on: August 02, 2015, 10:02:03 PM »
Here is a hello Phaser example.

Code: Text
  1. <!doctype html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8" />
  5.         <title>hello phaser!</title>
  6.         <script src="phaser.min.js"></script>
  7.     </head>
  8.     <body>
  9.  
  10.     <script type="text/javascript">
  11.  
  12.     window.onload = function() {
  13.  
  14.         var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload, create: create });
  15.  
  16.         function preload () {
  17.  
  18.             game.load.image('logo', 'phaser.png');
  19.  
  20.         }
  21.  
  22.         function create () {
  23.  
  24.             var logo = game.add.sprite(game.world.centerX, game.world.centerY, 'logo');
  25.             logo.anchor.setTo(0.5, 0.5);
  26.  
  27.         }
  28.  
  29.     };
  30.  
  31.     </script>
  32.  
  33.     </body>
  34. </html>
  35.  

Introducing Phaser + Box2D

[attachment deleted by admin]
« Last Edit: August 02, 2015, 10:31:29 PM by John »
Logged

JRS

  • Guest
EZGUI
« Reply #2 on: August 05, 2015, 08:31:49 PM »
Quote
EZGUI is an attempt to make Game UI creation simple and to separate the GUI from the code. It's themable, extendable and easy to use.

 

more ...
Logged

JRS

  • Guest
SWBASIC
« Reply #3 on: August 05, 2015, 11:43:56 PM »
Logged

JRS

  • Guest
WebGLStudio.js
« Reply #4 on: August 07, 2015, 07:36:09 PM »
Quote
3D Development environment for the web.

WebGLStudio.js is a platform to create interactive 3D scenes directly from the browser.
It allows to edit the scene visually, code your behaviours, edit the shaders, and all directly from within the app.

Home Page


« Last Edit: August 08, 2015, 04:35:48 PM by John »
Logged

Mike Lobanovsky

  • Guest
Re: WebGLStudio.js
« Reply #5 on: August 08, 2015, 02:13:01 AM »
Cool!
Logged
Pages: [1]
« previous next »