Skip to content

Instantly share code, notes, and snippets.

@strangerintheq
strangerintheq / index.html
Created January 9, 2019 11:49
drag toys on tree
<!DOCTYPE html>
<html lang="en">
<body style="margin: 0">
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>
<style>
.text-effect {
overflow: hidden;
position: absolute;
width: 620px;
margin-left: calc(50vw - 310px);
@strangerintheq
strangerintheq / .block
Last active January 2, 2019 10:53
menger sponge
license: gpl-3.0
height: 600
scrolling: no
border: yes
@strangerintheq
strangerintheq / .block
Last active January 2, 2019 16:25
christmas tree
license: gpl-3.0
height: 600
scrolling: no
border: yes
@strangerintheq
strangerintheq / index.html
Last active January 1, 2019 23:36
Kali's fractal colored
<!doctype html>
<html>
<body>
<style>
body {
margin: 0; overflow: hidden
}
canvas {
position: absolute;
width: 100%;
@strangerintheq
strangerintheq / .block
Last active October 30, 2018 19:01
d3 // antimeridian cuttted GeoJSON // leaflet
license: gpl-3.0
height: 500
scrolling: no
border: yes
@strangerintheq
strangerintheq / .block
Last active January 1, 2019 23:36
Kali's fractal b/w
license: gpl-3.0
height: 500
scrolling: no
border: yes
@strangerintheq
strangerintheq / random-string.js
Created August 12, 2018 15:47
random string generator
module.exports = function(i) {
var rnd = '';
while (rnd.length < i) {
rnd += Math.random().toString(36).substring(2);
}
return rnd.substring(0, i);
};
@strangerintheq
strangerintheq / README.md
Last active January 24, 2022 18:34
Render full screen triangle in WebGL 2

A minimalistic method for rendering a triangle in WebGL 2 that covers the screen with no buffer inputs.

Usable for post effects or something similar to https://shadertoy.com

All vertex and texture coordinate information are generated in vertex shader from the built-in gl_VertexID variable