Skip to content

Commit 9c2600b

Browse files
author
CharCoding
committedSep 30, 2020
Google verification?
1 parent 979d84c commit 9c2600b

5 files changed

+36
-9
lines changed
 

‎about.html

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<title>About</title>
6+
</head>
7+
<body style="background-color: #111; color: #eee; font-family: sans-serif; font-size: 1.5em; margin: 2em 20%;">
8+
<h1>About</h1>
9+
<p>Long story short, my friend over at Columbia University had his own webpage and it looked cool, so I decided to make my own. The source can be found on <a href="https://github.com/CharCoding/CharCoding.github.io/">GitHub</a>. Everything on here is under the MIT Lisence.</p>
10+
<p>This site contains absolutely no tracking, no ads, no cookies, no cryptominers or anything like that.</p>
11+
<p>I could talk pages about myself but that would just be weird. Instead, all you need to know is that I'm a student at the U of M studying math and compsci, and somehow have a little bit of time to make side projects like this.</p>
12+
<p>My other friend at Cambridge University often collaborate with me on some projects. We're basically a bunch of nerds that code and play board games.</p>
13+
<p>Hopefully you found this place interesting. I might add stuff here from time to time but don't expect much.</p>
14+
<p>P.S. There may or may not be easter eggs scattered around my website. Look around...</p>
15+
</body>
16+
</html>

