Skip to content

Instantly share code, notes, and snippets.

View CharStiles's full-sized avatar

Char CharStiles

View GitHub Profile
var cpm = 30;
let _mouseX=0.5,_mouseY=0.5;
document.onmousemove = (e) => {
//if (e.shiftKey) {
_mouseX = e.clientX/document.body.clientWidth;
_mouseY = e.clientY/document.body.clientHeight;
//}
}
// https://strudel.cc/#CnZhciBjcG0gPSAyODsKCnN0YWNrKAoKCnNvdW5kKCJiZCE0IikKICAuYmFuaygiUm9sYW5kVFI5MDkiKQogIC5nYWluKDAuMzUpCiAgLnJvb20oMC4xNSkKLAoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCiAgCgpub3RlKGAKWzxnMkAwLjUgZzJAMC41IGcyQDAuNSBnMkAwLjU%2BIGczXQpbIGQjMkAwLjUgZCMyQDAuNSBkIzJAMC41IGQjMkAwLjUgZCMyQDAuNSBkIzJAMC41IF0KW2MyQDAuNSBjMkAwLjUgYzJAMC41IF0KW2QjMkAwLjUgZyMxQDAuNSBjMiBjMl0KYCkKICAuc2xvdyg0KQogIC5zb3VuZCgic2F3dG9vdGgiKQogIC5nYWluKDAuNSkKICAuY2xpcCgxKQogIC5ldWNsaWRSb3QoNCwxNiwyKQogIC8vIC5wb3N0Z2FpbihzaW5lLnJhbmdlKDEsMCkuc2xvdygyNCkpCiAgLy8gLm1hc2soIjwwITggMSE1MDA%2BIikKICAvLyAucGFuKDAuNjUpICAKICAuYXR0YWNrKDAuMikgICAvLyBTbG93IGF0dGFjawogIC5yZWxlYXNlKDAuMDEpIC8vIFF1aWNrIHJlbGVhc2UKICAucm9vbSgwLjkyKQosCgpzb3VuZCgifiBoaCB%2BIFtoaCBoaF0gfiBoaCB%2BIGhoIikKICAuYmFuaygiUm9sYW5kVFI5MDkiKQogIC5nYWluKDAuMDgpCiAgLmNydXNoKDUpCiwKCnNvdW5kKCJ%2BIHNkIH4gW3NkIH4gfiBzZF0iKQogIC5iYW5rKCJSb2xhbmRUUjkwOSIpCiAgLmdhaW4oIjAuMTUgMC4xNSAwLjE1IDAuMTUgMC4wOSIpCiwKCikuY3BtKGNwbSk%3D
// https://strudel.cc/?RhbCCm1yEEsr
var cpm = 28;
stack(
#ifdef GL_ES
precision highp float;
#endif
uniform float time;
uniform vec2 resolution;
uniform vec2 mouse;
uniform vec3 spectrum;
uniform sampler2D texture0;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Face Averaging</title>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/[email protected]"></script>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/[email protected]"></script>
<style>
body {
let scene, camera, renderer;
let textMeshes = [];
function init() {
// Scene setup
scene = new THREE.Scene();
camera = new THREE.PerspectiveCamera(40, window.innerWidth / window.innerHeight, 0.1, 1000);
renderer = new THREE.WebGLRenderer({ antialias: true });
renderer.setSize(window.innerWidth, window.innerHeight);
renderer.setClearColor(0x000000);
@CharStiles
CharStiles / hexHouseHouse.glsl
Created February 10, 2025 22:32
hexHouseHouse.glsl
#ifdef GL_ES
precision highp float;
#endif
uniform float time;
uniform vec2 resolution;
uniform vec2 mouse;
uniform vec3 spectrum;
uniform sampler2D texture0;
#ifdef GL_ES
precision highp float;
#endif
uniform float time;
uniform vec2 resolution;
uniform vec2 mouse;
uniform vec3 spectrum;
uniform sampler2D texture0;
#!/bin/bash
# Function to generate a random hex color
generate_random_color() {
printf "%06x\n" $((RANDOM%16777215))
}
# Set the desktop directory
desktop_dir="$HOME/Desktop"
#ifdef GL_ES
precision mediump float;
#endif
uniform vec2 u_resolution;
uniform float u_time;
uniform float u_vol;
// i copied and pasted these functions from the sticker sheet
#ifdef GL_ES
precision mediump float;
#endif
uniform vec2 u_resolution;
uniform float u_time;
uniform float u_vol;
// http://www.iquilezles.org/www/articles/palettes/palettes.htm
// to see this function graphed out go to: https://www.desmos.com/calculator/rz7abjujdj