46 lines
2.1 KiB
HTML
46 lines
2.1 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en" >
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>CodePen - Hexagon Tiling (7 ways)</title>
|
||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
|
||
|
|
<link rel="stylesheet" href="./style.css">
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<!-- partial:index.partial.html -->
|
||
|
|
<!--////////////////////////////////////////////////-->
|
||
|
|
<!-- // //-->
|
||
|
|
<!-- -~=Manoylov AC=~- // Hexagon Tiling //-->
|
||
|
|
<!-- // //-->
|
||
|
|
<!--////////////////////////////////////////////////-->
|
||
|
|
<!-- //-->
|
||
|
|
<!-- Controls: //-->
|
||
|
|
<!-- mouse //-->
|
||
|
|
<!-- move mouse : rotate target hexagon //-->
|
||
|
|
<!-- mouse click: generate new hexagon variant //-->
|
||
|
|
<!-- //-->
|
||
|
|
<!-- keyboard //-->
|
||
|
|
<!-- 1-7: switch between different schemas //-->
|
||
|
|
<!-- 'c': generate different colors and size //-->
|
||
|
|
<!-- 'h': show contours of hexagons //-->
|
||
|
|
<!-- any others: regenerate hexagons //-->
|
||
|
|
<!--////////////////////////////////////////////////-->
|
||
|
|
<!-- //-->
|
||
|
|
<!-- Contacts: //-->
|
||
|
|
<!-- https://codepen.io/Manoylov/ //-->
|
||
|
|
<!-- https://www.instagram.com/manoylov_ac/ //-->
|
||
|
|
<!-- https://www.openprocessing.org/user/23616/ //-->
|
||
|
|
<!-- https://twitter.com/ManoylovAC //-->
|
||
|
|
<!-- https://www.facebook.com/epistolariy //-->
|
||
|
|
<!-- https://manoylov.tumblr.com/ //-->
|
||
|
|
<!--////////////////////////////////////////////////-->
|
||
|
|
<!-- //-->
|
||
|
|
<!-- inspired by hexagon patterns //-->
|
||
|
|
<!--////////////////////////////////////////////////-->
|
||
|
|
<!-- partial -->
|
||
|
|
<script src='https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.0.0/p5.min.js'></script><script src="./script.js"></script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|