前回作成したプログラムを使っていろいろな模様を作ってみました。 前回の記事はこちら。 techty.hatenablog.com 以下はcos波を使って生成した模様です。

「Sine波」と「パーリンノイズ」を使ったアート作品を作ってみました。 作品タイトル：Sine Noise デモページとソースコードは以下にあります。 よかったら見てみてください。 editor.p5js.org 上記のような模様を作る仕組みは単純です。 １．パーリンノイズ…

対角線を使ったアート作品を作ってみました。 作品タイトル：Diagonal デモページとソースコードは以下にあります。 よかったら見てみてください。 editor.p5js.org 上記のような模様を描く仕組みは単純です。 １．n = 1とする ２．n×nのグリッドを用意する …

サークルとグリッドを組み合わせたアート作品を作ってみました。 作品タイトル：Circle in Grid デモページとソースコードは以下にあります。 よかったら見てみてください。 editor.p5js.org 上記のような模様を描く仕組みは単純です。 １．n = 2とする ２．…

「ブラシを使って描いたような絵」をプログラムで描いてみました。 作品タイトル：ブラシグラデーション デモページとソースコードは以下にあります。 よかったら見てみてください。 editor.p5js.org 絵を描く仕組みは単純です。 キャンバスの上から下に向か…

三角形を使ったアート作品を作ってみました。 作品タイトル：三角形で埋め尽くす デモページとソースコードは以下にあります。 よかったら見てみてください。 editor.p5js.org

長方形を使ったアート作品を作ってみました。 作品タイトル：長方形で埋め尽くす デモページとソースコードは以下にあります。 よかったら見てみてください。 editor.p5js.org

プラス記号「＋」を使って絵を描いてみました。 作品タイトル：プラスアート 絵を描く仕組みは単純です。 １．プラス記号の線色、太さ、長さをランダムに決める ２．ランダムな場所にプラス記号を描画する ３．手順１に戻る これだけです。 デモページとソー…

p5.jsを使って「幾何学模様」を生成するプログラムを作ってみました。 以下の模様は「円の接線」を利用して描いています。 デモページとソースコードは以下にあります。 よかったら見てみてください。 editor.p5js.org 上記のような模様を描く仕組みは単純で…

前回の記事の続きです。 ちなみに前回の記事はこちら。 techty.hatenablog.com １ ２ ３ ４ ５ ６ ７ ８ ９ １０ １１ １２ １３ １４

前回の記事をもとに、いろいろな模様を作ってみました。 ちなみに前回の記事はこちらです。 techty.hatenablog.com １ ２ ３ ４ ５ ６ ７ ８ ９ １０ １１ １２ １３ １４ １５ １６ 今日はここまで。 続きはこちら。 techty.hatenablog.com

p5.jsを使って「蝶」のような絵を描くプログラムを作ってみました。 デモページとソースコードは以下にあります。 よかったら見てみてください。 editor.p5js.org 上記のような絵を描く仕組みは単純です。 １．キャンバスを用意する ２．内側の線を歪ませた…