Skip to content

Instantly share code, notes, and snippets.

View modster's full-sized avatar
🧠

EM Greeff modster

🧠
View GitHub Profile
{
"paddingVertical": "56px",
"paddingHorizontal": "56px",
"backgroundImage": null,
"backgroundImageSelection": null,
"backgroundMode": "color",
"backgroundColor": "rgba(171, 184, 195, 1)",
"dropShadow": true,
"dropShadowOffsetY": "20px",
"dropShadowBlurRadius": "68px",
@modster
modster / fragment.glsl
Created May 30, 2022 04:26
GLSL/JavaScript Template Literal Shader Program
"use strict";
var vs = `#version 300 es
in vec2 a_position;
uniform mat3 u_matrix;
void main() {
// Multiply the position by the matrix.
gl_Position = vec4((u_matrix * vec3(a_position, 1)).xy, 0, 1);
@modster
modster / deploy.sh
Created May 30, 2022 00:17 — forked from vlucas/deploy.sh
Deploy a Static Site to Github Pages
#!/bin/bash
GIT_REPO_URL=$(git config --get remote.origin.url)
mkdir .deploy
cp -R ./* .deploy
cd .deploy
git init .
git remote add github $GIT_REPO_URL
git checkout -b gh-pages
git add .
@modster
modster / webgl-screenshot.glsl
Last active May 12, 2022 04:00
webgl-tips-screenshot-good
<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-js -->
// WebGL2 Tips - Good Screenshot
// from https://webgl2fundamentals.org/webgl/webgl-tips-screenshot-good.html
"use strict";
@modster
modster / fragment.glsl
Created May 12, 2022 03:09
Audio Visualizer Shader
#ifdef GL_ES
precision mediump float;
#endif
uniform vec2 u_resolution;
uniform float u_time;
// main is a reserved function that is going to be called first
void main(void)
{
@modster
modster / keybase.md
Created April 8, 2022 05:31
Keybase

Keybase proof

I hereby claim:

  • I am modster on github.
  • I am greeffer (https://keybase.io/greeffer) on keybase.
  • I have a public key ASDzn_aLmblscyUfAYNr-wPHoTiHtxSAXaMFcoa2XmaGJAo

To claim this, I am signing this object:

@modster
modster / glsl.json
Created March 26, 2022 16:08 — forked from lewislepton/glsl.json
GLSL snippets for visual studio code/kode studio
/*
AUTO-COMPLETE SNIPPETS FOR GLSL WITHIN VISUAL CODE STUDIO
Lewis Lepton
https://lewislepton.com
useful places that i grabbed info from
http://www.shaderific.com/glsl
https://www.khronos.org/opengl/wiki/OpenGL_Shading_Language
plus various other papers & books
*/
@modster
modster / index.html
Created March 21, 2022 19:31
Light / Dark Mode Toggle Switch
<div class="container">
<h1>Light / Dark Mode</h1>
<div class="toggle-container">
<input type="checkbox" id="switch" name="theme" /><label for="switch">Toggle</label>
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos ducimus repellendus dolorem eum consequatur id exercitationem nesciunt, inventore modi perferendis impedit esse, tempora officia, ipsam quae libero. Nostrum, alias dignissimos.</p>
</div>
@modster
modster / mermaid.md
Last active March 16, 2022 03:07
Mermaid Markdown Diagrams

Mermaid Markdown Diagrams

Embed via link from live editor

@modster
modster / skeleton.html
Last active March 6, 2022 10:17
canvas
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Canvas tutorial</title>
<script>
function draw() {
var canvas = document.getElementById('tutorial');
if (canvas.getContext) {
var ctx = canvas.getContext('2d');