Skip to content

Instantly share code, notes, and snippets.

View Roy-Ermers's full-sized avatar

Roy Ermers Roy-Ermers

  • Altura.io
  • Noord brabant, Nederland
View GitHub Profile
@Roy-Ermers
Roy-Ermers / slider.js
Created November 14, 2018 13:15
a custom webcomponent slider with previews of images on various screens.
class slider extends HTMLElement {
constructor() {
super();
this.images = [];
this.attachShadow({
mode: "open"
});
// #region HTML/css
this.shadowRoot.innerHTML = /*html*/ `
<style>
@Roy-Ermers
Roy-Ermers / Color.ts
Created November 14, 2022 23:28
A generic color class with built in converters between different color formats
export default class Color {
get R() {
return Math.round(this.r);
}
get G() {
return Math.round(this.g);
}
get B() {
export default class Color {
static fromGrayscale(value: number) {
return Math.ceil(value) << 16 | Math.ceil(value) << 8 | Math.ceil(value);
}
static fromRgb(r: number, g: number, b: number) {
return r << 16 | g << 8 | b;
}
static toRgb(color: number) {