今月からp5.jsに本格的に乗り換えました。また、00:00 Studioさんで作業配信も開始しました。

バージョン36をリリースしました。年男になりました！

前半は先月に引き続き #TinyCode に参加していました。 TinyCodeでp5.jsのスキルが上がってきたので、Javaモードとp5.jsを併用していた月でもありました。下旬は、アドベントカレンダー関係の作品や、年末向けの作品を創っていました。

最近 00:00 Studio で #つぶやきProcessing の作業風景を つぶやきCoding という題で配信をはじめました。

2020年の大みそかになりました。簡単に今年のまとめを記録しておこうと思います！

大掃除が終わって暇だったので、「Processingの実行ウィンドウが中央に出て邪魔になってしまう問題」に向き合ってみました。

後半は、12月にマドリードで開催されるProcessingのイベント内の企画、#tinycode参加用の作品を作っていました。画面サイズが小さい（192x157）なのですが、そこで何を表現するかがポイントでした。

本記事は Processing Advent Calendar 2020 の25日目の記事です。 CGを作るうえでタンジェントにフォーカスした説明が少ないなと感じていたので、今回その記事を書いてみました。

#つぶやきProcessing のまとめページです。（適宜更新していきます）

最初は先月に引き続き、blendMode(DIFFERENCE)を使った生き物っぽいものの作成をしていました。 中旬はcopy()したものを横にずらすという方法で、図形を生成し続けるようなものを創っていました。 下旬はline()を使って、表現の幅を模索する作業を行いました。単純な線ですが、描き方によって表情がものすごく変わるので、まだまだいろいろ試せそうです。

中旬にcopy()を使った万華鏡と三角関数を合わせた模様作成ができるようになり、面白い模様がたくさん創れました。その成果を使って、PCJ Zine Vol.1の表紙も担当させていただきました。 下旬はblendMode(DIFFERENCE)と円を繋げて触手のような動きを表現し、生き物のようなものを創っていました。

8月は先月に引き続き、「層を重ねる手法」と、色を使った作品を創りました。後半は、「#つぶやきProcessing」をテーマとした#pchj03が開催されておりましたので、そちらに参加していました。

7月は後半で「層を積み重ねる手法」を発見できて、表現の幅が広がりました。 また、途中でビット計算も取り入れて作品を創ってみました。

先日、@PCD_Tokyoさん主催のProcessing Community Hangout Japan #03が開催されました。今回のテーマは「#つぶやきProcessing」ということで、いつにも増して開催が楽しみでした。

先月に引き続きarc()を進めつつ、tan()とsin()を使った表現を探ったり、後半は再帰を使った表現を進めました。 途中、Processingの生みの親の一人であるBen Fry氏に作品を観ていただけたので嬉しい限りです。

前半はアルキメデスの螺旋の活用、中盤はNature of Codeで見つけたガウス乱数の勉強、後半はarc()の活用などをいろいろ試してみた月でした。 また、今月で #つぶやきProcessing が生まれてから1年が経ちました。こんなに続くとは思ってもいなかった！ 参加者の皆さんにも感謝です。

先日 @PCD_Tokyo さん主催の Processing Community Hangout Japan #02 ( #pchj02 )がオンラインで開催されました。 このイベントの中で「七夕」のスケッチを公募するというものがありました。 もちろん私もスケッチ公募に参加し、せっかくなので #つぶやきProcessing のレギュレーションで作品を創りました。

4月からTwitter上で @PCD_Tokyo さん主催の #dailycodingchallenge が開催されていました。毎日作品を投稿をして、先日無事に完走できました。

前半は、先月から継続してp5.jsでUnicodeを使った表現、中盤はbezierTangent()などを利用した曲線のうねうねの追及、後半はアルキメデスの螺旋を応用して何か作ってみる、という感じでした。

新型コロナウィルスの影響が多方面に出ている今日この頃ですが、無事にバージョン35をリリースいたしました。 世界では日々様々な課題が発生しておりますが、ここまで課題を身近に感じたことはほとんどありませんでした。つまり、様々な事象がニュースで語...

