2d Games

xholonWorkbook.xml

<?xml version="1.0" encoding="UTF-8"?>
<!--Xholon Workbook http://www.primordion.com/Xholon/gwt/ MIT License, Copyright (C) Ken Webb, Sun Jun 03 2018 07:25:46 GMT-0400 (EDT)-->
<XholonWorkbook>

<Notes><![CDATA[
Xholon
------
Title: 2d Games
Description: 
Url: http://www.primordion.com/Xholon/gwt/
InternalName: 76c3c2b02e583aa4a5114f9e81e04688
Keywords: 

My Notes
--------
June 3, 2018
see my written notes from June 2
see my previous workbook on pixijs
see my previous workbook "GameOfLife - Isomer graphics library"

References
----------
() https://developer.mozilla.org/en-US/docs/Games
    Gaming is one of the most popular computer activities.
    New technologies are constantly arriving to make it possible to develop better and more powerful games that can be run in any standards-compliant web browser.

() https://developer.mozilla.org/en-US/docs/Games/Techniques/Tilemaps
    Tiles and tilemaps overview

() https://developer.mozilla.org/en-US/docs/Games/Techniques/Tilemaps/Square_tilemaps_implementation:_Static_maps

() https://developer.mozilla.org/en-US/docs/Games/Techniques/WebRTC_data_channels
    WebRTC data channels

() https://github.com/mozdevs
 ) https://github.com/mozdevs/gamedev-js-tiles

() http://html5gameengine.com/
    Listed are the cream of the crop of HTML5 / JavaScript game engines - frameworks that are respected and maintained.
    Click "More Details" for a full description, reviews, important links, and sample games.

() https://www.mapeditor.org/
 ) http://doc.mapeditor.org/en/stable/manual/introduction/
 ) https://github.com/bjorn/tiled
    I installed mapeditor Tiled

() https://github.com/pixijs/pixi-tilemap
    Library that will help with tilemaps, provide special shaders and canvas fallback.

() http://phaser.io/
    A fast, free and fun open source framework for Canvas and WebGL powered browser games.
 ) http://phaser.io/examples/v2/category/tilemaps

() https://www.scirra.com/
    Construct2 and Construct3, commeercial and free

() http://impactjs.com/
    Impact is a JavaScript Game Engine that allows you to develop stunning HTML5 Games for desktop and mobile browsers.
    current release is 2014
    Weltmeister Level Editor

]]></Notes> 

<_-.XholonClass>

  <!-- domain objects -->
  <PhysicalSystem/>
  <Block/>
  <Brick/>
  
  <!-- quantities -->
  <Height superClass="Quantity"/>
  
</_-.XholonClass>

<xholonClassDetails>
  <Block>
    <port name="height" connector="Height"/>
  </Block>
</xholonClassDetails>

<PhysicalSystem>
  <Block>
    <Height>0.1 m</Height>
  </Block>
  <Brick multiplicity="2"/>
</PhysicalSystem>

<Blockbehavior implName="org.primordion.xholon.base.Behavior_gwtjs"><![CDATA[
  var a = 123;
  var b = 456;
  var c = a * b;
  if (console) {
    console.log(c);
  }
  //# sourceURL=Blockbehavior.js
]]></Blockbehavior>

<Heightbehavior implName="org.primordion.xholon.base.Behavior_gwtjs"><![CDATA[
  var myHeight, testing;
  var beh = {
    postConfigure: function() {
      testing = Math.floor(Math.random() * 10);
      myHeight = this.cnode.parent();
    },
    act: function() {
      myHeight.println(this.toString());
    },
    toString: function() {
      return "testing:" + testing;
    }
  }
  //# sourceURL=Heightbehavior.js
]]></Heightbehavior>

<Brickbehavior implName="org.primordion.xholon.base.Behavior_gwtjs"><![CDATA[
  $wnd.xh.Brickbehavior = function Brickbehavior() {}

  $wnd.xh.Brickbehavior.prototype.postConfigure = function() {
    this.brick = this.cnode.parent();
    this.iam = " red brick";
  };

  $wnd.xh.Brickbehavior.prototype.act = function() {
    this.brick.println("I am a" + this.iam);
  };
  //# sourceURL=Brickbehavior.js
]]></Brickbehavior>

<Brickbehavior implName="org.primordion.xholon.base.Behavior_gwtjs"><![CDATA[
  console.log("I'm another brick behavior");
]]></Brickbehavior>

<SvgClient><Attribute_String roleName="svgUri"><![CDATA[data:image/svg+xml,
<svg width="100" height="50" xmlns="http://www.w3.org/2000/svg">
  <g>
    <title>Block</title>
    <rect id="PhysicalSystem/Block" fill="#98FB98" height="50" width="50" x="25" y="0"/>
    <g>
      <title>Height</title>
      <rect id="PhysicalSystem/Block/Height" fill="#6AB06A" height="50" width="10" x="80" y="0"/>
    </g>
  </g>
</svg>
]]></Attribute_String><Attribute_String roleName="setup">${MODELNAME_DEFAULT},${SVGURI_DEFAULT}</Attribute_String></SvgClient>

</XholonWorkbook>