強引にlinear-gradientでラインアートしてみたところ… - Little Strange Software

どうも！LSSです！！ 三が日最終日！ 姪っ子（赤さん）もすっかり馴染んだところで、帰ってしまいました^^; また当人が忘れる前に来るように、と妹（ママ）には言っておきましたｗ さて、かなり以前に little-strange.hatenablog.com JavaScriptでcanvas要素を使って、はるか昔にやった「ラインアート」を試みた事がありました。 何本もの直線を、始点のY座標・終点のX座標を一定量づつずらしながら描くと、全て直線なのに曲線のように見える、というものでした。 それを実現するには「斜めの線を明確に指定した座標で何本も引く」必要があり、canvas要素を用いたのですが、「CSSのみでもなんとかできるんじゃないか？」と思い立ち、強引に試みてみた記録です。 強引にlinear-gradientでラインアートしてみた 無駄に長くなったコード 線を半分 間引いてみました あ

[kefugahi]

絵として描こうとする要素としては単純な情報に見えるんだけど、それを実際情報として描くのは単純なことなんじゃないんだな…と言うことを感じました。

[newgenworld]

線の分情報量が必要なんですね😅

[Lunakko]

曲線に見えますね。すごいですね！！