‎experiments.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<html>
33
<head>
44
<meta charset="utf-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1">
5+
<!--meta name="viewport" content="width=device-width, initial-scale=1"-->
66
<title>My Experiments</title>
77
<style type="text/css">
88
body {
@@ -244,7 +244,7 @@ <h1>Drone Duel<br><span class="prot">Prototype</span></h1>
244244
<script type="text/javascript">
245245
const elem = document.getElementsByClassName('card');
246246
for(let i = elem.length; i--;)
247-
setTimeout(() => elem[i].style.transform = 'rotateY(0deg)', i * 64);
247+
setTimeout(() => elem[i].style.transform = 'rotateY(0deg)', (i + 2) * 64);
248248
</script>
249249
</body>
250250
</html>

‎googlecdf6212602cf7992.html

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
google-site-verification: googlecdf6212602cf7992.html

‎index.html

+8-7
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
<!DOCTYPE html>
2+
<!-- Go Blue! -->
23
<html>
34
<head>
45
<meta charset="utf-8" />
@@ -37,15 +38,15 @@
3738
<canvas id="c"></canvas>
3839
<div id="menu">
3940
<h2>Hello, world!</h2>
40-
I'm <a href="#">Charly</a>, an undergraduate student in the class of 2023 studying mathematics and computer science at the<br />
41+
I'm <a href="about.html">Charly</a>, an undergraduate student in the class of 2023 studying mathematics and computer science at the<br />
4142
<a href="https://umich.edu/">University of Michigan</a>.<br />
42-
I make <a href="experiments.html">experiments</a> like this on <a href="https://github.com/CharCoding/">GitHub</a>, read <a href="https://xkcd.com/">xkcd</a>, write <a href="#">stuff</a>, and play <a href="https://minecraft.net/">Minecraft</a>.<br /><br />
43+
I make <a href="experiments.html">experiments</a> like this on <a href="https://github.com/CharCoding/">GitHub</a>, read <a href="https://xkcd.com/">xkcd</a>, write <a href="writing.html">stuff</a>, and play <a href="https://minecraft.net/">Minecraft</a>.<br /><br />
4344
<small>This animation is inspired by<br /><i><a href="https://en.wikipedia.org/wiki/The_Three-Body_Problem_(novel)">The Three-Body Problem</a></i>. It might drain your battery, but you can click on the background to pause it. <a id="zen" href="#">[Zen mode]</a></small>
4445
</div>
4546
<script type="text/javascript">'use strict';
4647
let timer, movementPause = false, focus = 7, w = window.innerWidth, h = window.innerHeight, w_2 = w / 2, h_2 = h / 2, drawWireframe = true;
4748
const t = c.getContext('2d'),
48-
G = 6.674e-11,/* Smass = 2e30, Sradius = 7e5, AU = 149597900, */TAU = Math.PI * 2,
49+
G = 6.6743e-11,/* Smass = 2e30, Sradius = 7e5, AU = 149597900, */TAU = Math.PI * 2,
4950
rand = x => () => (x = 137 * (x * (x + 1) >>> 1) + 9531382 & 16777215) / 16777216,
5051
cross = (a, b, c, d, e, f) => [b * f - c * e, c * d - a * f, a * e - b * d],
5152
//dist = (a, b) => Math.hypot(a.x - b.x, a.y - b.y, a.z - b.z),
@@ -55,12 +56,12 @@ <h2>Hello, world!</h2>
5556
GOverR3 = G / Math.hypot(dx, dy, dz) ** 3, aAccel = GOverR3 * b.mass, bAccel = GOverR3 * a.mass;
5657
a.vx += dx * aAccel; a.vy += dy * aAccel; a.vz += dz * aAccel;
5758
b.vx -= dx * bAccel; b.vy -= dy * bAccel; b.vz -= dz * bAccel;
58-
}, bodies = [], bg = [], camera = {
59+
}, bodies = [], bg = [], camera = { // Imagine building a 3D projector using trig functions and matrices...
5960
// plane equation: Ax + By + Cz = D
6061
// ang: 0, // for animation
6162
x: 2e3, y: 1e3, z: -2e3, // plane position
6263
lx: 0, ly: 0, lz: 0, // lookAt
63-
perspective: 1000, // plane equation: (lookAt - position) dot position = dist
64+
perspective: 1e3, // plane equation: (lookAt - position) dot position = dist
6465
n: new Float64Array(3),
6566
pinhole: new Float64Array(3),
6667
alpha: new Float64Array(2),
@@ -169,10 +170,10 @@ <h2>Hello, world!</h2>
169170
const r = rand(seed);
170171
const a = new Body(r() * -960, r() * 486.5, r() * 1000, r() - .5, r() - .5, r() - .5, 25, 1.96e13, '#f00');
171172
const b = new Body(r() * 960, r() * -486.5, r() * 1000, r() - .5, r() - .5, r() - .5, 25, 1.96e13, '#0f0');
172-
const c = new Body(-a.x - b.x, -a.y - b.y, -a.z - b.z, -a.vx - b.vx, -a.vy - b.vy, -a.vz - b.vz, 25, 1.96e13, '#00f');
173+
const c = new Body(-a.x - b.x, -a.y - b.y, -a.z - b.z, -a.vx - b.vx, -a.vy - b.vy, -a.vz - b.vz, 30, 2023e10, '#00274C'); // true blue
173174
const d = new Body(1400, 0, 1400, -.7, 0, .7, 6, 1, '#0ff');
174175
const e = new Body(-1400, 0, -1400, .7, .1, -.7, 6, 1, '#f0f');
175-
const f = new Body(c.x + 100, c.y + 100, c.z + 100, c.vx - 2, c.vy + 1, c.vz + 1, 6, 1, '#ff0');
176+
const f = new Body(c.x + 100, c.y + 100, c.z + 100, c.vx - 2, c.vy + 1, c.vz + 1, 6, 1, '#FFCB05'); // maize
176177
bodies.push(a, b, c, d, e, f);
177178
for(let i = 137; i--;) {
178179
const inc = r() * Math.PI, azi = r() * TAU, rs = 65536 * Math.sin(inc);

‎writing.html

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Writing</title>
5+
</head>
6+
<body>
7+
Sorry, I'm not going to let people read my writing yet. They're bad. Yes, really. No, feedback is nice but I'd rather keep those writing to myself. Thank you for understanding.
8+
</body>
9+
</html>

0 commit comments

Comments
 (0)
Please sign in to comment.