rainbow quox on canvas. mostly working

This commit is contained in:
Rhiannon Morris 2024-12-07 00:09:13 +01:00
parent 60201e27aa
commit d16ea49d62
79 changed files with 553 additions and 286 deletions

View file

@ -1,64 +1,26 @@
<!doctype html>
<html lang=en>
<meta name=viewport content='width=device-width, initial-scale=0.5'>
<title>rainbow quox</title>
<link rel=stylesheet href=style.css>
<script src=colour.js type=module></script>
<script src=canvas.js type=module></script>
<div id=pic-holder>
<div id=pic>
<div id=front>
<div class=static></div>
<div class=spines></div>
<div class=stripes></div>
<div class=cuffs></div>
<div class=outer></div>
<div class=fins1></div>
<div class=fins2></div>
<div class=fins3></div>
<div class=belly1></div>
<div class=belly2></div>
<div class=eyes></div>
<div class=masks></div>
<div class=claws></div>
<div class=vitiligo1></div>
<div class=vitiligo2></div>
<div class=vitiligo3></div>
<div class=vitiligo4></div>
<div class=eye-shine></div>
<div class=lines></div>
</div>
<div id=back>
<div class=static></div>
<div class=spines></div>
<div class=stripes></div>
<div class=cuffs></div>
<div class=outer></div>
<div class=fins1></div>
<div class=fins2></div>
<div class=fins3></div>
<div class=belly1></div>
<div class=belly2></div>
<div class=eyes></div>
<div class=masks></div>
<div class=claws></div>
<div class=vitiligo1></div>
<div class=vitiligo2></div>
<div class=vitiligo3></div>
<div class=vitiligo4></div>
<div class=eye-shine></div>
<div class=lines></div>
</div>
</div>
<canvas id=pic width=1000 height=673>
if the canvas isn't working,
the old version is <a href=old.html>here</a>
</canvas>
<canvas id=pic2 width=1000 height=673>
</canvas>
</div>
<menu id=buttons>
<div id=buttons>
<button id=reroll>new quox</button>
<button id=swap>swap view</button>
</menu>
</div>
<nav>
<a href=/>back</a>