Code Monkey home page Code Monkey logo

flag's Introduction

FLAG

FLAG is an HTML5 game engine built to run 2D games on any HTML5 compatible device. Included in FLAG is the Box2D physics engine. Together with POLE, a browser based editor, and WIND, a dedicated metrics and events system, FLAG is a complete HTML5 game creation solution.

Included in this package is a game.html file which contains the basic set up for any FLAG based game. At the top, there is some css that establishes the structure for the base elements. The elements that make up a well structured FLAG game are as follows. First, there is a parent div called "game" which contain all other elements. Inside the "game" div are three child elements. The first element is a canvas tag called "canvas". This is where FLAG renders all of it's graphics. The second element is a div call "gui". The "gui" div should be used to hold any HTML based interface items for your game. The third child element of the "game" div is a div called "glass". The "glass" div is a non-interactive layer that should be used for loading screens or other non-interactive HTML elements. Both the "gui" and "glass" divs are setup to overlay and maintain the dimensions of the "game" div. Both "gui" and "glass" are optional.

Also included in the package is a js folder which contains three JavaScript files including FLAG.js, the FLAG Game Engine code, GAME.js, a place to write your game logic, and POLE.js, the file that will contain the POLE object created using the POLE editor. All three of these scripts are imported by the game.html file. You can use the local copy of FLAG.js included in this package or you can use http://www.flagamengine.com/FLAG/FLAG.js as the url.

The POLE.js file included in this package is blank. It should be replaced by a POLE.js that you create using the POLE editor.

flag's People

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.