Takumi HASEGAWA (unshift Inc.)

Developer | unshift Inc. / Nauts (@NautsDC) | 主にWebサイトのフロントエンド実装をやっています。WebGLなどWebのグラフィック技術を使った表現が得意です。武蔵野美術大学 デザイン情報学科 特別講師。

[Takumi HASEGAWA (unshift Inc.) @_unshift]

IE3さんの展示「Make it first.」にて、ゲストアーティストとして参加させていただいました！

通常、展示作品は遠くから目に入ったときに「あれはなんだろうな」と思って近づいてきて詳細をよく見る、という流れになりますが

この作品は、離れている状態ではモノクロの映像・写真が流れており、気になって近づくとエフェクトが強くかかる ＋ 色相・彩度も変化するので、結局元の映像の色・輪郭がわからなくなります。元の姿は見る人の想像にお任せということで「LEFT TO THE IMAGINATIONS」というタイトルで制作しました。

オンスクリーンの作品でシンプルなギミックなので、仕掛け自体に驚きとかはないんですけど、グラフィックをたくさんかつしっかり作りました。

展示の作品制作に関してはど素人の私を迎え入れていただいたIE3のみなさんに大変感謝です…！ありがとうございました！

#IE3 #mif26

※すみません！ハッシュタグを間違えていたため再投稿しました！

[IE3 @IE3JP]

2日間、ありがとうございました。
IE3の展示「Make it first.」は本日で終了しました。
お越しいただいた皆さま、CONTRASTの皆さま、設営を手伝っていただいた方々、そしてゲストアーティストの皆さまに心より感謝いたします。
また来年、お会いできることを楽しみにしています。
#mif26 #IE3

[Takumi HASEGAWA (unshift Inc.) @_unshift]

LEFT TO THE IMAGINATIONS エフェクト 4 / 20

Delaunay Glass — 映像の輪郭（Sobel）の上に頂点を落とし、ドロネー三角形分割したガラス片で描き直す。ガラス片は被写体の輪郭に沿って割れ、近づくほど大きく、角が丸くなる。

素材は新卒の会社を退職したあとに一人でいった京都の清水の舞台。

#creativecoding #webgl #threejs

[Takumi HASEGAWA (unshift Inc.) @_unshift]

エフェクトは20種類作っており、写真・映像素材は過去に自分が撮ったものをつかっています。それらの素材に合うようなエフェクトを制作してみたので、せっかくなので全部紹介していきます。

まずはタイトル。タイトルもシーンの一つになっていて、20種類のエフェクトからランダムで選ばれます。例として4つのせてみました。

このあとこのスレッドにぶら下げていく形で紹介します。

#creativecoding #webgl #threejs

[Takumi HASEGAWA (unshift Inc.) @_unshift]

@rettuce 僕もメインはClaudeなので、そこでパーソナルアシスタント的なやつ組んでみました。クリエイティブコーティングに関することは違うアプローチでやってみてる最中です！勉強会やりましょ〜

[Takumi HASEGAWA (unshift Inc.) @_unshift]

つくるものも投稿のしかたも田中さんの影響を受けまくってる。そしてこないだ聞いた田中さんに聞いたAIの使い方もパクろうとしている。

[you tanaka @rettuce]

Hilbert Census

ヒルベルト曲線で1次元アドレス列を2次元に敷いたセルマップ。セル・オートマトン的な成長/衰退がときに局所的な『地区の発展』のような塊として現れ、ズーム切替で全セルが分裂/統合を繰り返す。

#boucle #fridaydebugview #creativecoding

[Takumi HASEGAWA (unshift Inc.) @_unshift]

ファンだからしょうがないこれは。

[Takumi HASEGAWA (unshift Inc.) @_unshift]

ダイエットの成果が出て、「かなりだらしない体」から「ちょっとだらしない体」くらいにはなった気がする。お腹の肉が明らかに少なくなった。でもまだまだ太っている。

[Takumi HASEGAWA (unshift Inc.) @_unshift]

LEFT TO THE IMAGINATIONS エフェクト 3 / 20

Halftone — 印刷の網点で描き直す。CMYK の 4 版を減法混色。網点の並びは映像の輪郭の向きに沿い、平坦な所ほど粗くなる。

網点は丸だけだと工夫がないと思ったので、丸・四角・ひし形・十字・三角形・市松の 6 種類をランダムに混ぜた。静止画に静的なエフェクトだともたないので、つねにちょこちょこ動いている。

素材はいつかの初詣で行った豪徳寺の猫の写真。

#creativecoding #webgl #threejs

[Takumi HASEGAWA (unshift Inc.) @_unshift]

エフェクトは20種類作っており、写真・映像素材は過去に自分が撮ったものをつかっています。それらの素材に合うようなエフェクトを制作してみたので、せっかくなので全部紹介していきます。

まずはタイトル。タイトルもシーンの一つになっていて、20種類のエフェクトからランダムで選ばれます。例として4つのせてみました。

このあとこのスレッドにぶら下げていく形で紹介します。

#creativecoding #webgl #threejs

[ium inc. @iuminc]

iumでは現在アシスタントデザイナーを募集しております！詳細はWebサイトよりご確認ください✨
https://t.co/z5d8iSFLMS

[Takumi HASEGAWA (unshift Inc.) @_unshift]

エフェクトの紹介ポストはほぼAIまかせ。

シーンごとのキャプチャ機能(時間経過をシミュレーションして連番画像生成→動画作成)を使って動画は事前生成し、9:00と18:00にXとThreadsに自動投稿するようにスケジューリング。

