2025.4/14~4/20

senbakuCreativeCoding, 日常

先週のこと

  • 放送大学の学生証を受け取りに行った。わーい、学生だ！
  • あんまりコンスタントに学習できない週だった。むむむである。一方家事は先延ばしにしているとを一気に片付けたりできたのでスッキリした。

観たもの、読んだもの

映画『HIDEO KOJIMA connecting worlds』
ドキュメンタリー。ドキュメンタリー好き。　
以前見た『ブレードランナー』のメイキングは、ひたすら “監督がひどい、撮影環境がひどい、とにかく監督がひどい”と色んな人が言うものだった。けれどこの小島秀夫のドキュメンタリーは”小島秀夫は彼だけの特別な世界観を持っていて、すごいんだ” といろいろな人が言うものだった。あまりに対照的だなあ、と思った。

本『ミッキー7』エドワード・アシュトン 著
キャラクターも設定も良かったけれど、すこし物足りなかった。
主人公が歴史好きで、失敗した宇宙コロニー移民の話がいくつか出てくる。それが面白かった。

本『知っているだけで劇的に上達する 人体ドローイングのコツ390』TACO著
デッサンしながら、自分で発見していって習得することを、言語化して見本とともに書いてくれている。書かれていることを手を動かしながら体に叩き込んでいったら、本当に早く上達しそう。
苦手な部位から描いてみよう、と思い、首からスタート。
絵を描くの楽しい。最近はストレスがあるときだけ描く感じになっているので、平時も描けるようにしたい。

よかったもの/こと

  • 芽吹き

去年の夏に水切れさせてしまって枯れてしまったどんぐりの木(マテバシイ？)。春になったら復活するかもしれない、とずっと水をやっていたら、とうとう葉っぱが出てきた。良かった！

  • 運動&podcast

なにかしながら音声を聞くと、ほとんど中身を覚えていられないのだけれど、散歩や運動しながらだとけっこう頭に入ってくることがわかった。今週はneortのポッドキャストとPloof ofXのトークイベントを聞いた。

@neort_io on X
🎙️Our first Podcast Episode🔥:
BEYOND THE SCREEN presented by NEORT @neort_io EP.1: Smart Contract Art Possibilities
Discussing “World Computer Sculpture Garden” with guest @bouze Hosts: @NORIWTS & @themassagejp ▶️Listen Now: https://t.co/rvQwr76kSM
Proof of X
展覧会Proof of XのYouTube Channelです。
トークイベントの配信とアーカイブを行います。

気になること

  • Araさんのコードアート研究会
https://twitter.com/arandoros/status/1912729426892320897
@arandoros on X
「コードアート研究会 #0」を 4/26(土) 10:00-12:00 に NEORT++ にて開催します 「コードアートとは何か」
「コードアート研究会が目指すこと」
を私の方から共有する場にしたいと思っています 🗓4月26日(土) 10:00-12:00
📍NEORT++ @neort_io 馬喰町 ぜひご参加ください。詳細はこちら👇

Coding topic

  • drawingContext.createPattern()
@joki_hirooka on X
drawingContext.createPatternでパスにパターンを適用。これなかなかいいですね。
#dailycoding #p5js #pavejs

ジョーキさんのポストで知ったdrawingContext.createPattern()
用意した画像や、p5.jsで描いたものをパターンにして、指定したシェイプを塗りつぶすことができるというもの。

CanvasRenderingContext2D: createPattern() メソッド – Web API | MDN
CanvasRenderingContext2D.createPattern() はキャンバス 2D API のメソッドで、指定された画像と繰り返しを使ってパターンを作成します。
このメソッドは CanvasPattern を返します。
p5.js でパターンの繰り返しを CanvasRenderingContext2D のメソッド「createPattern()」でシンプルに試す（drawingContext と createGraphics() を使って） – Qiita
はじめにMDN の CanvasRenderingContext2D のメソッドを眺めていて気になった「createPattern()」。それを、p5.js で drawingContext を…

youさんの記事がとてもわかり易く参考になりました。

↓これは ハーフトーンパターンをcreateGraphics()で作成して、ellipseとrectを塗りつぶしている。

  • デコさんの極座標、noise()の投稿
    複数人でわいわい解決していく様子を久しぶりに観られてうれしくなりました😊
https://twitter.com/deconbatch/status/1911907528847610240
@deconbatch on X
極座標で noise() 取ると、角度 0 と 2π で境目が出ちゃうよねー。やーねー。😗
#creativecoding #processing

  • tixy
    結構前に公開されて、流行ったもの。思い出して子どもに教えたらハマっている。
(t,i,x,y) => ‘creative code golfing’
A minimalist coding environment. Control 16×16 points with a single JavaScript function. By @aemkei

  • KITTE大阪上映中の#広告募集広告
    ハイライト映像が公開されました！うれしい！
    senbakuも2点作品を出させていただいています。大阪近い方はぜひ見てみてくださいな〜
@neort_io on X
🎦⿻ #広告募集広告 project now on display at AxCROSS @kitteosaka ! Creative works on the 18m LED screen
Unique interpretations of “Ad Space Available” in motion Thanks to all artists and our partners! 🙌
@ANCR_official @congres_jp
  • おもったこと
    processingのコミュニティでまた展示やオンラインイベント、ZINE作ったり、いろいろわいわいしたいのだけれど、人を引っ張っていくタイプの行動が大変苦手なのでぐずぐずしている。どう動いたら貢献できるんだろうなあ。（blogを書く、や、にこにこdailycodingする、も遠回りに貢献になるのでは、とは少し思っていて、とりあえずそれをやっている）

Output

// 4/14 - ○○○

とにかく動くもの作ろう！とした。工場のベルトコンベアにペッと落とされるお餅みたいな感じ。

// 4/15 -

角丸多角形を中心からのline()で描画する、中心は濃く、端は薄く見える。グラデーション。重なるとモワレもできる。漫画描いてトーン貼ってたときは、モワレをいかに避けるか考えていた。モワレが表現になるとは思っていなかったので感慨深い。

// 4/16 -

ガンダムジークアクスのオープニングテーマ曲をみて、家族でテレビの前に集まり、(この背景p5でかけそうじゃない？)(strokeにグラデーションかけるのどうやる？？)と盛り上がり、楽しかったので挑戦することに。

@G_GQuuuuuuX on X
◤オープニング映像◢ 本日の放送で初公開となった、#米津玄師「#Plazma」を使用したオープニングのノンクレジット映像を解禁！ #GQuuuuuuX #ジークアクス
// 4/17 - 16日の続き

stroke内の色の変化を作るために、小さめのパーティクルも用意(結局使わなかった。)色はHSBで、random(360),100,100 と指定したものを二色ずつ使うようにした。案外どの組み合わせでもいい感じになってすこし驚く。

// 4/18 - 16日の続き２(とりあえず完成)

ガンダムジークアクスのオープニングテーマ曲の背景に、見た目はだいぶ近づいた。動くコードを書いていたのだけど、パーティクル数多くて大変重い。ほぼ動かない…。

// 4/18 - drawingContext.createPattern()

Coding topicの方で詳しく書いた、drawingContext.createPattern()の確認コード。これは使えそうな機能。なんで今まで知らなかったんだろう！

// 4/20 - きらきら

塗りをパターンにしたシェイプをサークルパッキングとスパイラルの配置で配したものを重ねた。
パターンを何種類かランダムで塗りつぶすことってできるかな？次試してみよう。

今週は

学習のための時間をちゃんと取って、集中したい。