Skip to content

Instantly share code, notes, and snippets.

View harunpehlivan's full-sized avatar
🏠

HARUN PEHLİVAN harunpehlivan

🏠
50 followers · 514 following
View GitHub Profile
@harunpehlivan
harunpehlivan / index.html
Created May 30, 2021 13:38
Travelling Salesman Sketches: Point-out Proximal Checker
<div>
<select id="scale"></select>
<select id="start"></select>
</div>
<canvas height="800" width="800"></canvas>
@harunpehlivan
harunpehlivan / index.html
Created May 30, 2021 13:37
Travelling Salesman Sketches: Point-out Proximal Checker Alt-look
<div>
<select id="scale"></select>
<select id="start"></select>
</div>
<canvas height="800" width="800"></canvas>
@harunpehlivan
harunpehlivan / index.html
Created May 30, 2021 13:36
Travelling Salesman Sketches: Path Connector
<header>
<input type="range" min="3" max="200" step="1" value="12">
</header>
<div>
<canvas id="cvs1" height="800" width="800"></canvas>
<canvas id="cvs2" height="800" width="800"></canvas>
</div>
@harunpehlivan
harunpehlivan / index.html
Created May 30, 2021 13:34
Travelling Salesman Sketches: Max Distance
<header>
<input type="range" min="3" max="9" step="1" value="5">
</header>
<div>
<canvas id="cvs1" height="800" width="800"></canvas>
<canvas id="cvs2" height="800" width="800"></canvas>
</div>
<footer>
<ul>
<li>Calculated "Max" Distance <span id="max"></span></li>
@harunpehlivan
harunpehlivan / index.html
Created May 30, 2021 13:34
Travelling Salesman Sketches: Radial Position
<header>
<input type="range" min="3" max="1000" step="1" value="50">
</header>
<div>
<canvas id="cvs1" height="800" width="800"></canvas>
<canvas id="cvs2" height="800" width="800"></canvas>
</div>
@harunpehlivan
harunpehlivan / index.html
Created May 30, 2021 13:33
Travelling Salesman Sketches: Drawing Permutations
<header>
<input type="range" list="numbers" value="5">
<datalist id="numbers">
<option>3</option>
<option>5</option>
<option>10</option>
<option>25</option>
<option>50</option>
<option>100</option>
</datalist>
@harunpehlivan
harunpehlivan / index.html
Created May 30, 2021 13:32
Travelling Salesman Sketches: BinaryTree
<div>
<h1>No Sort</h1>
<ul></ul>
</div>
<div>
<h1>By X</h1>
<ul></ul>
</div>
<div>
<h1>By Y</h1>
@harunpehlivan
harunpehlivan / index.html
Created May 30, 2021 13:31
Travelling Salesman Sketches: Radial Search
<div>
<canvas id="cvs1" height="800" width="800"></canvas>
<canvas id="cvs2" height="800" width="800"></canvas>
</div>
@harunpehlivan
harunpehlivan / index.html
Created May 30, 2021 13:30
Pursuit of PI
<section>
<div class="progress">0</div>
<div class="canvas">
<canvas class="overlay"></canvas>
<a class="author" href="https://twitter.com/jake_albaugh" target="blank">@jake_albaugh</a>
<a class="restart" href="#">Restart</a>
</div>
<div class="abilities"></div>
</section>
<div class="intro">
@harunpehlivan
harunpehlivan / script.babel
Created May 30, 2021 13:28
Travelling Salesman Sketches: Illustrator 3d
console.clear();
const COLORS = [
'hsl(4, 90%, 58%)', 'hsl(291, 64%, 42%)', 'hsl(207, 90%, 54%)',
'hsl(122, 39%, 49%)', 'hsl(54, 100%, 62%)', 'hsl(36, 100%, 50%)',
'hsl(16, 25%, 38%)'
];
const PI = Math.PI;