ben.burlingham
/
pixel-palettes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Trivial copy updates.

Browse Source
master
ben-burlingham 10 years ago
parent f565821130
commit 26fa664ced
2 changed files with 75 additions and 77 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      css/style.css
  2. 150
      index.html

2
css/style.css
Unescape View File

@ -7,7 +7,9 @@
.results-matrix {
font-size:0;
margin:0 auto;
text-align:center;
width:700px;
}
.results-matrix img {

150
index.html
Unescape View File

@ -26,11 +26,7 @@ Your task is to create an algorithm that makes the most accurate looking copy of
</p>
<p>
<a href="http://codegolf.stackexchange.com/questions/33172/american-gothic-in-the-palette-of-mona-lisa-rearrange-the-pixels/35960#35960">My solution</a> is not everything I wished, but it was a fun exercise.
</p>
<p>
The code basically takes a random pixel and uses a binary search to find a match in the target palette, weighted for the red component. Here are the results for that approach.
I developed a <a href="http://codegolf.stackexchange.com/questions/33172/american-gothic-in-the-palette-of-mona-lisa-rearrange-the-pixels/35960#35960">solution</a> that takes a random pixel and uses a binary search to find a match in the target palette, weighted for the red component. Here are the results for that approach.
</p>
<h2>Results</h2>
@ -40,118 +36,118 @@ The code basically takes a random pixel and uses a binary search to find a match
</p>
<div class='results-matrix'>
<a href='/pixel-palettes/img/gothic.png' target='_new'>
<img src="/pixel-palettes/img/gothic.png" alt="Gothic original">
<a href='img/gothic.png' target='_new'>
<img src="img/gothic.png" alt="Gothic original">
</a>
<a href='/pixel-palettes/img/gothic-mona.png' target='_new'>
<img src="/pixel-palettes/img/gothic-mona.png" alt="Gothic -> Mona Lisa">
<a href='img/gothic-mona.png' target='_new'>
<img src="img/gothic-mona.png" alt="Gothic -> Mona Lisa">
</a>
<a href='/pixel-palettes/img/gothic-scream.png' target='_new'>
<img src="/pixel-palettes/img/gothic-scream.png" alt="Gothic -> Scream">
<a href='img/gothic-scream.png' target='_new'>
<img src="img/gothic-scream.png" alt="Gothic -> Scream">
</a>
<a href='/pixel-palettes/img/gothic-spheres.png' target='_new'>
<img src="/pixel-palettes/img/gothic-spheres.png" alt="Gothic -> Spheres">
<a href='img/gothic-spheres.png' target='_new'>
<img src="img/gothic-spheres.png" alt="Gothic -> Spheres">
</a>
<a href='/pixel-palettes/img/gothic-starry.png' target='_new'>
<img src="/pixel-palettes/img/gothic-starry.png" alt="Gothic -> Starry Night">
<a href='img/gothic-starry.png' target='_new'>
<img src="img/gothic-starry.png" alt="Gothic -> Starry Night">
</a>
<a href='/pixel-palettes/img/gothic-stream.png' target='_new'>
<img src="/pixel-palettes/img/gothic-stream.png" alt="Gothic -> Stream">
<a href='img/gothic-stream.png' target='_new'>
<img src="img/gothic-stream.png" alt="Gothic -> Stream">
</a>
<a href='/pixel-palettes/img/mona-gothic.png' target='_new'>
<img src="/pixel-palettes/img/mona-gothic.png" alt="Mona -> Gothic">
<a href='img/mona-gothic.png' target='_new'>
<img src="img/mona-gothic.png" alt="Mona -> Gothic">
</a>
<a href='/pixel-palettes/img/mona.png' target='_new'>
<img src="/pixel-palettes/img/mona.png" alt="Mona Lisa original">
<a href='img/mona.png' target='_new'>
<img src="img/mona.png" alt="Mona Lisa original">
</a>
<a href='/pixel-palettes/img/mona-scream.png' target='_new'>
<img src="/pixel-palettes/img/mona-scream.png" alt="Mona -> Scream">
<a href='img/mona-scream.png' target='_new'>
<img src="img/mona-scream.png" alt="Mona -> Scream">
</a>
<a href='/pixel-palettes/img/mona-spheres.png' target='_new'>
<img src="/pixel-palettes/img/mona-spheres.png" alt="Mona -> Spheres">
<a href='img/mona-spheres.png' target='_new'>
<img src="img/mona-spheres.png" alt="Mona -> Spheres">
</a>
<a href='/pixel-palettes/img/mona-starry.png' target='_new'>
<img src="/pixel-palettes/img/mona-starry.png" alt="Mona -> Starry Night">
<a href='img/mona-starry.png' target='_new'>
<img src="img/mona-starry.png" alt="Mona -> Starry Night">
</a>
<a href='/pixel-palettes/img/mona-stream.png' target='_new'>
<img src="/pixel-palettes/img/mona-stream.png" alt="Mona -> Stream">
<a href='img/mona-stream.png' target='_new'>
<img src="img/mona-stream.png" alt="Mona -> Stream">
</a>
<a href='/pixel-palettes/img/scream-gothic.png' target='_new'>
<img src="/pixel-palettes/img/scream-gothic.png" alt="Scream -> Gothic">
<a href='img/scream-gothic.png' target='_new'>
<img src="img/scream-gothic.png" alt="Scream -> Gothic">
</a>
<a href='/pixel-palettes/img/scream-mona.png' target='_new'>
<img src="/pixel-palettes/img/scream-mona.png" alt="Scream -> Mona Lisa">
<a href='img/scream-mona.png' target='_new'>
<img src="img/scream-mona.png" alt="Scream -> Mona Lisa">
</a>
<a href='/pixel-palettes/img/scream.png' target='_new'>
<img src="/pixel-palettes/img/scream.png" alt="Scream original">
<a href='img/scream.png' target='_new'>
<img src="img/scream.png" alt="Scream original">
</a>
<a href='/pixel-palettes/img/scream-spheres.png' target='_new'>
<img src="/pixel-palettes/img/scream-spheres.png" alt="Scream -> Spheres">
<a href='img/scream-spheres.png' target='_new'>
<img src="img/scream-spheres.png" alt="Scream -> Spheres">
</a>
<a href='/pixel-palettes/img/scream-starry.png' target='_new'>
<img src="/pixel-palettes/img/scream-starry.png" alt="Scream -> Starry Night">
<a href='img/scream-starry.png' target='_new'>
<img src="img/scream-starry.png" alt="Scream -> Starry Night">
</a>
<a href='/pixel-palettes/img/scream-stream.png' target='_new'>
<img src="/pixel-palettes/img/scream-stream.png" alt="Scream -> Stream">
<a href='img/scream-stream.png' target='_new'>
<img src="img/scream-stream.png" alt="Scream -> Stream">
</a>
<a href='/pixel-palettes/img/spheres-gothic.png' target='_new'>
<img src="/pixel-palettes/img/spheres-gothic.png" alt="Spheres -> Gothic">
<a href='img/spheres-gothic.png' target='_new'>
<img src="img/spheres-gothic.png" alt="Spheres -> Gothic">
</a>
<a href='/pixel-palettes/img/spheres-mona.png' target='_new'>
<img src="/pixel-palettes/img/spheres-mona.png" alt="Spheres -> Mona Lisa">
<a href='img/spheres-mona.png' target='_new'>
<img src="img/spheres-mona.png" alt="Spheres -> Mona Lisa">
</a>
<a href='/pixel-palettes/img/spheres-scream.png' target='_new'>
<img src="/pixel-palettes/img/spheres-scream.png" alt="Spheres -> Scream">
<a href='img/spheres-scream.png' target='_new'>
<img src="img/spheres-scream.png" alt="Spheres -> Scream">
</a>
<a href='/pixel-palettes/img/spheres.png' target='_new'>
<img src="/pixel-palettes/img/spheres.png" alt="Spheres original">
<a href='img/spheres.png' target='_new'>
<img src="img/spheres.png" alt="Spheres original">
</a>
<a href='/pixel-palettes/img/spheres-starry.png' target='_new'>
<img src="/pixel-palettes/img/spheres-starry.png" alt="Spheres -> Starry Night">
<a href='img/spheres-starry.png' target='_new'>
<img src="img/spheres-starry.png" alt="Spheres -> Starry Night">
</a>
<a href='/pixel-palettes/img/spheres-stream.png' target='_new'>
<img src="/pixel-palettes/img/spheres-stream.png" alt="Spheres -> Stream">
<a href='img/spheres-stream.png' target='_new'>
<img src="img/spheres-stream.png" alt="Spheres -> Stream">
</a>
<a href='/pixel-palettes/img/starry-gothic.png' target='_new'>
<img src="/pixel-palettes/img/starry-gothic.png" alt="Starry -> Gothic">
<a href='img/starry-gothic.png' target='_new'>
<img src="img/starry-gothic.png" alt="Starry -> Gothic">
</a>
<a href='/pixel-palettes/img/starry-mona.png' target='_new'>
<img src="/pixel-palettes/img/starry-mona.png" alt="Starry -> Mona Lisa">
<a href='img/starry-mona.png' target='_new'>
<img src="img/starry-mona.png" alt="Starry -> Mona Lisa">
</a>
<a href='/pixel-palettes/img/starry-scream.png' target='_new'>
<img src="/pixel-palettes/img/starry-scream.png" alt="Starry -> Scream">
<a href='img/starry-scream.png' target='_new'>
<img src="img/starry-scream.png" alt="Starry -> Scream">
</a>
<a href='/pixel-palettes/img/starry-spheres.png' target='_new'>
<img src="/pixel-palettes/img/starry-spheres.png" alt="Starry -> Spheres">
<a href='img/starry-spheres.png' target='_new'>
<img src="img/starry-spheres.png" alt="Starry -> Spheres">
</a>
<a href='/pixel-palettes/img/starry.png' target='_new'>
<img src="/pixel-palettes/img/starry.png" alt="Starry Night original">
<a href='img/starry.png' target='_new'>
<img src="img/starry.png" alt="Starry Night original">
</a>
<a href='/pixel-palettes/img/starry-stream.png' target='_new'>
<img src="/pixel-palettes/img/starry-stream.png" alt="Starry -> Stream">
<a href='img/starry-stream.png' target='_new'>
<img src="img/starry-stream.png" alt="Starry -> Stream">
</a>
<a href='/pixel-palettes/img/stream-gothic.png' target='_new'>
<img src="/pixel-palettes/img/stream-gothic.png" alt="Stream -> Gothic">
<a href='img/stream-gothic.png' target='_new'>
<img src="img/stream-gothic.png" alt="Stream -> Gothic">
</a>
<a href='/pixel-palettes/img/stream-mona.png' target='_new'>
<img src="/pixel-palettes/img/stream-mona.png" alt="Stream -> Mona Lisa">
<a href='img/stream-mona.png' target='_new'>
<img src="img/stream-mona.png" alt="Stream -> Mona Lisa">
</a>
<a href='/pixel-palettes/img/stream-scream.png' target='_new'>
<img src="/pixel-palettes/img/stream-scream.png" alt="Stream -> Scream">
<a href='img/stream-scream.png' target='_new'>
<img src="img/stream-scream.png" alt="Stream -> Scream">
</a>
<a href='/pixel-palettes/img/stream-spheres.png' target='_new'>
<img src="/pixel-palettes/img/stream-spheres.png" alt="Stream -> Spheres">
<a href='img/stream-spheres.png' target='_new'>
<img src="img/stream-spheres.png" alt="Stream -> Spheres">
</a>
<a href='/pixel-palettes/img/stream-starry.png' target='_new'>
<img src="/pixel-palettes/img/stream-starry.png" alt="Stream -> Starry Night">
<a href='img/stream-starry.png' target='_new'>
<img src="img/stream-starry.png" alt="Stream -> Starry Night">
</a>
<a href='/pixel-palettes/img/stream.png' target='_new'>
<img src="/pixel-palettes/img/stream.png" alt="Stream original">
<a href='img/stream.png' target='_new'>
<img src="img/stream.png" alt="Stream original">
</a>
</div>

Write Preview
Loading…
Cancel
Save