菱文様をp5.jsを使って描きます。 菱文様 作例 ソースコード 菱文様 菱文様は二方向の平行線が交差して出来た菱形を基本とする文様です。 菱の実にその形が似ている事から菱文と呼ばれるようになったそうです。 作例 ソースコード const w=720; const N=10; …

一の字繋ぎをp5.jsを使って描きます。 一の字繋ぎ 作例 ソースコード 一の字繋ぎ 一の字繋ぎは横長の同じ大きさの長方体を交互に積み上げた、レンガ積みのような模様。 作例 ソースコード const w=720; const N=16; const d=w/N; const setcol=[] setcol[0]=…

網目文様をp5.jsを使って描きます。 網目文様 網目文様は蛇行曲線が向いあって相接した文様です。 漁業用の網の目に見える文様です。 作例 ソースコード const w=720; const N=12; const d=w/N; const setcol=[] setcol[0]=["#3c6e71", "#d9d9d9"]; setcol[1…

青海波文様をp5.jsを使って描きます。 青海波文様 作例 ソースコード 青海波文様 青海波文様は半円形を重ねたものを鱗状に並べた文様です。 波を表した文様で、平安時代の雅楽の舞曲「青海波」が名前の由来だそうです。 作例 カラーパレット["#4267D8", "#DD…

鱗文様をp5.jsを使って描きます。 鱗文様 作例 ソースコード 鱗文様 鱗文様は正三角形あるいは二等辺三角形を上下左右に連続して配置した文様です。 三角の連なりが魚や龍、蛇の鱗に似ていることから鱗文と呼ばれるようになったそうです。 作例 ソースコード…

七宝文様をp5.jsを使って描きます。 七宝文様 作例 ソースコード 七宝文様 七宝文様は円の上に同じ大きさの円を四分の一ずつ重ね、それを並べた文様です。 光を表す菱のような形と花びらのような形の組み合わせが見えるという仕掛けになっています。 作例 ソ…

和柄の中でも有名な市松文様。 この市松文様をp5.jsを使って描きます。 市松文様 作例 ソースコード 市松文様 市松は二色の四角形を交互に配した文様です。 今回は二色の正方形を用いて、市松文様を表現します。 作例 ソースコード const w=720; const N=10*…

ランダムウォークの軌跡 透明度を変えたランダムウォーク 多数の図形をランダムウォーク 作例 まとめ ランダムウォークの軌跡 ランダムウォークというのは進む方向をランダムに決めて動いた時の軌跡のことです。 黒い四角形をランダムウォークさせてみます。…