クモのようにコツコツと

フロントエンドエンジニア イイダリョウの技術ブログ。略称「クモコツ」

デザトレ015 ランダムシームレスパターン

デザトレ015

ランダムシームレスパターン 前回の方法では四隅に余白ラインができてしまう。シームレスにするにはどうするか。 予め決めた四角の中に要素を入れる際、線をはみ出した時点で反対側に複製する(四角の距離分)。角にかかる場合は四隅。 四角でトリミング後に複製するとランダムなシームレスパターンになった。 ただし、そのままだとキッチリ等距離に同じ要素があって機械的な印象を受けた。 複製後に全体を傾けて角度を付けると印象は緩和された。(複製前に角度を付けると45度などキレイな角度でもうまくいかなかった。)

デザイン #パターン #模様 #ランダム #シームレス #design #pattern #seamless