-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
72 lines (62 loc) · 3.82 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html>
<head>
<title>
🚀 Simulations - Igor Zamojski
</title>
<base target="_blank">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="main">
<div class="card">
<div id="topbar">
<img class="avatar" title="Hiiii!!! Protogen programming :3" src="https://avatars.githubusercontent.com/u/60982022?v=4">
<div class="leftpad">
<p class="title">Pilleow Simulations</p>
<p class="subtitle">This page has all the links and descriptions of my simulations located in my
<a href="https://github.com/Pilleow/simulations">simulations</a> repository. <br /><br />If you'd like to make your own simulations, I recommend the channel <a href="https://www.youtube.com/@TenMinutePhysics/about">Ten Minute Physics</a>,
where you will find very interesting and digestible tutorials on various 2D and 3D simulations.</p>
</div>
</div>
</div>
<div class="alert alert-primary vertical-margin server-message" role="alert">
<tt>MESSAGE FROM SERVER: Have a nice day and a good cup of coffee!</tt>
</div>
<div class="flexList">
<!-- Euler Fire Simulation -->
<div class="card" style="width: 18rem;">
<div class="card-body">
<h5 class="card-title">Symplectic Euler<br />Fire Simulation</h5>
<p class="card-text">Inspired by <a href="https://youtu.be/xKEFlg_JMmU?si=ggpCMQ43Gt5PR9zp">this</a> video. The bottom of the screen heats up the particles. When a particle gets hot, its radius increases, its hexadecimal color value increases, and an upward
force is applied relative to the temperature. Heat can be transferred between particles upon collision.</p>
</div>
<div class="space-between" style="margin: 1em; margin-top: 0;">
<a target="_blank" href="https://pilleow.github.io/simulations/fire_euler" class="btn btn-primary">Play demo</a>
<a target="_blank" href="https://github.com/Pilleow/simulations/blob/master/fire_euler.html" class="btn btn-secondary">
View code</a>
</div>
</div>
<!-- Ants Machine Learning -->
<div class="card" style="width: 18rem;">
<div class="card-body">
<h5 class="card-title">Machine Learning<br />Evolving Ants</h5>
<p class="card-text">Inspired by <a href="https://www.youtube.com/watch?v=N3tRFayqVtk">this</a> video. Each ant has a genome and a neural net brain. Their genome is a set of instructions on how to connect nodes in the brain. An ant survives if it ends
up within the green "leaf" rectangle. Over generations, genomes of surviving ants get passed onto children, with a 1 in 10 000 chance of a mutation.</p>
</div>
<div class="space-between" style="margin: 1em; margin-top: 0;">
<a target="_blank" href="https://pilleow.github.io/simulations/ants_ml" class="btn btn-primary">Play demo</a>
<a target="_blank" href="https://github.com/Pilleow/simulations/blob/master/ants_ml.html" class="btn btn-secondary">
View code</a>
</div>
</div>
</div>
</div>
<footer>
<div class="alert alert-dark footer-alert" role="alert">
Copyright (c) 2023 Igor Zamojski
</div>
</footer>
</body>
</html>