h_doxas retweeted
SDF Phase Diagram
SDF球がsimplexドリフトで有機的に動き、スカラー場の融合境界を marching-squares 相当の等高線（fwidth アイソライン）として多段に抽出する材料相図。
#boucle #fridaydebugview #creativecoding
WebGL 総本山を更新しました ＞ クロスフィルターのような効果がシンプルで素朴なかっこよさを演出した Pegassi のウェブサイト - WebGL 総本山 webgl.souhonzan.org/entry/?v…
h_doxas retweeted
LEFT TO THE IMAGINATIONS エフェクト 12 / 20
Strands — 素材の上に毛を生やす。毛は curl ノイズの回転と映像の輪郭の向きを混ぜた流れをたどって伸びるので、渦を巻いても一か所に溜まらない。遠いと短く寝た毛並み、近いほど長く立ち上がって風になびく。
素材は香川・直島にある草間彌生の黄色いかぼちゃの写真。静かな写真なのでダイナミックさを出したいと思い作成。お気に入り。
#creativecoding #webgl #threejs
エフェクトは20種類作っており、写真・映像素材は過去に自分が撮ったものをつかっています。それらの素材に合うようなエフェクトを制作してみたので、せっかくなので全部紹介していきます。
まずはタイトル。タイトルもシーンの一つになっていて、20種類のエフェクトからランダムで選ばれます。例として4つのせてみました。
このあとこのスレッドにぶら下げていく形で紹介します。
#creativecoding #webgl #threejs
h_doxas retweeted
LEFT TO THE IMAGINATIONS エフェクト 10 / 20
Fluid Flow — 小さな格子で流体の速度場を毎フレーム解き、映像をその流線に沿ってなぞる（LIC）。画素は元の位置のまま流れの向きに滲むだけなので構図は崩れない。渦は映像の明暗の塊から生まれる。
素材はローマのコロッセオの写真。ミラノで財布をすられたことは一生忘れない。
#creativecoding #webgl #threejs
エフェクトは20種類作っており、写真・映像素材は過去に自分が撮ったものをつかっています。それらの素材に合うようなエフェクトを制作してみたので、せっかくなので全部紹介していきます。
まずはタイトル。タイトルもシーンの一つになっていて、20種類のエフェクトからランダムで選ばれます。例として4つのせてみました。
このあとこのスレッドにぶら下げていく形で紹介します。
#creativecoding #webgl #threejs
h_doxas retweeted
LEFT TO THE IMAGINATIONS エフェクト 11 / 20
Cube Field — 映像を実際の立方体で組み立てる。近づくほど立方体が回転・浮遊・分散し、面の陰影と重なりが変わる。キューブ同士が落とし合うセルフシャドウ付き。
素材は水族館のクラゲの映像。どの水族館にいってもクラゲの水槽があったら絶対に撮ってしまう。ゆらゆらしたものにかくかくしたものを組み合わせたら面白いかなと思い作成。
#creativecoding #webgl #threejs
エフェクトは20種類作っており、写真・映像素材は過去に自分が撮ったものをつかっています。それらの素材に合うようなエフェクトを制作してみたので、せっかくなので全部紹介していきます。
まずはタイトル。タイトルもシーンの一つになっていて、20種類のエフェクトからランダムで選ばれます。例として4つのせてみました。
このあとこのスレッドにぶら下げていく形で紹介します。
#creativecoding #webgl #threejs
h_doxas retweeted
Finished this shader now, here's a better video:
@akella
h_doxas retweeted
Baking
We examine how a completed mark is merged into the canvas. （日本語訳あります）
kynd.info/unlock/baking/
h_doxas retweeted
#つぶやきGLSL float i,s,R,e;vec3 q,p,d=vec3((FC.xy-.5*r)/r.y*(.5-sin(t*.4)*.2),.9);;for(q.z--;i++<63.;){e+=i/7e3;if(i>38.)d=vec3(-1);o+=e/23.;s=1.;p=q+=d*e*R*.23;p=vec3(log(R=length(p)+5e-2)-t*.2,-p.z/R,p.y-p.x-t*.2);for(e=--p.y;s<2e3;s+=s)e+=cos(dot(cos(p*s),sin(p.zxy*s)))/s;}
h_doxas retweeted
#つぶやきGLSL for(float i,e,g,s,u;i++<1e2;){vec3 p=vec3((FC.xy*2.-r)/r.x*.3+vec2(-1,0),g);e=s=2.;for(int j;j++<18;p.xy=1.14-abs(p.xy-p.z*sin(t)*.2))s/=u=dot(p,p),p/=-u,p.y=-p.y,p.xy=abs(p.yx+.35),e=min(e,p.y/s+.1/s);g+=e;o.rgb+=hsv(p.y,.3,.02/exp(e*99.));}
h_doxas retweeted
Shader Imagerの開発に携わりました。Imagerの中でシェーダのネットワークを実行出来ます。
今まで素材(複数のAOV)を保存してコンポジットツールで行っていた作業がArnoldだけで完結するようになります。
ビューポートで最終結果を確認したり、ストレージを節約するのにも役立ちます。
Arnold 7.5.4.0 is a feature release that includes a Shader Imager for interactive compositing, a faster and more responsive accelerated viewport, the ability to pause and resume renders, Rim Light shader, and more. help.autodesk.com/view/ARNOL… #arnoldrenderer
h_doxas retweeted
Specimen Archive
等角ワイヤーフレームの標本箱を格子に並べ、各箱に別々の数式—リサージュ/螺旋バネ/ベクトル場/トーラスノット/薔薇曲線/正弦波サーフェス—のオブジェクトを封入した計測アーカイブ。
#boucle #fridaydebugview #creativecoding
WebGL 総本山を更新しました ＞ WebGPU を駆使した過剰すぎる演出もここまでくれば説得力が違う Arthur Engel さんのポートフォリオ - WebGL 総本山 webgl.souhonzan.org/entry/?v…
h_doxas retweeted
iDID Magazineさんの #今月の気になるサイト 9月号で、Topページの演出/実装を担当したPatmosさんのWebサイトを取り上げて頂きました🙌
ありがとうございます🫶
🆕記事更新／#今月の気になるサイト 9月号
更新しました！キーワードは
👉逆再生、記号、カオス、宇宙、AI、空間、更新履歴、信号機、クリップボード、再リニューアル。
「コンセプトをどう体現したか」に注目です🎉
Webデザインの参考になる、9月の気になるサイト10選
x.gd/xlpce
