はてなブログで外部サイトやSNSが埋め込められるか検証してみたい。 ※ Qiitaで検証した記事と同じ内容になります。

Codepen埋め込むとどうなるか。

以前インスタにアップした家紋研究をまとめてみました。家紋というかシンメトリー図案の仕組み検証です。

デザトレ015 ランダムシームレスパターン 前回の方法では四隅に余白ラインができてしまう。シームレスにするにはどうするか。 予め決めた四角の中に要素を入れる際、線をはみ出した時点で反対側に複製する（四角の距離分）。角にかかる場合は四隅。 四角でト…

デザトレ014 自作パターン1 家紋研究の鳥再登場。 4つに複製して1つ分の四角をセンタリングしてトリミングするとシームレスなパターンになる。 パターン #pattern

デザトレ013 家紋研究その5 今回は72度5分割に絞って実験。 はじめガイドラインを作る。ガイド範囲内ならどんなに複雑な形でも成立する。しかしそれでは限定的…。 ためにし三日月を拡大してガイドからはみ出してみる。左は上側、右は下側にはみ出るが重なら…

<p>デザトレ012<br> 家紋研究その4 先ほどの鈍角であれば、曲線でも重ならないのでは、という実験。重ならなかった！ 7本だけないなぁ、とか菊十六紋の16本がない！という理由から整数じゃない角度も追加。 また、本数が多すぎるとかけた労力に対して印象があまり変</p>…

デザトレ011 家紋研究その3 角度が鋭角だと重なるのではないか？という仮説を元に、90度未満の鈍角にしてみた。 線の太さの関係でくっ付いて見えるが、最後まで重ならなかった！ デザイン #家紋 #シンメトリー #design #kamon #famlycrest #symmetry

デザトレ010 家紋研究その2 1本線であればどんな角度を付けても重なることはないのではないか？という仮説をもとにいくつか頂点を加えてみたところ、72度の時点で重なり発生。 あと、だんだん本数が増えると結局みんな円になってしまうのかも知れない。 デザ…

デザトレ009 家紋研究その1。 家紋は上下左右シンメトリーなど、回転させた形が多い。 自作するに当たり、どういう角度を入力すべきか。 360度を整数で割り切れる数を調べたところ24種類あった。 まずは直線に対してその角度を入力してみた。 最後の方は直線…