投稿の原稿のみ自分で用意。

Threadsは動画のファイルサイズの上限に引っかかって止まってたので軽量版も自動生成+誤字脱字を先ほど修正させたので明日からはミスはないはず…

[Takumi HASEGAWA (unshift Inc.) @_unshift]

エフェクトは20種類作っており、写真・映像素材は過去に自分が撮ったものをつかっています。それらの素材に合うようなエフェクトを制作してみたので、せっかくなので全部紹介していきます。

まずはタイトル。タイトルもシーンの一つになっていて、20種類のエフェクトからランダムで選ばれます。例として4つのせてみました。

このあとこのスレッドにぶら下げていく形で紹介します。

#creativecoding #webgl #threejs

[Takumi HASEGAWA (unshift Inc.) @_unshift]

IE3さんの展示「Make it first.」にて、ゲストアーティストとして参加させていただいました！

通常、展示作品は遠くから目に入ったときに「あれはなんだろうな」と思って近づいてきて詳細をよく見る、という流れになりますが

この作品は、離れている状態ではモノクロの映像・写真が流れており、気になって近づくとエフェクトが強くかかる ＋ 色相・彩度も変化するので、結局元の映像の色・輪郭がわからなくなります。元の姿は見る人の想像にお任せということで「LEFT TO THE IMAGINATIONS」というタイトルで制作しました。

オンスクリーンの作品でシンプルなギミックなので、仕掛け自体に驚きとかはないんですけど、グラフィックをたくさんかつしっかり作りました。

展示の作品制作に関してはど素人の私を迎え入れていただいたIE3のみなさんに大変感謝です…！ありがとうございました！

#IE3 #mif26

※すみません！ハッシュタグを間違えていたため再投稿しました！

[Takumi HASEGAWA (unshift Inc.) @_unshift]

エフェクトの紹介をここにぶら下げていく予定でしたが、タイムラインに表示されにくそう？なのでこの投稿を引用する形に変えます。

[Takumi HASEGAWA (unshift Inc.) @_unshift]

LEFT TO THE IMAGINATIONS エフェクト 2 / 20

Grid Mosaic — 近づくほどマス目が粗くなるモザイク。マスは平均色の角丸タイルで、強くなると色数を 8 色まで落とし、隣り合う同じ色を 2×2・4×4・8×8 の大きなタイルにまとめる。

モザイク化は輪郭をぼかすうえでわかりやすいけが、それだと工夫がないので減色処理をいれて同じ色をつなげるのと、ざらつきとグラデーションで少しだけリッチに。

素材は水族館の魚の映像。

#creativecoding #webgl #threejs

[Takumi HASEGAWA (unshift Inc.) @_unshift]

エフェクトは20種類作っており、写真・映像素材は過去に自分が撮ったものをつかっています。それらの素材に合うようなエフェクトを制作してみたので、せっかくなので全部紹介していきます。

まずはタイトル。タイトルもシーンの一つになっていて、20種類のエフェクトからランダムで選ばれます。例として4つのせてみました。

このあとこのスレッドにぶら下げていく形で紹介します。

#creativecoding #webgl #threejs

[Takumi HASEGAWA (unshift Inc.) @_unshift]

@hiro_loveness ありがとうございます！
実際にこんな感じに見えるかは置いといて、玉ボケっていいですよね〜

[Takumi HASEGAWA (unshift Inc.) @_unshift]

LEFT TO THE IMAGINATIONS エフェクト 1 / 20

Camera Bokeh — 近づくほどピントが外れていく。夜景の光を、実際のレンズと同じ“絞りの形”で広げて丸ボケを作る。6 枚羽根の多角形、画面端のレモン形（口径食）、縁の明るさ、色収差の縁取りまで再現。

以前花火をカメラでぼかして撮った際の丸ボケが美しかったので、再現してみたいと思い作成。素材はみなとみらいの大さん橋からの夜景の映像。

#creativecoding #webgl #threejs

[Takumi HASEGAWA (unshift Inc.) @_unshift]

エフェクトは20種類作っており、写真・映像素材は過去に自分が撮ったものをつかっています。それらの素材に合うようなエフェクトを制作してみたので、せっかくなので全部紹介していきます。

まずはタイトル。タイトルもシーンの一つになっていて、20種類のエフェクトからランダムで選ばれます。例として4つのせてみました。

このあとこのスレッドにぶら下げていく形で紹介します。

#creativecoding #webgl #threejs

[Takumi HASEGAWA (unshift Inc.) @_unshift]

最近Xでの投稿を見てなのか、方々から「元気ないね。大丈夫？」みたいなことを言われていますが、元気でやってます。ご心配おかけしてすみません。

ただし、さっきコンビニで「袋ください」と言ったのが今日初めての発声です。

[Takumi HASEGAWA (unshift Inc.) @_unshift]

@_HN_ @IE3JP ありがとうございます！

[Takumi HASEGAWA (unshift Inc.) @_unshift]

楽しかったと同時に悔しい•歯がゆい思いましたので次頑張る。

[IE3 @IE3JP]

2日間、ありがとうございました。
IE3の展示「Make it first.」は本日で終了しました。
お越しいただいた皆さま、CONTRASTの皆さま、設営を手伝っていただいた方々、そしてゲストアーティストの皆さまに心より感謝いたします。
また来年、お会いできることを楽しみにしています。
#mif26 #IE3

[Takumi HASEGAWA (unshift Inc.) @_unshift]

今日はIE3(@IE3JP)のみなさまに色々教えていただいて学び多き1日でした！ありがとうございますー！明日もよろしくお願いします！