- すべて
- 画像・動画
並べ替え:新着順
#p5js と #PixiJS だと、例えばこんな感じ x.com/youtoy/status/… #BabylonJS勉強会 #PlayCanvas #BabylonJS
【指でつまんだところから空間をちょっと歪めるエフェクト】 #p5js と #PixiJS の Filter を組み合わせた実装で、ブラウザ上で動作する、Webカメラ映像に適用できるエフェクトを作ってみた! 見た目的には、映像上の指でつまんだ場所から、波紋のように拡がっていく見た目のエフェクトを発生させる形 pic.x.com/rwfygrfnmh
ꍏ♄𝕰 𐂃ꉸØ𝓜𝓔𝓣ℌ𝔼ꙈŞ ῳ𝓐𝕷𝔘𝓲𝓖ι 卄¥Ƥ乇尺丂Ⓣ𝕀тι๏η #generativeart #electronicmusic #ai #aiart #aicoding #codeart #p5js #outsiderart #claudeai #animation #digitalart #blender #creativecoding #electronic #surreal #Waluigi pic.x.com/mg7jcfvfkx
@m_oka さんの話されてた、ライブラリの組み合わせの話、良いですよね! 自分も、 #BabylonJS と #p5js や、p5.js と #PixiJS など、それぞれの得意な部分を組み合わせる取り組みやってみてたりします #BabylonJS勉強会 #PlayCanvas x.com/youtoy/status/…
#BabylonJS のポストエフェクトの 1つ「DigitalRainPostProcess」と、 #p5js のカメラ画像を含む 2D描画を組み合わせる試作! 構成的には、 p5.js の 2D の描画を Babylon.js のシーン内に描画し、それにポストエフェクトを適用した上で、その描画を p5.js の 2D のキャンバス上に描画するという流れ pic.x.com/bd0rpeeusb
一時期、いろいろお試しをしていた #p5js での自前で書くシェーダー(特にフラグメントシェーダー関連)、それをまた久しぶりにやろうかと ●p5.js のフィルター用シェーダー「createFilterShader()」で座標・色情報・ベクトルを扱う処理:WebGL 2.0(GLSL ES 3.0) - #Qiita qiita.com/youtoy/items/1…
//豪雨で散歩諦めたので、#つぶやきProcessing が捗る。 #p5js t=1,d=17 draw=_=>{ createCanvas(W=(w=200)*2,W) p=x=>((X=x-w)<0?-X:X)**(1/t) for(x=0;x<W;x+=d) for(y=0;y<W;y+=d) fill(D=w*sin(p(x)+p(y)),x,y), circle(x+D/w,y+D/w,d) t=(t+=.01)>3?1:t} pic.x.com/gcg9k4o3w8
色々と試行錯誤しながら作って、良いところまで来たのではないだろうか。 データビジュアライズとジェネラティブアートを半々に織り交ぜたような作り方をしてみた。 #p5js #creativecoding #generativeart pic.x.com/uesou6bzsh
Conway's Life of Game作りました 設定でセルの数などを変更できます。 壁のモードを毒の壁とラップアラウンド用意しました。 毒の壁では見えている外側のセルを0とします。 ラップアラウンドでは左端と右端、上端と下端がつながっています。 mathxa.complex-alpha.work/gol/random #p5js
セールスの人に売上目標に対して今どれくらい,というのを可視化して盛り上がりたい,ということで,なんちゃらメーターを作ってみた(=゚ω゚)ノ 後は現在値と目標値を設定するだけ👍 openprocessing.org/sketch/2335880 #p5js #dailycoding pic.x.com/h4rzwkqi7f
壁の黒カビをお風呂用カビハイターで取るお仕事一本で生きていきたい #p5js #creativecoding openprocessing.org/sketch/2334935 pic.x.com/rzbvajk8pg
いい感じ。このへんで一回リソグラフ刷って確認しておこうかな。あとはortho()の奥行調整とライティングを配列で処理する部分、ハーフトーンパターンの設定を入れる。 #dailycoding #p5js #webgl #risograph pic.x.com/v94onnskne
自作OCRツールの検証のために、#p5js で #ZTMY フォントで試し書きできるツールをこしらえました。スマホでもPCでも。 tetunori.github.io/ztmy-font-test… 検証以外の用途は特に浮かばないですが、使いたい方はご自由にどうぞ~🦔 #creativecoding pic.x.com/sq4po8kvel
CCBTのワークショップ&上映プログラム「CIVIC CANVAS」に参加して制作した作品『Intersection』が、渋谷サクラステージにて上映中です。渋谷ということで交差点の横断歩道のモチーフで制作しました。 8/24~9/7 7:30~23:30(毎時30分に10分間上映) #CCBT #p5js pic.x.com/rwiagzhxsx
返信先:@sqd_arご質問のtweetですが、これは #p5js を使って240文字以内でどれだけ面白い画像を作れるかを挑戦しています。 #つぶやきProcessing で検索すると、他の方の作品を見ることができます。
返信先:@sqd_ar知らない人が見ると何だかわかりませんよね🙂 これは #p5js というブラウザでこのような画像を作成できるプログラミング言語です。ここに世界中の方が作った作品があります。 openprocessing.org/discover/
//今日は東京は雷鳴らなかったね #つぶやきProcessing #p5js t=0 draw=_=>{ t||createCanvas(W=(w=200)*2,W) for(T=TAU*PI/2;T>0;T-=TAU/W) R=w*sin(T/PI), stroke(R*2,T*55,X=R*cos(U=T+t)), strokeWeight(X), point(X+w,-R*sin(U)+w), ++t} pic.x.com/cawfppfv15
strokeを描くプロセスまで実装。オーバープリントと抜き合わせの処理をきちんと実装できた。表現力が上がっていい感じ。 #dailycoding #p5js #risograph pic.x.com/oywvcsjckf
やっぱりパラメータの分配を"linear"だけじゃなくていろいろ指定したくなってくる。noiseで揺らしたい。 #dailycoding #p5js #risograph pic.x.com/egdy4xfp5m
今日はICCキッズ・プログラム2024 キミ( ).コード( ).セカイ( ) 展にお越しいただいたfumiさんの作品をコーディングしました!プラナカンハウスのタイル模様の中にありそうだなと思いました。 展示会は8/25までです!行ってみてください。 openprocessing.org/sketch/2332420 #tabicoding #p5js @NTTICC pic.x.com/dnepdlvmlg
// Logistic eq. in circle #つぶやきProcessing #p5js Twitter(自称X)の平民quota240文字に入らないんだけど、こちらのほうが分かりやすいかも。 コードはGifのAltに入れました。 pic.x.com/kili89tnog