Mandara (曼荼羅)

概要

「糸掛け曼荼羅」へ興味を持ち、Web-appにしてみました。

※ 「曼荼羅」、及び「糸掛け曼荼羅」の説明は下記にございます。

使用技術

React, TypeScript, Sassを使用しています。

React 16.8 から追加された Hooks の学習にいいと感じたので、上記技術を選択しました。

所感

開始1日目は思った内部構造を形にしましたが、頂点数20を超えたあたりからレンダリングに明らかな遅延が見られました。 その後ES6記法を高速化について学び、メモ化や配列操作によって性能改善を施しました。

おまけ

曼荼羅とは

サンスクリット語で「丸い」という意味を持ち、悟りの世界を幾何学的に描いたものです。

【例: 胎蔵曼荼羅中央部の中台八葉院(Wiki)】

糸掛け曼荼羅とは

規則性を元にピンへ糸を掛けることで、曼荼羅のような幾何学模様を生み出すアートです。 規則性として、足し算・掛け算・素数といった算数の知識が必要なので、教育目的で生み出されました。