Skip to content

Instantly share code, notes, and snippets.

View Anenth's full-sized avatar
🎯
Busy building apps people love ❤️

Anenth Anenth

🎯
Busy building apps people love ❤️
View GitHub Profile

IMPORTANT! Remember to check out the wiki page at https://github.com/bebraw/jswiki/wiki/Game-Engines for the most up to date version. There's also a "notes" column in the table but it simply does not fit there... Check out the raw version to see it.

This table contains primarily HTML5 based game engines and frameworks. You might also want to check out the [[Feature Matrix|Game-Engine-Feature-Matrix]], [[Game Resources]] and [[Scene Graphs]].

Name Size (KB) License Type Unit Tests Docs Repository Notes
Akihabara 453 GPL2, MIT Classic Repro no API github Intended for making classic arcade-style games in JS+HTML5
AllBinary Platform Platform Dependent AllBinary 2D/2.5D/3D n
[{"pid":53245,"tid":1295,"ts":345821666954,"ph":"X","cat":"toplevel","name":"MessageLoop::RunTask","args":{"src_file":"../../components/scheduler/base/task_queue_impl.cc","src_func":"PushOntoImmediateIncomingQueueLocked"},"dur":27857,"tdur":635,"tts":5745664},
{"pid":53245,"tid":1295,"ts":345821687212,"ph":"X","cat":"toplevel","name":"TaskQueueManager::ProcessTaskFromWorkQueue","args":{"src_file":"../../base/trace_event/trace_log.cc","src_func":"SetEnabled"},"dur":7550,"tdur":316,"tts":5745925},
{"pid":53245,"tid":1295,"ts":345821694770,"ph":"X","cat":"toplevel","name":"TaskQueueManager::ProcessTaskFromWorkQueue","args":{"src_file":"../../base/trace_event/trace_log.cc","src_func":"SetEnabled"},"dur":21,"tdur":18,"tts":5746260},
{"pid":53245,"tid":1295,"ts":345821694792,"ph":"X","cat":"toplevel","name":"TaskQueueManager::ProcessTaskFromWorkQueue","args":{"src_file":"../../base/trace_event/trace_log.cc","src_func":"SetEnabled"},"dur":7,"tdur":5,"tts":5746282},
{"pid":53245,"tid":1295,"ts":345821694800,"ph":"X",
@Anenth
Anenth / config.json
Created July 29, 2017 07:00 — forked from anonymous/config.json
Bootstrap Customizer Config
{
"vars": {
"@gray-base": "#000",
"@gray-darker": "lighten(@gray-base, 13.5%)",
"@gray-dark": "lighten(@gray-base, 20%)",
"@gray": "lighten(@gray-base, 33.5%)",
"@gray-light": "lighten(@gray-base, 46.7%)",
"@gray-lighter": "lighten(@gray-base, 93.5%)",
"@brand-primary": "darken(#428bca, 6.5%)",
"@brand-success": "#5cb85c",
@Anenth
Anenth / 0_reuse_code.js
Created September 3, 2017 06:48
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@Anenth
Anenth / cancellable_promise.js
Created September 21, 2017 14:52
Cancellable promise
export const CancellablePromise = (promise) => {
let isCancelled = false;
const wrappedPromise = new Promise((resolve, reject) => {
promise.then(
(...args) => (isCancelled ? reject('cancelled') : resolve(...args)),
error => (isCancelled ? reject('cancelled') : reject(error)),
);
});
@Anenth
Anenth / cancellable_promise-bluebird.js
Created December 11, 2017 14:33
Cancellable promise with bluebird
import Promise from 'Bluebird';
function updateUser() {
return new Promise((resolve, reject, onCancel) => {
let cancelled = false;
// you need to config Bluebird to have cancellation
// http://bluebirdjs.com/docs/api/promise.config.html
onCancel(() => {
cancelled = true;
@Anenth
Anenth / Arraymultiple.js
Created November 14, 2018 04:54
Array multiple with prototype
Array.prototype.multiply = function(){
const le = this.length;
for(let i=0; i < le; i++){
this[i+le] = this[i]*this[i];
console.log(this)
}
};
const a = [1, 2, 3, 4, 5];
a.multiply();
@Anenth
Anenth / Simple data watcher.js
Created December 18, 2018 03:48
A simple pub/sub model - `set data()` - whenever this.data is changed the `set data()` gets called
function Store(initialData, options = {}) {
const handlers = [];
let nextHandlerId = 0;
return {
get data() {
return initialData;
},
set data(t) {
console.log("Set was called");
@Anenth
Anenth / Table with fixed-data-table-2.js
Created May 18, 2020 06:32
Table with fixed-data-table-2
import React, { useState } from 'react';
import ClassNames from 'classnames';
import { Table as FixedTable, Column } from 'fixed-data-table-2';
import '!!style-loader!css-loader!fixed-data-table-2/dist/fixed-data-table-base.css';
import { get } from 'lodash';
import { ellipseString } from '../../helpers/BaseUtils';
import { HTML_ICON, Icon, ICON_SIZES } from '../Icons/Icons';
import { Text, TEXT_SIZE } from '../Text/Text';
import { Tooltip } from '../Tooltip/Tooltip';
@Anenth
Anenth / gist:6319964
Created August 23, 2013 14:32
CSS: Bootstrap icons and theme for DataTables
.dataTables_wrapper {
position: relative;
clear: both;
zoom: 1; /* Feeling sorry for IE */
}
.dataTables_length {
float: right;
width:40%;