Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/viglino/ol-games

:video_game: Game stuff for Openlayers, powered by HTML5, canvas, javascript and Openlayers.
https://github.com/viglino/ol-games

animation explosion game hex-map javascript maps ol-ext openlayers sprites

Last synced: 21 days ago
JSON representation

:video_game: Game stuff for Openlayers, powered by HTML5, canvas, javascript and Openlayers.

Awesome Lists containing this project

README 

        
#  ol-games



One hand, many games use maps as playground and some are based on a map. On the other hand, [OpenLayers](https://github.com/openlayers/openlayers) is a high-performance, feature-packed library for creating interactive maps on the web.



This project aims to test and add game mechanisms within Openlayers (ol).

> It is by no means a complete game or complete game engine but you should find some stuff to devleopp game on a map with Openlayers.



[View live examples online!](https://viglino.github.io/ol-games/index.html)



## Dependencies

This project uses [Openlayers](https://github.com/openlayers/openlayers) and [ol-ext](https://github.com/Viglino/ol-ext).

Hexagnol grid concepts developped in the [Red Blob Games](http://www.redblobgames.com/grids/hexagons/).



Materials mainly comes from the [FreeSound project](https://www.freesound.org/) and [OpenGameArt](http://opengameart.org/).



## Openlayers



[OpenLayers](https://openlayers.org/) makes it easy to put a dynamic map in any web page. 

* It can display map tiles, vector data and markers loaded from any source. 

* Leverages Canvas 2D, WebGL, and all the latest greatness from HTML5. Mobile support out of the box.

* Implements animations mecanisms and the postcompose hook allows to intervene with the OpenLayers rendering process to draw onto the canvas context. A postcompose listener is called for every rendering frame and is the perfect place to implement animations.    

Just look at the [Openlayers example page](https://openlayers.org/en/latest/examples/?q=anim) to see what's up.

* Render objects over the map (vector features) with styling functionnalities.

* Add interactions widgets to the map (controls, overlays) to interact with your maps.

* Actually already uses a 2D spatial index [R-Tree](https://github.com/mourner/rbush) to perform spatial queries very efficiently.

* Pixel-based hit-detection

* Exposes an API for drawing geometries and features to the output canvas



## ol-games



Here are some of the features I'm working on in this repository.



### Hex map

A [hexagonal map or hex map](https://viglino.github.io/ol-games/examples/map.hexmap.html) is a game board design commonly used in wargames of all scales. 

The map is subdivided into a hexagonal tiling, small regular hexagons of identical size.



For more information on Hexagnol grid, I recommend this [fabulous Red Blob Games article](http://www.redblobgames.com/grids/hexagons/).



### Sprite

[Sprite and Spritesheets](https://viglino.github.io/ol-games/examples/map.sprite.html) have been used in games for a long time. 



This include sprite animation and sprite collision detection.



### Animations

#### Explosions

[Explosions](https://viglino.github.io/ol-games/examples/map.explode.html) are an integral part of games. Not that all games need explosions, but they play an important 

role in the game dynamics. 



### Artificial intelligence

#### Pathfinding algorithms: A*



### Audio

This is just a simple implementation of the HTML [Audio](https://www.w3schools.com/tags/ref_av_dom.asp) to add [sounds in a game](file:///C:/wamp64/www/geopole/exemples/ol-games/examples/map.audio.html).



## Licence



ol-games is licenced under the French Opensource BSD compatible CeCILL-B FREE SOFTWARE LICENSE.  

 (c) 2017-2019 - Jean-Marc Viglino



Some resources (mapping services and API) used in this sofware may have a specific license.  

You must check before use.



> [Full text license in English](http://www.cecill.info/licences/Licence_CeCILL-B_V1-en.txt)  

> [Full text license in French](http://www.cecill.info/licences/Licence_CeCILL-B_V1-fr.txt)



For convenience ol-games is also published under the BSD-3-Clause Licence.