Skip to content

Commit 5e62b76

Browse files
beeezalbeeezal
committed
deploy: 2922a31 
1 parent 42c8a7d commit 5e62b76

File tree

9 files changed

+567
-23
lines changed

9 files changed

+567
-23
lines changed

‎abstract/index.html‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Abstract</title>
6+
<link rel="stylesheet" href="/Honours-website-project/assets/cssStyle/style.css">
7+
<link href="https://fonts.googleapis.com/css?family=Inter:400,700&display=swap" rel="stylesheet">
8+
</head>
9+
<body>
10+
<main>
11+
<section class="meta-centered">
12+
<h1>Abstract</h1>
13+
<p>This paper aims at exploring techniques and ideas used in simulating motion phenomena found in nature, by breaking down such phenomena into various components as motivated by [Schiffman 24] in his book <em>Nature of Code</em>. The focus is majorly on the components - motion, randomness and autonomy. The paper also attempts to introduce coding paradigms and methods by using a simplified and easy-to-use programming language - <em>p5.js</em> as we move along in our explorations.</p>
14+
15+
</section>
16+
</main>
17+
</body>
18+
</html>

‎acknowledgements/index.html‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Acknowledgements</title>
6+
<link rel="stylesheet" href="/Honours-website-project/assets/cssStyle/style.css">
7+
<link href="https://fonts.googleapis.com/css?family=Inter:400,700&display=swap" rel="stylesheet">
8+
</head>
9+
<body>
10+
<main>
11+
<section class="meta-centered">
12+
<h1>Acknowledgements</h1>
13+
<p>First and formost I would like to thank the Lord for giving me all the wonderful people who were there for me at some point or the other throughout this entire journey.</p>
14+
<p>To name a few who I can remember right now. Appa and Amma, I would not be where I am without you both. Thank you for your constant support regardless in what state I was. It was your encouragement that got me through this.</p>
15+
<p>Varsha, Anu and Viha, college life would not mean what it means without you guys. I am also grateful to all my close friends who were there to give me that one little push when I needed it the most. You have no idea how much that helped me. I love every single one of you.</p>
16+
<p>I would also take this oppurtunity to thank Michelle and Ainrudh, who both without second thought, extended their help in converting my thesis from a PDF to a website, even when the request was pretty last minute.</p>
17+
<p>Last but not the least, I would like to thank all the math faculty, and most definitely my mentor Dr. Shailaja Sharma for providing me with the oppurtinity to pursue such a non-traditional topic, that I would have never thought possible in my Math degree. A heartfelt thanks to all of you for giving me the space that I needed; providing me with guidance; and never failing to check up on me.</p>
18+
<p>Actually one more thanks I would like to give: it is to you the reader. Thank you for taking the time to read this project of mine (no matter how you came upon it)</p>
19+
20+
</section>
21+
</main>
22+
</body>
23+
</html>

