Skip to content

Instantly share code, notes, and snippets.

View easierbycode's full-sized avatar

▓▒░ ♔ Daniel ♔ ░▒▓ easierbycode

View GitHub Profile
.: pixel character editor, rotation, spine movement, voxel editor :.
https://store.steampowered.com/app/1739300/Smack_Studio/
https://play.rosebud.ai/games/0d8fa01c-9a28-4b33-ba4c-bcfd4e6b4d45
@easierbycode
easierbycode / create.js
Created June 2, 2022 16:57
Cobys-Blue-Adventure-World
function create() {
this.add.text(50, 100, "Coby Blue's\n Adventure World", {
font: "40px Times New Roman",
fill: "#ffa0d0",
});
// Change "by Codecademy" to your name!
this.add.text(130, 300, "by BigRed, CodeMonkey", {
font: "20px Times New Roman",
fill: "#ffa0d0",
@easierbycode
easierbycode / helpers.js
Created June 2, 2022 16:09
listen-for-gamepad-on-gameover
export function addGameOverLayer() {
Properties.gamepad.on('down', (pad, btn, value) => {
console.log({
pad,
btn,
value
});
if (pad == 9) {
restartGame()
@easierbycode
easierbycode / vertical-centering-transform.css
Created June 19, 2021 23:53
vertical centering (transform)
.three{
height: 33vh;
}
.three p{
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script id="jsbin-javascript">
Width Height Standard Divisible by 8
16 9
32 18
48 27
64 36
80 45
96 54
112 63
128 72 Yes
144 81
@easierbycode
easierbycode / bangers.css
Created July 7, 2020 23:15
'Bangers' Google font in base64
@font-face {
font-family: 'Bangers';
font-style: normal;
font-weight: normal;
font-display: swap;
/* src: local('Bangers Regular'), local('Bangers-Regular'), url(https://fonts.gstatic.com/s/bangers/v12/FeVQS0BTqb0h60ACH55Q2A.woff2) format('woff2');
src: url('data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAFNQABIAAAAAv1gAAFLmAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGiobtyochDAGYACDYghqCZoWEQgKgocYgeN6C4NcAAE2AiQDhxgEIAWFbgeGJQyBGBugqjV4k1MrtwNzv6B+5lEIbBxAiLAnPQrJJme77P8/J7kYw4AanGpWbf8b2ZyKNFqooxB0V1GGOZi90Fts1IFChexgyXND0UV3WVrasH6E0eR1LHg+qLKy1Z0Ie4fbYtDzrmvQZ/vy9pNONvd91t9CRAxz2Gwd5b3/2XwI0xRGs/q2vMbv+97BL9Iw/GOjl3EhGGIGwTTNd6vjYWPKhaFvXgS400PK0NOHp1Pf/3e5XFgqc6F0Urp0lZTUM9IOdgcrg5gBWpv/fNVdfzT8Q//zDxL1kcTzPpECT0qURDpAaBUJAxvdsNjEWlgb5qJklTIX6XS6ds76V/f+zM7ulYAXJeEUk2Q54IbDTxgnPu5y6YMTZfFKE1Vj9Z/VPQvx1GeQJDwhKcDwpL4isghCoyInrofWLGcWQktDy5BN+JPNHc8DgXoFlRWmFa5K3rGXbf9/8P7+vzr77n2SHAYnGXIcUGgA0PMJtMQV0OmBu4r7X9WLRbXHbOXQDi278MfHz+uk71Mnre2pwpn4T3OvRtXVVchJZE3giOT8/CQqRsX0
@easierbycode
easierbycode / index.html
Last active December 13, 2019 22:19
calculate_distance_between_latlongs.html
<!doctype html>
<html lang="en">
<head>
<title>Using the scripts in web pages</title>
<meta charset="utf-8">
<script type="module">
import LatLon from 'https://cdn.jsdelivr.net/npm/geodesy@2/latlon-spherical.min.js';
document.addEventListener('DOMContentLoaded', function() {
document.querySelector('#calc-dist').onclick = function() {
calculateDistance();
@easierbycode
easierbycode / streetview.component.css
Created December 2, 2019 20:23 — forked from cmddavid/streetview.component.css
Example street view component utilizing MapsAPILoader from @agm/core package
#streetview-map {
display: none;
}
#streetview-pano {
width: 100%;
height: 100%;
}
#streetview-container {