Skip to content

Instantly share code, notes, and snippets.

@CaterpyOwO
CaterpyOwO / cube.js
Created November 1, 2020 19:19
A rotating 3d cube in JavaScript
{let e=document,t=e.createElement("canvas"),
n=t.getContext("2d"),i={},h=[[-1,-1,-1],[1,-
1,-1],[1,1,-1],[-1,1,-1],[-1,-1,1],[1,-1,1],
[1,1,1],[-1,1,1]],o=[0,1,1,2,2,3,3,0,4,5,5,6
,6,7,7,4,0,4,1,5,2,6,3,7],r=(e,t=0)=>{let[n,
i]=e,h=Math.sin(t),o=Math.cos(t);return[n*o-
i*h,i*o+n*h]},a=e=>{let n,[h,o,a]=e;return[h
,a]=r([h,a],i.y),[o,a]=r([o,a],i.x),a-=-5,[h
,a]=r([h,a]),[o,a]=r([o,a]),h*=n=/*made by*/
600/Math.max(0,a),o*=n,[t.width/2+h,t.height
@CaterpyOwO
CaterpyOwO / index.html
Created October 28, 2020 20:06
WebGL Ray Marching
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RayMarching</title>
<script src="./twgl.min.js"></script>
<script src="./shaders.js"></script>