‎appendix/index.html‎

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title> Appendix: How to run p5 sketches </title>
7+
8+
9+
<link rel="stylesheet" type="text/css" href="/Honours-website-project/assets/cssStyle/generic.css">
10+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css">
11+
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js" defer=""></script>
12+
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-javascript.min.js" defer=""></script>
13+
14+
15+
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.7.0/p5.min.js"></script>
16+
</head>
17+
18+
<body>
19+
20+
<h1>Appendix: How to run p5 sketches</h1>
21+
<p>All methods mentioned, assume the reader knows how to copy and read code from a GitHub repository. Step 1 for all methods is keeping the desired sketch open in GitHub.</p>
22+
<h3>1. Using the interactive p5 web environment:</h3>
23+
<ol>
24+
<li>Open the web editor: <a href="https://editor.p5js.org/">p5.js Web Editor</a></li>
25+
<li>Copy the code just from the main source-code, i.e., sketch.js</li>
26+
<li>Paste it into the web editor (and save - Ctrl+S works, to avoid losing it from your editor)</li>
27+
<li>Click on the Play icon to run the simulation - shown beside the editor (named <em>Preview</em>)</li>
28+
</ol>
29+
<p>NOTE: For some sketches (in ch:4,5) I will refer to global files in the repo directory. Check the accompanying index.html (in the same directory as the sketch) to ensure that all the files used are imported to the web editor. And referenced in the index.html file with the correct relative path</p>
30+
<h3>2. Locally using VSCode IDE (Preferred method by me):</h3>
31+
<ol>
32+
<li>Clone the entire repository into your local computer (<a href="https://code.visualstudio.com/docs/sourcecontrol/intro-to-git#_clone-a-repository-locally">How to do that?</a>) - you would also need to have <a href="https://code.visualstudio.com/docs/setup/windows#_install-vs-code-on-windows">VSCode</a> and the <a href="https://git-scm.com/downloads/win">Git</a> installed locally or just the folder containing the sketch you would like to run (in that case you do not need Git)</li>
33+
<li>Install the <a href="https://marketplace.visualstudio.com/items?itemName=samplavigne.p5-vscode">P5 Server</a> extension in VSCode, this also auto-installs the <em>Live Server</em> extension - which enables the user to host a local server in just one click.</li>
34+
<li>Right-click onto the corresponding index.html file and click <em>Open with Live Server</em> option - this should automatically open a tab in your browser, which will run the simulation of the code</li>
35+
<li>Again be careful that all the .js files referenced in sketch.js are available locally on the computer, with the same directory.</li>
36+
</ol>
37+
<h3>3. Locally through other means:</h3>
38+
<ol>
39+
<li>
40+
<p>Technically all the written codes should run on any JS runtime environment, which can also locally host a web server. Since all the code only does the following:</p>
41+
<ol>
42+
<li>Open a html file (index.html) with all the required libraries, stylesheet and most importantly our sketch.js within a &lt;script&gt; tag to run the code</li>
43+
<li>While running the code, with the help of the p5 library, it notices that the code is supposed to run on the Canvas element defined using createCanvas( width and height ). And places this element at the origin of the &lt;div&gt; element it is in (usually just the screen)</li>
44+
</ol>
45+
</li>
46+
<li>
47+
<p>Therefore one could also manipulate the Canvas element to reposition, resize it, by naming it and accessing it within the html, and the p5.js file as <a href="https://mzza.xyz/p5-pause-and-reset/">shown here</a></p>
48+
</li>
49+
<li>
50+
<p>But, the exact methods for running the sketch files will differ according to the JS runtime chosen. So instructions will vary.</p>
51+
</li>
52+
</ol>
53+
54+
55+
</body>
56+
</html>

