| // 3D Dom viewer, copy-paste this into your console to visualise the DOM as a stack of solid blocks. | |
| // You can also minify and save it as a bookmarklet (https://www.freecodecamp.org/news/what-are-bookmarklets/) | |
| (() => { | |
| const SHOW_SIDES = false; // color sides of DOM nodes? | |
| const COLOR_SURFACE = true; // color tops of DOM nodes? | |
| const COLOR_RANDOM = false; // randomise color? | |
| const COLOR_HUE = 190; // hue in HSL (https://hslpicker.com) | |
| const MAX_ROTATION = 180; // set to 360 to rotate all the way round | |
| const THICKNESS = 20; // thickness of layers | |
| const DISTANCE = 10000; // ¯\\_(ツ)_/¯ |
This git include a list of programs, tools, engines and libraries free and open source intended to make videogames.
NOTE: This gist is a support material for the talk "Open Source and Videogames" given by me, Ramon Santamaria, on October 26th 2021 in Canòdrom, Barcelona. All the materials listed here were explained in detail in a +2 hours talk.
Recently I came to know about Reflow and Repaint. How it's affecting web performance. I am writing this post to give insights about reflow and repaint. Before Jumping into the topic, let's understand how the browser renders the website.
| var permut = function (array, count, initial, output) { | |
| if (initial.length >= count) { | |
| output.push(initial); | |
| } else { | |
| for (var i = 0; i < array.length; ++i) { | |
| permut(array, count, initial.concat(array[i]), output); | |
| } | |
| } | |
| }; |
All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParentBelow is a list of open source games and game-related projects that can be found on GitHub - old school text adventures, educational games, 8-bit platform games, browser-based games, indie games, GameJam projects, add-ons/maps/hacks/plugins for commercial games, libraries, frameworks, engines, you name it.
If you'd like to add a repository to the list, please create an Issue, or fork this repository and submit a pull request.
Help: MarkDown Help, Markdown Cheatsheet
| #include <map> // Component-entity system in 16 lines of C++11. 2013 rlyeh, MIT licensed | |
| #include <set> // Code fragment from kult engine - https://github.com/r-lyeh/kult | |
| enum {JOIN,MERGE,EXCLUDE};using set=std::set<unsigned>;template<typename T> set&system(){ | |
| static set entities;return entities;}template<typename T,int MODE>set subsystem(const set | |
| &B){set newset;const set&A=system<T>();if(MODE==MERGE){newset=B;for(auto&id:A)newset.ins\ | |
| ert(id);}else if(MODE==EXCLUDE){newset=B;for(auto&id:A)newset.erase(id);}else if(A.size() | |
| <B.size()){for(auto&id:A)if(B.find(id)!=B.end())newset.insert(id);}else{for(auto&id:B)if( | |
| A.find(id)!=A.end())newset.insert(id);}return newset;}template<typename T>std::map<unsig\ | |
| ned,T>&components(){static std::map<unsigned,T>objects;return objects;}template<typename\ | |
| T>bool has(unsigned id){return components<T>().find(id)!=components<T>().end();}templat\ |
| /* | |
| Node.js, express, oauth example using Twitters API | |
| Install Node.js: | |
| curl -0 http://nodejs.org/dist/v0.6.11/node-v0.6.11.tar.gz | |
| tar -zxf node-v0.6.11.tar.gz | |
| cd node-v0.6.11 | |
| ./configure | |
| make | |
| make install |
This gist is part of a blog post. Check it out at:
http://jasonrudolph.com/blog/2011/08/09/programming-achievements-how-to-level-up-as-a-developer