和模様にチャレンジした月でした。途中、アルキメデスの螺旋にはまってみたり、後半はdrawingContextを使うためp5.jsを使ってみたりしました。

#つぶやきProcessingのまとめ。先々月と先月は緩く縛りを入れていたので、今月は自由に制作する方針で進めました。 後半はベジェ曲線や線で文字を作る技法を見つけた（BezierGlyphと勝手に命名）ので少し深堀してみました。

Processing Community Day Tokyo 2020に参加し、トークセッションで#つぶやきProcessingを布教してきました。

#つぶやきProcessingのまとめ。2020年1月はピクセル操作縛りにしてみました。毎日loadPixels()→for()でyとxについての繰り返し処理→pixels[]へ値を計算→updatePixels()という流れで、ほとんど計算部分の一行しか変わっていませんが、思っていたよりもバリエーションが作れて楽しいものでした。そしてまだまだ可能性がありそうでもありました。 xとyを使った格子パターンと、dist()の距離とatan2()の角度を使った円パターン、およびその組み合わせが主となっています。

#つぶやきProcessingのまとめ。12月はアドベントカレンダー形式で、クリスマスに関係あるものを作成しておりました。年末は3Dグラフィックスを作りました。3Dグラフィックスは予想以上に「いいね」が頂けて嬉しい。

#つぶやきProcessingのまとめ。11月はいろいろなパターンを作ってみたものでした。後半はピクセル操作に挑戦していました。

本記事は Processing Advent Calendar2019 2日目の記事です。 #つぶやきProcessing を布教していこうと思います。

#つぶやきProcessingのまとめ。2019年10月は、3Dに再チャレンジしたりした月でした。250ものいいね！が頂けた作品が作れたので、満足です。

#つぶやきProcessingのまとめ。2019年9月は、海外からのコメントがあったり、いいねが多くもらえるようになったりうれしい月でした

#つぶやきProcessingのまとめ。2019年8月は、夏休み効果もあり、私以外の参加者が一気に増えて盛り上がりました。

p5.jsのv1.8から高速化されたfilter(BLUR)実行後にパーティクルを描いていくことで、水滴や泡のような、小さな点が発光している効果を得る技法です。

p5.jsのv1.8から高速化されたfilter(BLUR)とfilter(POSTERIZE)を組み合わせて、液体や粘性のある流体のような表現を行う技法です。

黒い円の中に白黒で模様を描くと家紋っぽくなるという技法です。

小さいrect()やcircle()もしくはpoint()などを利用して細かい粒をたくさん描くことにより表現を行う技法です。

文字をtext()で描いた際に、反転した文字も重ねることで元の文字からは想像できないような模様を描く技法です。

blendMode(DIFFERENCE)を指定した状態で図形をたくさん重ねながら描くことで複雑な模様を表現する技法です。

図形を、ある線を基準に対称的に配置することで綺麗な模様を描く技法です。

大きいサイズから小さいサイズの図形をたくさん重ねて描き、それらの図形同士を重ねることで、互いの図形が反発しあってひしめいているかのような質感を出すものです。

直線やベジェ曲線などを使って、架空の文字のような記号を描く技法です。

「三角関数を使って円を描く」際に、x座標にはcos()、y座標にはsin()の値を使うことが多いですが、このうち片方をtan()にすることで、図形がクロスするような動きを生み出す技法です。

文字通り、歯車のような図形を描く技法です。

円などの図形を少しずつ色を変えながら上方向に向かって重ねていくと立体感のある壺や柱のようなものが出来上がるという技法です。

螺旋状に図形を配置していく技法です。

HSBモード、モーションブラー、加算合成の三つを設定して、後は適当な図形に半透明の色を設定して適当に動かせば大体いい感じになるという技法です。

「クリエイティブコーディングの型」を略して「型くりこ」と名付けようという記事です。