dsdsds

フロントエンド / WebGLで遊んでる
デモ多め →

[dsdsds @dsflon]

音色で花が育ちます。声が続くと芽が出て茎が伸び、弦のアタックで 蕾がほどけ、盛り上がりで一斉に開花し、静けさが続けば萎れて散ります。 声色が色相、音高が茎の高さ、息のノイズが綿毛になります。

と、言うのを目指したけどそこまでではない、、。
でも、まあまあいい感じ。

WebGL と MediaPIPE。
Opus5 がまじで良いですね。

https://t.co/kjxRDZYXvF

[dsdsds @dsflon]

作品集サイトのトップを作り直し

全作品をサムネイルの無限グリッドに敷き詰めて、カーソル位置がレンズみたいに盛り上がります

ドラッグで平面ごと掴んで動かせて、遠くのタイルほど遅れてついてくるので布っぽくうねります

https://t.co/pSR4HsunYj

[dsdsds @dsflon]

作品集サイトをアップデート
モバイルでもぬるぬる動く

https://t.co/pSR4HstQ8L

#webgl

[dsdsds @dsflon]

Webカメラの映像を切り絵風？に
明るい色は手前へ、濃い色は奥へ

運転中の景色だと面白いね

#webgl #creativecoding #glsl

[dsdsds @dsflon]

@zachlieberman The flowers bloom and dance in time with the music ☺️

Demo
https://t.co/2zmbRCDYCN

[dsdsds @dsflon]

@tiemtatoonho honestly, one mask does all the work 😄

tap → cells turn into rigid bodies carrying the frame they fell from → they pile up → the hole reveals the live b&w world → the mask heals and the shards fade with it

does that answer it?

[dsdsds @dsflon]

WebGL2 / GLSL ES 3.00

■ シェーダ
sceneFS:
表面（カメラ映像の cover-fit + mirror、合成シーン）

bwFS:
裏世界（流れ場スクリブル線描 + ポジネガ）

compFS:
合成（剥離マスクで生映像/裏世界を切替、穴の縁の厚み）

blocksFS / blocksVS:
破片ブロック（インスタンス描画、ベベル照明、影）

fullscreenVS:
フルスクリーン三角形の共通VS

[dsdsds @dsflon]

Thanks! Just a pseudo-SDF: sd = mask − threshold.

Wide soft shadow on the hole side, tight bright rim on the surface side — same sd, opposite sides of the threshold. That asymmetry is what reads as thickness rather than an outline.

Threshold jittered by UV-seeded noise (never time) to chip the edges.

[dsdsds @dsflon]

Demo
https://t.co/baJqpHlctI

[Chih-Yu Chen @chihyu_chen_]

Thank you GPU I love you
#GLSL #generativeart

[Yukiya Okuda @alumican_net]

液体ガラス + 屈折 + 表面張力 + 色収差 + インタラクション

[dsdsds @dsflon]

人物が点と線のみで描かれ、動きや音声に応じて乱れたり落ち着いたり。

#WebGL2 + #MediaPipe + #WebAudio

demo
https://t.co/YjYb7zG9yp

[Kat ⊷ the Poet Engineer @poetengineer__]

turned my obsidian notes into fish 🐟🐠

draw a little stream and the school swims it like a timeline: newer notes at the mouth, older ones drifting toward the glow. hover a fish and it blows a bubble with the note tucked inside.

available for my subscribers <3

[Shadertoy @Shadertoy]

The new Shader of the Week is 'Grid Attractor' by takumifukasawa : https://t.co/FtIWHQsGiU

[Jae @Jaenam97]

Fluffy Anemone 🪸

Volumetric raymarch of a fluffy sea creature. No geometry, all rendered in real time in a multi pass #glsl fragment shader.

[注目のWebデザインを『ひとこと紹介』 @s5style]

【没入型インタラクションで魅せる制作会社サイト】
3Dの人物が語りかける演出や、クリックで展開するモーションが特徴的。デジタルコンテンツ制作会社としての表現力を、体験そのもので伝えています。

homunculus Inc.
https://t.co/YazclqXqZP

[George Hastings @soulegit]

Depth hologram effect

- Get a depth map and add parallax offset to image
- Add a 3D transform with the same mouse influence as the parallax
- Used Unicorn AI for the shimmer

[dsdsds @dsflon]

デモはこちら
https://t.co/iwT8ZjeLry

他にも
https://t.co/pSR4HsunYj

[dsdsds @dsflon]

カメラの人物を、切り紙の積層ポートレートとしてリアルタイムに再構成します。
肌や髪、服装は陰影で切り分けた紙の層になり、台紙に貼られた切り紙みたいに柔らかい影を落とします。

さすがにモバイルだと重たいけど、。

#webgl #creativecoding