#minacoding Day29「思いきりカラフルに」は、
#p5js とリングフィット アドベンチャーのリングコン・Joy-Con（WebHID API を利用）の組み合わせ！
28日目の「2色だけで描く」も似た構成でしたが、カラフルな描画を色々足したのと、リングコンの回転を Joy-Con のセンサーの値で取れるようにしました
#p5js とリングフィット アドベンチャーのリングコン・Joy-Con（WebHID API を利用）の組み合わせ！
28日目の「2色だけで描く」も似た構成でしたが、カラフルな描画を色々足したのと、リングコンの回転を Joy-Con のセンサーの値で取れるようにしました
June 29, 2025 at 4:16 AM
#minacoding Day29「思いきりカラフルに」は、
#p5js とリングフィット アドベンチャーのリングコン・Joy-Con（WebHID API を利用）の組み合わせ！
28日目の「2色だけで描く」も似た構成でしたが、カラフルな描画を色々足したのと、リングコンの回転を Joy-Con のセンサーの値で取れるようにしました
#p5js とリングフィット アドベンチャーのリングコン・Joy-Con（WebHID API を利用）の組み合わせ！
28日目の「2色だけで描く」も似た構成でしたが、カラフルな描画を色々足したのと、リングコンの回転を Joy-Con のセンサーの値で取れるようにしました
#minacoding Day28「2色だけで描く」は、また変わり種な方向にしてしまったｗ
2色の描画は #p5js での青系と赤系の大きさ・高さが変わる円とバーの描画
その変動の元になるのが、リングフィット アドベンチャーのリングコンに対する内向き・外向きの押し込み・引っ張りというもの → WebHID での処理
2色の描画は #p5js での青系と赤系の大きさ・高さが変わる円とバーの描画
その変動の元になるのが、リングフィット アドベンチャーのリングコンに対する内向き・外向きの押し込み・引っ張りというもの → WebHID での処理
June 28, 2025 at 3:58 PM
#minacoding Day28「2色だけで描く」は、また変わり種な方向にしてしまったｗ
2色の描画は #p5js での青系と赤系の大きさ・高さが変わる円とバーの描画
その変動の元になるのが、リングフィット アドベンチャーのリングコンに対する内向き・外向きの押し込み・引っ張りというもの → WebHID での処理
2色の描画は #p5js での青系と赤系の大きさ・高さが変わる円とバーの描画
その変動の元になるのが、リングフィット アドベンチャーのリングコンに対する内向き・外向きの押し込み・引っ張りというもの → WebHID での処理
#minacoding Day27「他の人の作品を真似してみる」
X で見かけた dmvrg さんのダイヤル表示の描画が素敵だと思い、 #p5js で似た見た目を作ってみた
追加要素で、一方の手の指先の位置・向きに連動して表示位置・向きが変わり、
あともう一方の手の回転にダイヤル・数値が連動するようにしてみた！
X で見かけた dmvrg さんのダイヤル表示の描画が素敵だと思い、 #p5js で似た見た目を作ってみた
追加要素で、一方の手の指先の位置・向きに連動して表示位置・向きが変わり、
あともう一方の手の回転にダイヤル・数値が連動するようにしてみた！
June 27, 2025 at 3:17 AM
#minacoding Day27「他の人の作品を真似してみる」
X で見かけた dmvrg さんのダイヤル表示の描画が素敵だと思い、 #p5js で似た見た目を作ってみた
追加要素で、一方の手の指先の位置・向きに連動して表示位置・向きが変わり、
あともう一方の手の回転にダイヤル・数値が連動するようにしてみた！
X で見かけた dmvrg さんのダイヤル表示の描画が素敵だと思い、 #p5js で似た見た目を作ってみた
追加要素で、一方の手の指先の位置・向きに連動して表示位置・向きが変わり、
あともう一方の手の回転にダイヤル・数値が連動するようにしてみた！
#minacoding Day21「枠線などの線だけでの描画」
描画側は #p5js で描いた、様々な色の枠線の数字が出ます
その数字が何で決まるかというと...
「人生ゲーム for Nintendo Switch専用ルーレットコントローラー」で出た数字で、数字は
Joy-Con経由で取得してます（Joy-Con を HIDデバイスとして扱う）
描画側は #p5js で描いた、様々な色の枠線の数字が出ます
その数字が何で決まるかというと...
「人生ゲーム for Nintendo Switch専用ルーレットコントローラー」で出た数字で、数字は
Joy-Con経由で取得してます（Joy-Con を HIDデバイスとして扱う）
June 22, 2025 at 4:58 AM
#minacoding Day21「枠線などの線だけでの描画」
描画側は #p5js で描いた、様々な色の枠線の数字が出ます
その数字が何で決まるかというと...
「人生ゲーム for Nintendo Switch専用ルーレットコントローラー」で出た数字で、数字は
Joy-Con経由で取得してます（Joy-Con を HIDデバイスとして扱う）
描画側は #p5js で描いた、様々な色の枠線の数字が出ます
その数字が何で決まるかというと...
「人生ゲーム for Nintendo Switch専用ルーレットコントローラー」で出た数字で、数字は
Joy-Con経由で取得してます（Joy-Con を HIDデバイスとして扱う）
June 19, 2025 at 4:57 PM
#minacoding Day17「梅雨をコードで表現」を、また #p5js の「createFilterShader()」ネタにて
昨年秋に試作した「カメラ映像＋ブラー＋カスタムシェーダーによる水滴エフェクト」に、今回「水たまり」を足してみた！
水たまり、というレベル感ではないものになった気がするけどｗ
昨年秋に試作した「カメラ映像＋ブラー＋カスタムシェーダーによる水滴エフェクト」に、今回「水たまり」を足してみた！
水たまり、というレベル感ではないものになった気がするけどｗ
June 17, 2025 at 3:26 PM
#minacoding Day17「梅雨をコードで表現」を、また #p5js の「createFilterShader()」ネタにて
昨年秋に試作した「カメラ映像＋ブラー＋カスタムシェーダーによる水滴エフェクト」に、今回「水たまり」を足してみた！
水たまり、というレベル感ではないものになった気がするけどｗ
昨年秋に試作した「カメラ映像＋ブラー＋カスタムシェーダーによる水滴エフェクト」に、今回「水たまり」を足してみた！
水たまり、というレベル感ではないものになった気がするけどｗ
#minacoding Day15「ずれや揺らぎを表現」
#p5js の「createFilterShader()」でのカスタムシェーダーで作った、ずれや揺らぎのあるふわっとしたアニメーション
やはり minacoding用の投稿でのシェーダー利用率が高くなるｗ
#p5js の「createFilterShader()」でのカスタムシェーダーで作った、ずれや揺らぎのあるふわっとしたアニメーション
やはり minacoding用の投稿でのシェーダー利用率が高くなるｗ
June 14, 2025 at 3:11 PM
#minacoding Day15「ずれや揺らぎを表現」
#p5js の「createFilterShader()」でのカスタムシェーダーで作った、ずれや揺らぎのあるふわっとしたアニメーション
やはり minacoding用の投稿でのシェーダー利用率が高くなるｗ
#p5js の「createFilterShader()」でのカスタムシェーダーで作った、ずれや揺らぎのあるふわっとしたアニメーション
やはり minacoding用の投稿でのシェーダー利用率が高くなるｗ
June 14, 2025 at 5:46 AM
June 12, 2025 at 4:25 PM
#minacoding Day10「液体のような形」
#p5js の「createFilterShader()」でのカスタムシェーダーで作った、溶け合う感じで水面みたいなアニメーション
minacoding用の投稿でのシェーダー利用率が高くなってるｗ
#p5js の「createFilterShader()」でのカスタムシェーダーで作った、溶け合う感じで水面みたいなアニメーション
minacoding用の投稿でのシェーダー利用率が高くなってるｗ
June 11, 2025 at 3:47 PM
#minacoding Day10「液体のような形」
#p5js の「createFilterShader()」でのカスタムシェーダーで作った、溶け合う感じで水面みたいなアニメーション
minacoding用の投稿でのシェーダー利用率が高くなってるｗ
#p5js の「createFilterShader()」でのカスタムシェーダーで作った、溶け合う感じで水面みたいなアニメーション
minacoding用の投稿でのシェーダー利用率が高くなってるｗ
June 11, 2025 at 3:08 PM
#minacoding Day6「架空の生き物」を #p5js で！
Day1 「円だけを使った描画」の時に作って作品に手を加えて、パーティクルを尻尾がついた生き物っぽい見た目になるようにしてみた！
（元のパーティクルの時も、残像をつけてたのが尻尾のように見える気もして、元々少し生き物要素はあったかも？）
Day1 「円だけを使った描画」の時に作って作品に手を加えて、パーティクルを尻尾がついた生き物っぽい見た目になるようにしてみた！
（元のパーティクルの時も、残像をつけてたのが尻尾のように見える気もして、元々少し生き物要素はあったかも？）
June 6, 2025 at 4:31 PM
#minacoding Day6「架空の生き物」を #p5js で！
Day1 「円だけを使った描画」の時に作って作品に手を加えて、パーティクルを尻尾がついた生き物っぽい見た目になるようにしてみた！
（元のパーティクルの時も、残像をつけてたのが尻尾のように見える気もして、元々少し生き物要素はあったかも？）
Day1 「円だけを使った描画」の時に作って作品に手を加えて、パーティクルを尻尾がついた生き物っぽい見た目になるようにしてみた！
（元のパーティクルの時も、残像をつけてたのが尻尾のように見える気もして、元々少し生き物要素はあったかも？）
#minacoding Day4「ランダムを使ったコード」
#p5js の「createFilterShader()」でのカスタムシェーダーで作った、波打つような見た目を、ランダムな要素で動かしたり光らせたり
それと球面上に表示させたり、キーで色やパラメーターを変えられるようにもしました！
#p5js の「createFilterShader()」でのカスタムシェーダーで作った、波打つような見た目を、ランダムな要素で動かしたり光らせたり
それと球面上に表示させたり、キーで色やパラメーターを変えられるようにもしました！
June 5, 2025 at 3:59 AM
#minacoding Day4「ランダムを使ったコード」
#p5js の「createFilterShader()」でのカスタムシェーダーで作った、波打つような見た目を、ランダムな要素で動かしたり光らせたり
それと球面上に表示させたり、キーで色やパラメーターを変えられるようにもしました！
#p5js の「createFilterShader()」でのカスタムシェーダーで作った、波打つような見た目を、ランダムな要素で動かしたり光らせたり
それと球面上に表示させたり、キーで色やパラメーターを変えられるようにもしました！
#minacoding Day2「自分なりのケーキ」を #p5js で（遅れての投稿だけど）
自分っぽい方向は「アニメーションとインタラクション要素」かな、と思って
「パーティクルでできた、マウスカーソルに反応するケーキ」を作ってみた！
できたものは、静止しているときはぎりぎりケーキっぽい物体？
自分っぽい方向は「アニメーションとインタラクション要素」かな、と思って
「パーティクルでできた、マウスカーソルに反応するケーキ」を作ってみた！
できたものは、静止しているときはぎりぎりケーキっぽい物体？
June 4, 2025 at 4:25 PM
#minacoding Day2「自分なりのケーキ」を #p5js で（遅れての投稿だけど）
自分っぽい方向は「アニメーションとインタラクション要素」かな、と思って
「パーティクルでできた、マウスカーソルに反応するケーキ」を作ってみた！
できたものは、静止しているときはぎりぎりケーキっぽい物体？
自分っぽい方向は「アニメーションとインタラクション要素」かな、と思って
「パーティクルでできた、マウスカーソルに反応するケーキ」を作ってみた！
できたものは、静止しているときはぎりぎりケーキっぽい物体？
June 1, 2025 at 5:16 PM
#minacoding Day 20 - Film the process
#p5js #processing #creativecoding
The process of making an Echo
www.youtube.com/watch?v=IH2d...
#p5js #processing #creativecoding
The process of making an Echo
www.youtube.com/watch?v=IH2d...
Minacoding Day 20 - Film the production
YouTube video by Factor 50+ Protection
www.youtube.com
June 20, 2026 at 11:02 AM
#minacoding Day 20 - Film the process
#p5js #processing #creativecoding
The process of making an Echo
www.youtube.com/watch?v=IH2d...
#p5js #processing #creativecoding
The process of making an Echo
www.youtube.com/watch?v=IH2d...
Mina Coding Day 16 - Glitch
YouTube video by Factor 50+ Protection
www.youtube.com
June 16, 2026 at 6:32 AM
#minacoding Day 11 - Green
A sketch made with #p5js that emulates an Amstrad GT65 monitor
code: openprocessing.org/@megamitts/2...
A sketch made with #p5js that emulates an Amstrad GT65 monitor
code: openprocessing.org/@megamitts/2...
June 11, 2026 at 7:00 AM
#minacoding Day 11 - Green
A sketch made with #p5js that emulates an Amstrad GT65 monitor
code: openprocessing.org/@megamitts/2...
A sketch made with #p5js that emulates an Amstrad GT65 monitor
code: openprocessing.org/@megamitts/2...
#minacoding Day 10 - Paper
Johnny Bravo! I haven't sketched for a long time. This is from 2012!
#p5js #processing #sketch #art #cartoonnetwork
Johnny Bravo! I haven't sketched for a long time. This is from 2012!
#p5js #processing #sketch #art #cartoonnetwork
June 9, 2026 at 7:03 AM
#minacoding Day 10 - Paper
Johnny Bravo! I haven't sketched for a long time. This is from 2012!
#p5js #processing #sketch #art #cartoonnetwork
Johnny Bravo! I haven't sketched for a long time. This is from 2012!
#p5js #processing #sketch #art #cartoonnetwork
#minacoding Day 9 - Magic
#p5js #processing #creativecoding
code: openprocessing.org/@megamitts/2...
A few seconds of footage:
#p5js #processing #creativecoding
code: openprocessing.org/@megamitts/2...
A few seconds of footage:
June 8, 2026 at 9:32 PM
#minacoding Day 9 - Magic
#p5js #processing #creativecoding
code: openprocessing.org/@megamitts/2...
A few seconds of footage:
#p5js #processing #creativecoding
code: openprocessing.org/@megamitts/2...
A few seconds of footage:
#minacoding day 8 - triangle
#p5js #processing #creativecoding
code: openprocessing.org/@megamitts/2...
#p5js #processing #creativecoding
code: openprocessing.org/@megamitts/2...
June 8, 2026 at 6:57 AM
#minacoding day 8 - triangle
#p5js #processing #creativecoding
code: openprocessing.org/@megamitts/2...
#p5js #processing #creativecoding
code: openprocessing.org/@megamitts/2...
Monsieur Groove (The #Jazz Dancer)
One for #minacoding day 2 - #music
coded in #p5js with music by Theo Gerard
#jazzmusic #animation #dancer
youtube.com/shorts/hRPhP... via
@YouTube
One for #minacoding day 2 - #music
coded in #p5js with music by Theo Gerard
#jazzmusic #animation #dancer
youtube.com/shorts/hRPhP... via
@YouTube
Monsieur Groove (The Jazz Dancer)
YouTube video by Factor 50+ Protection
youtube.com
June 3, 2026 at 4:35 AM
Monsieur Groove (The #Jazz Dancer)
One for #minacoding day 2 - #music
coded in #p5js with music by Theo Gerard
#jazzmusic #animation #dancer
youtube.com/shorts/hRPhP... via
@YouTube
One for #minacoding day 2 - #music
coded in #p5js with music by Theo Gerard
#jazzmusic #animation #dancer
youtube.com/shorts/hRPhP... via
@YouTube
t=0
draw=_=>{background(0,t++?.1:!createCanvas(W=720,W)+W)
colorMode(HSB)
noStroke()
filter(BLUR)
P=PI/2
F=(x,y,a,z)=>z--&&fill(Z=z*9,80,W,.5)+circle(x+=cos(a)*Z,y+=sin(a)*Z,z*5)+[P,-P].map(p=>F(x,y,a+p*t/99,z))
for(i=4;i--;)F(360,360,t/99+i*P,9)}
#minacoding
#つぶやきProcessing
youtu.be/JLyD32H0yow
draw=_=>{background(0,t++?.1:!createCanvas(W=720,W)+W)
colorMode(HSB)
noStroke()
filter(BLUR)
P=PI/2
F=(x,y,a,z)=>z--&&fill(Z=z*9,80,W,.5)+circle(x+=cos(a)*Z,y+=sin(a)*Z,z*5)+[P,-P].map(p=>F(x,y,a+p*t/99,z))
for(i=4;i--;)F(360,360,t/99+i*P,9)}
#minacoding
#つぶやきProcessing
youtu.be/JLyD32H0yow
つぶやきCoding No.0949 | 2026/06/01
YouTube video by はぅ君プロジェクト・ジェネラティブアート
youtu.be
June 1, 2026 at 2:09 PM
t=0
draw=_=>{background(0,t++?.1:!createCanvas(W=720,W)+W)
colorMode(HSB)
noStroke()
filter(BLUR)
P=PI/2
F=(x,y,a,z)=>z--&&fill(Z=z*9,80,W,.5)+circle(x+=cos(a)*Z,y+=sin(a)*Z,z*5)+[P,-P].map(p=>F(x,y,a+p*t/99,z))
for(i=4;i--;)F(360,360,t/99+i*P,9)}
#minacoding
#つぶやきProcessing
youtu.be/JLyD32H0yow
draw=_=>{background(0,t++?.1:!createCanvas(W=720,W)+W)
colorMode(HSB)
noStroke()
filter(BLUR)
P=PI/2
F=(x,y,a,z)=>z--&&fill(Z=z*9,80,W,.5)+circle(x+=cos(a)*Z,y+=sin(a)*Z,z*5)+[P,-P].map(p=>F(x,y,a+p*t/99,z))
for(i=4;i--;)F(360,360,t/99+i*P,9)}
#minacoding
#つぶやきProcessing
youtu.be/JLyD32H0yow
t=0
draw=_=>{t++||createCanvas(W=720,W)
noStroke()
colorMode(HSB)
background(H=noise(T=(t/W))*W%360,W,W)
fill((H+180)%360,75,W)
for(y=0;y.5?quad(x,y,x+18,y,x+9,y+15):0}
#minacoding 20250628,29,30
#つぶやきProcessing
youtu.be/DKgzKaVrzw0
draw=_=>{t++||createCanvas(W=720,W)
noStroke()
colorMode(HSB)
background(H=noise(T=(t/W))*W%360,W,W)
fill((H+180)%360,75,W)
for(y=0;y
#minacoding 20250628,29,30
#つぶやきProcessing
youtu.be/DKgzKaVrzw0
つぶやきCoding No.0882 | 2025/06/30
YouTube video by はぅ君プロジェクト・ジェネラティブアート
youtu.be
June 30, 2025 at 1:07 PM
t=0
draw=_=>{t++||createCanvas(W=720,W)
noStroke()
colorMode(HSB)
background(H=noise(T=(t/W))*W%360,W,W)
fill((H+180)%360,75,W)
for(y=0;y.5?quad(x,y,x+18,y,x+9,y+15):0}
#minacoding 20250628,29,30
#つぶやきProcessing
youtu.be/DKgzKaVrzw0
draw=_=>{t++||createCanvas(W=720,W)
noStroke()
colorMode(HSB)
background(H=noise(T=(t/W))*W%360,W,W)
fill((H+180)%360,75,W)
for(y=0;y
#minacoding 20250628,29,30
#つぶやきProcessing
youtu.be/DKgzKaVrzw0
t=0
draw=_=>{t++||createCanvas(W=720,W)
background(0)
for(y=0;y#minacoding 20250625 (Work in progress)
#つぶやきProcessing
youtu.be/yzEDjjcG1O0
draw=_=>{t++||createCanvas(W=720,W)
background(0)
for(y=0;y
#つぶやきProcessing
youtu.be/yzEDjjcG1O0
つぶやきCoding No.0881 | 2025/06/25
YouTube video by はぅ君プロジェクト・ジェネラティブアート
youtu.be
June 25, 2025 at 12:50 PM
t=0
draw=_=>{t++||createCanvas(W=720,W)
background(0)
for(y=0;y#minacoding 20250625 (Work in progress)
#つぶやきProcessing
youtu.be/yzEDjjcG1O0
draw=_=>{t++||createCanvas(W=720,W)
background(0)
for(y=0;y
#つぶやきProcessing
youtu.be/yzEDjjcG1O0