Skip to content

Instantly share code, notes, and snippets.

View easierbycode's full-sized avatar

▓▒░ ♔ Daniel ♔ ░▒▓ easierbycode

7 followers · 19 following
View GitHub Profile
@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%);
}
@easierbycode
easierbycode / index.html
Created March 23, 2021 03:05
JS Bin // source https://jsbin.com/xeneqif
<!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">
@easierbycode
easierbycode / game_resolutions.txt
Created September 15, 2020 18:36
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 {
@easierbycode
easierbycode / gmap.html
Last active November 9, 2019 10:46
Gmap replay
<html>
<head>
<title>
</title>
<link rel="stylesheet" href="style.css">
<script>
var data = [{"start":"2012-10-05T20:46:53Z","end":"2012-10-05T21:38:35Z","distance":58.7368,"name_tag":0,"path":[{"lat":35.5329271,"lng":-108.7586143,"event_type":"ignition_on","time":"2012-10-05T20:46:53Z"},{"lat":35.5328553,"lng":-108.7585511,"event_type":"heartbeat","time":"2012-10-05T20:48:52Z"},{"lat":35.532846,"lng":-108.7587513,"event_type":"heartbeat","time":"2012-10-05T20:50:20Z"},{"lat":35.532846,"lng":-108.7587513,"event_type":"heartbeat","time":"2012-10-05T20:50:20Z"},{"lat":35.5322871,"lng":-108.758573,"event_type":"heartbeat","time":"2012-10-05T20:50:51Z"},{"lat":35.5322871,"lng":-108.758573,"event_type":"heartbeat","time":"2012-10-05T20:50:51Z"},{"lat":35.5325606,"lng":-108.7591033,"event_type":"heartbeat","time":"2012-10-05T20:51:22Z"},{"lat":35.5325606,"lng":-108.7591033,"event_type":"heartbeat","time":"2012-10-05T20:51:22Z"},{"lat":35.5327385,"lng":-108.7592921,"event_type":"heartbeat","time":"2012-10-05T20:5
@easierbycode
easierbycode / index.html
Created July 26, 2019 11:35
Ionic 4 + Vue.js + IonPhaser
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script type="module" src="https://unpkg.com/@ion-phaser/core@1.1.0/dist/ionphaser/ionphaser.esm.js"></script>
<script nomodule="" src="https://unpkg.com/@ion-phaser/core@1.1.0/dist/ionphaser/ionphaser.js"></script>
</head>