hexyzland - 数式で六角形の図形表示を動かす遊び場サイト
hexyzland は、六角形ベースの図形を6つの変数と数式で動かす、プログラミング実験場です。
Hexyzland トップページ
6つの変数は t(時間), r(中心からの距離), a(角度), x,y,z(3方向の座標) となっていて、各ヘックスの値を -1(真っ赤) から 1(真っ白)の間に変えることでヘックスのサイズと色が変わります。
あとは数学的な関数を組み合わせればアニメーションのできあがり。チュートリアルにたくさんの実例が出ています。
作成した図形は URL が生成されるので SNS 等で共有することもできますし、動いているところを動画として保存することもできます。
GitHub にサイトのソースコードも公開されています。
tixyland という正方形ベースの同様の遊び場があり、hexyzland はそれにインスパイアされたものだそうです。
tixy.land トップページ
A collection of colorful examples from https://t.co/664X7G2TH2:
— Martin Kleppe (@aemkei) November 11, 2020
// sin cos sin cos sin cos
// by @inky
(t,i,x,y)=>
((x^y)%2?sin:cos)(t)https://t.co/fp20uLGg2Z pic.twitter.com/ymY0kg6hCl
via reddit/programming