- すべて
- 画像・動画
並べ替え:新着順
random thoughts 20240919 朝顔の写真を #p5js にて処理。 editor.p5js.org/hitoshikinzota… (リンク先は作業用なので、定期的に変更されます) pic.x.com/8kh6s9uzw6
Summer Coding Challenge 2024 テクスチャ貼ってみて見せ方を検討してみる #creativecoding #dailycoding #generativeart #p5js #processing pic.x.com/m5rtehyxby
簡単なコードなので描画速すぎて、frameRate(5)にしたら動きがカクカク。 Ice BlueとLemon Yellow 266日め #dailyart #art #artwork #digitalart #creativecoding #p5js pic.x.com/ed0pr24gxd
先月の #CreativeCoding花火大会 でポストした作品は、 #p5js の描画用の処理で作ってみてたけど、 花火みたいな見た目の描画を、今回は p5.js の createFilterShader() を使ったフラグメントシェーダーで試作してみた! (位置の計算などから描画まで、シェーダー側での実装を試してみた) pic.x.com/prklmlizgi x.com/youtoy/status/…
codingTrainのスリットスキャン回を見始めて、冒頭のところでだいぶ脱線して楽しんでいたよ。 openprocessing.org/sketch/2354882 #p5js reference: thecodingtrain.com/challenges/164… pic.x.com/xggrqhnoea
#p5js の createFilterShader() を使ったフラグメントシェーダーで作っていた、 「揺らめく水面か青い炎が、画面中央からだんだん広がっていき、画面を覆いつくすというような描画」 これを、WEBGLモードのキャンバスで、球体表面のテクスチャにしたら面白い見た目になるのでは!? と思って試した! pic.x.com/zesoqeyrs1 x.com/youtoy/status/…
#p5js の createFilterShader() を使った、フラグメントシェーダーでの描画処理シリーズ それで、揺らめく水面か青い炎っぽい何かが、画面中央で発生してだんだん広がっていき、画面を覆いつくすというような描画を作ってたもの 広がるスピードや色が、時間で変化するようにしてみた! pic.x.com/3wd0pnjnfa x.com/youtoy/status/…
#p5js の createFilterShader() を使ったフラグメントシェーダーで、周期性をもたせたセルノイズを赤系の色とまぜ、移動するアニメーションを作成 そして、WEBGLモードで描画した球体の表面に、上記のシェーダーで作ったアニメーションをテクスチャとして貼り付け、ブラーを ON/OFF させてみたりなど pic.x.com/lkixv8i8su
//時間で変わる #つぶやきProcessing #p5js t=0 draw=_=>{ createCanvas(W=(w=200)*2,W)+noFill() C=(r,x,y,t)=>(D(X=r*cos(T=t*.1-1.6)+x,Y=r*sin(T)+y,r*3)) D=(x,y,r)=>{for(R=0;R<r;R+=3)stroke(x+R,y,r),circle(x,y,R)} C(100,w,w,hour()*2.5) C(60,X,Y,minute()) C(36,X,Y,second()) ++t} pic.x.com/ifdxj3jskx
#p5js の createFilterShader() を使った、フラグメントシェーダーでの描画処理シリーズ それで、揺らめく水面か青い炎っぽい何かが、画面中央で発生してだんだん広がっていき、画面を覆いつくすというような描画を作ってたもの 広がるスピードや色が、時間で変化するようにしてみた! pic.x.com/3wd0pnjnfa x.com/youtoy/status/…
#p5js の createFilterShader() を使った、フラグメントシェーダーでの描画処理 直近で試したものと、少し方向性を変えたアニメーションを試してみた! 揺らめく水面か青い炎みたいなものが、画面中央で発生してだんだん広がっていき、画面を覆いつくすというような描画ができた! pic.x.com/ce7t9ugkz5
#p5js の createFilterShader() を使った、フラグメントシェーダーでの描画処理 直近で試したものと、少し方向性を変えたアニメーションを試してみた! 揺らめく水面か青い炎みたいなものが、画面中央で発生してだんだん広がっていき、画面を覆いつくすというような描画ができた! pic.x.com/ce7t9ugkz5
#p5js の createFilterShader() を使った描画で、フラグメントシェーダーの処理の部分を色々と変更して遊んでみる! なんとなく、揺らめく煙っぽいような感じの見た目になった気がする pic.x.com/qad0tj3gir
柔らかい四角形にしたいけど、まずはキッチリなものから 264日め #dailyart #art #artwork #digitalart #creativecoding #p5js pic.x.com/cxmbzrmlyy
セル画アニメの透過光っぽいエフェクトを研究中 アニメキャラは主線あり+ エフェクトは主線なしでちょっと透けてるとそれっぽいかもしれない OpenProcessing openprocessing.org/sketch/2351092 NEORT neort.io/art/crhf734n70… #p5js #creativecoding #VRoidStudio pic.x.com/y74urpy7ct
Summer Coding Challenge 2024 夏ももう終わりそう〜〜 #creativecoding #dailycoding #generativeart #p5js #processing pic.x.com/7xxqcbobjb
今日はここから。ベクトルを復習している。 I’m starting from here today. I’m reviewing vectors. #p5js pic.x.com/bkv6dc3qqi
#p5js の createFilterShader() を使ったフラグメントシェーダーで、三角関数とか極座標変換とか使いながら、実装をいろいろ試して遊んでみてたら、 星形に歪む感じ(?)の、不思議なフィルターができてしまったw pic.x.com/bgdz5xqi4y