‎bibliography/index.html‎

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title> Bibliography </title>
7+
8+
9+
<link rel="stylesheet" type="text/css" href="/Honours-website-project/assets/cssStyle/generic.css">
10+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css">
11+
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js" defer=""></script>
12+
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-javascript.min.js" defer=""></script>
13+
14+
15+
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.7.0/p5.min.js"></script>
16+
</head>
17+
18+
<body>
19+
20+
<h1>Bibliography</h1>
21+
<h3>Primary Resources:</h3>
22+
<p>[Schiffman 24] Shiffman, Daniel. The Nature of Code. No Starch Press, 2024.</p>
23+
<p>[Reynolds 99] Reynolds, C. W .Steering Behaviors For Autonomous Characters,Game Developers Conference, Pages 763-782, 1999.</p>
24+
<p>[Perlin 02] Perlin, Ken. ‘Improving Noise’. <em>ACM Transactions on Graphics</em>, vol. 21, no. 3, July 2002, pp. 681–82., <a href="https://doi.org/10.1145/566654.566636">https://doi.org/10.1145/566654.566636</a>.</p>
25+
<h3>Secondary Resources:</h3>
26+
<p>[ Franklin 97 ] Franklin, et. al. “Is It an Agent, or Just a Program?: A Taxonomy for Autonomous Agents.” Lecture Notes in Computer Science, Springer Berlin Heidelberg, pp. 21–35, 1997.</p>
27+
<p>[ Brooks 91 ] Rodney A. Brooks. 1991. Intelligence Without Reason. Technical Report. Massachusetts Institute of Technology, USA.</p>
28+
<p>[ NCT 22 ] K. Nagarajan, C. Ni, and T. Lu, ‘Agent-Based Modeling of Microbial Communities’, ACS Synth. Biol., vol. 11, no. 11, pp. 3564–3574, Nov. 2022, doi: 10.1021/acssynbio.2c00411.</p>
29+
<p>[ GTAT*12 ] T. E. Gorochowski et al., ‘BSim: An Agent-Based Tool for Modeling Bacterial Populations in Systems and Synthetic Biology’, PLoS ONE, vol. 7, no. 8, p. e42790, Aug. 2012, doi: 10.1371/journal.pone.0042790.</p>
30+
<p>[ Perlin 85 ] Perlin, K. 1985. An image synthesizer. ACM SIGGRAPH Computer Graphics 19, 3, 287–296.</p>
31+
<p>[ LSRD*10 ] Lagae, A., Lefebvre, S., Cook, R., et al. 2010. A Survey of Procedural Noise Functions. Computer Graphics Forum 29, 8, 2579–2600.</p>
32+
<p>[ Perlin 94 ] Perlin, K. 1994. Noise, Hypertexture, Antialiasing, and Gesture. In: Texturing and Modeling. Elsevier, 193–247.</p>
33+
<p>[ Perlin 99 ] Perlin, K. NoiseMachine. Perlin Noise. <a href="https://web.archive.org/web/20111204233622/http://www.noisemachine.com/talk1/15.html">https://web.archive.org/web/20111204233622/http://www.noisemachine.com/talk1/15.html</a>.</p>
34+
<p>[ RVNL 23 ] Regis, V., Velasco, V., Neto, M.B.S., and Lewenkopf, C. 2023. Structure-driven phase transitions in paracrystalline topological insulators.</p>
35+
<p>[ CCL 18 ] Coutino, M., Chepuri, S.P., and Leus, G. 2018. Subset Selection for Kernel-Based Signal Reconstruction. 2018 IEEE International Conference on Acoustics, Speech and Signal Processing (ICASSP), IEEE, 4014–4018.</p>
36+
<p>[ Bia 14 ] Biagioli, A. Understanding Perlin Noise. <a href="https://adrianb.io/2014/08/09/perlinnoise.html">https://adrianb.io/2014/08/09/perlinnoise.html</a>.</p>
37+
<p>[ Gustavson 05 ] Gustavson, S. 2005. Simplex Noise Demystified. Linköping University, 23 March 2005.</p>
38+
<h3>Documentation and external website simulations</h3>
39+
<ol>
40+
<li>
41+
<p>GitHub repository containing the codes of this project:<br>
42+
<a href="https://github.com/beeezal/Honours-project-codes">https://github.com/beeezal/Honours-project-codes</a></p>
43+
</li>
44+
<li>
45+
<p>Reference manuals:</p>
46+
<ul>
47+
<li>p5.js: <a href="https://p5js.org/reference/">https://p5js.org/reference/</a></li>
48+
<li>VSCode: <a href="https://code.visualstudio.com/docs">https://code.visualstudio.com/docs</a></li>
49+
<li>Git: <a href="https://git-scm.com/docs/git">https://git-scm.com/docs/git</a></li>
50+
</ul>
51+
</li>
52+
<li>
53+
<p>Perlin noise implementation in native js - found in <a href="">Chapter 3</a>:</p>
54+
</li>
55+
<li>
56+
<p>Self-written code in a p5 based platform (<em>OpenProcessing</em>):<br>
57+
<a href="https://openprocessing.org/sketch/2310776">https://openprocessing.org/sketch/2310776</a></p>
58+
</li>
59+
<li>
60+
<p>Template for creating pause and play buttons for p5 sketches: <a href="https://mzza.xyz/p5-pause-and-reset/">https://mzza.xyz/p5-pause-and-reset/</a></p>
61+
</li>
62+
</ol>
63+
64+
65+
</body>
66+
</html>

0 commit comments

Comments
 (0)