Oxygen Basic

Information => Open Forum => Topic started by: JRS on August 01, 2015, 10:08:40 AM

Title: JavaScript - HTML5 Graphics
Post by: JRS 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 (https://github.com/photonstorm/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

(https://camo.githubusercontent.com/6864d0bb229a4c35a505670f83ead6d9a5d3ce63/687474703a2f2f7777772e7068617365722e696f2f696d616765732f6769746875622f77656c636f6d652d646976322e706e67)
Title: Re: JavaScript - HTML5 Graphics
Post by: JRS 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 (http://www.emanueleferonato.com/2015/06/16/introducing-phaser-box2d/)

[attachment deleted by admin]
Title: EZGUI
Post by: JRS 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.

(http://phaser.io/content/news/2015/05/ezgui1.gif)  (http://phaser.io/content/news/2015/05/ezgui2.gif)

more ... (http://ezgui.ezelia.com/)
Title: SWBASIC
Post by: JRS on August 05, 2015, 11:43:56 PM
Simple Web BASIC (http://yohan.es/swbasic/)
Title: WebGLStudio.js
Post by: JRS 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 (http://webglstudio.org/)

(http://webglstudio.org/screenshots/editor.png)
Title: Re: WebGLStudio.js
Post by: Mike Lobanovsky on August 08, 2015, 02:13:01 AM
Cool!