Frank Force π»
@KilledByAPixel
Followers
11K
Following
34K
Media
4K
Statuses
13K
Generative Artist β’ Game Dev β’ Programmer β’ Size Coder β’ Musician β’ Zen Buddhist β’ Wizard β’ Friend to Cats π
Joined August 2009
A City in a Bottle π. <canvas style=width:99% id=c onclick=setInterval('for(c.width=w=99,++t,i=6e3;i--;c.getContext`2d`.fillRect(i%w,i/w|0,1-d*Z/w+s,1))for(a=i%w/50-1,s=b=1-i/4e3,X=t,Y=Z=d=1;++Z<w&(Y<6-(32<Z&27<X%w&&X/9^Z/8)*8%46||d|(s=(X&Y&Z)%3/Z,a=b=1,d=Z/w));Y-=b)X+=a',t=9)>
62
2K
7K
Wolf256 πΊπΊπΊ. <canvas id=c><svg onload="setInterval('d=w=j=c.width|=onmousemove=e=>R-=M-(M=e.x/29);S=Math.sin;for(a=S(R),b=S(R+11);j;d+=.1)S(X+(A=j/w*d-d/2)*b-d*a|Z-A*a-d*b)>.4||c.getContext`2d`.fillRect(--j,55-99/d,2/d,w/d,d=(1-1/d/d)/1e4,X-=d*a,Z-=d*b)',T=X=Z=R=M=9)">
30
216
2K
Tiny Sprite Generator βοΈπ·. for(i=82;i--;T(f=m=>x.fillRect(S?0:70+t*60%19*99-X*m,S?0:8+Y*8+(t*3|0)*98,a=S?2e3:8,a,S=0))>9||S?T(T=e=>Math.random()*255)**2/2e3>X*X+(Y-5)**2&&f(8)+f(-8):x.fillStyle=R(T(),T(),T()))X=i&7,Y=i>>3. #js13k #procedural #gamedev
34
358
2K
Dissecting A Dweet: Mini Black Hole. . Delving into my most popular dweet, a miniature black hole simulation! . #javascript #programming #digitalart #math #mathart #creativecoding #generative #abstartart #space #astronomy #blackhole
7
92
1K
Tree Lake Smaller and Uncompressed ποΈ #javascript #tinycode #generative #landscape #trees. X=t?X+r*50:0.for(i=h=350+199*C(t*4+X%1)|0;--i;x.fillRect(t?X-w+w*r:i*8,t?600+(r*8%4|0?i-h:h-i):r*1080,t?w:500,t?2:r*2))r=Math.random(w=i/4)
10
87
454
Space Comics are ready to drop on @fx_hash_ .Tomorrow. Thursday night. βοΈπ.10PM CST / 4AM UTC.512 Editions ~ 20 Tez.#generativeart #comicbooks #fxhash
43
53
454
City of Shadows βοΈπ #javascript #generative #loop #tinycode. for(w=c.width&=j=10368;j;x.fillRect(j%w,--j>>7,1-Z/w*T+q,T=1))for(a=1-j%w/64,b=j/7e3-1,q=Y=Z=b/5,X=t*30;++Z<w&(6-S(Z<29?0:(X>>3)**2^Z>>3)**8*50>Y||T|(q=S(X&Y&Z,a=b=-1,T=Z/w)*2/Z+1/Z));Y+=b)X-=a
10
86
384
π¨Astronomic Comics #101 Giveawayπ¨. For a chance to win one of my generative comics on @fx_hash_, just RT and follow. I will pick a winner randomly on Monday morning. βοΈπ #generativeart #tezos #tezosart #nft #fxhash #comicbooks #comics .
32
214
374
@Dr_TheHistories Thank you for talking about this cool phenomenon. I recently made some generative art that simulates it. Here is one of the results. ππ
4
18
352
Break It All β¬οΈ Felt the urge to make a more satisfying gif where the ball bounces off walls and eventually breaks everything. π
7
66
358
I am making a pottery sim for the fxhash hackathon! ππβ±οΈ This is an interactive minting experience where you create your own pottery. i am excited to share video with you for the first time. #fxhash #generativeart
43
47
339
My parking lot project is coming out this Sunday!.It will be a dutch auction, 5/22 at 5 PM UTC.ποΈππππππππ.#generativeart #fxhash #badparking
30
58
333
Grow Around π¦ #javascript #generative #tinycode #biology. for(c.width|=i=X=Y=0,w=t*30|0;i++<w;T[i]=X,R[i]=Y,x.lineTo(960+X*9,540+Y*9))for(X=T[i]||X,Y=R[i]||Y,j=0;j++<w;X+=s*A,Y+=s*B)A=X-T[j]||1,B=Y-R[j]||i,s=((i-j+w)%w)**2-1?(A*A+B*B<4)/9:-.4;x.fill()
5
53
296
"In a supersymmetric theory the equations for force and the equations for matter are identical.". @iRyanBell + @KilledByAPixel on @fx_hash_.#fxcollab #fxhash #generativeart
34
46
305
Check out this insane dweet by @tomx0r! #javascript. for(w=c.width&=i=10368;i;T=(2*X&Z)%7<3&Y*Y<2?R-T?T+.05:R+=.05:R!=T?R&=x.fillRect(--i%w,i>>7,1-4e5/(X+Y+18)**5,1+u%6/6/R):(u=Y<.3?Y*Y^2:Y<.6?5:w+X*9^Y*5^Z*9,T+.1))X=i%w/64*R-T,Y=i/4e3*R-T,Z=t*3+T
8
40
304
Holy cow, I just won Best Illusion of the Year! π§ββοΈ. Thank you everyone for your support. I will post the code used to generate this animation on GitHub soon. #illusion #javascript #creativecoding #trippy #math.
10
54
261
Semi-Circle Wave π #javascript #generativeart #tinycode #loop. with(x)for(j=0;j<24;strokeStyle=`hsl(${240-j*12} 98%${j++&&63}%`,beginPath(stroke()))for(lineWidth=j?19:3e3,i=99;i--;lineCap='round')lineTo(960-j*26*C(a=i/62*(1+S(j/4.7+2*t))),800-j*26*S(a))
9
33
270
Seasons Dweetings π²βοΈ #generative #javascript #tinycode. for(k=c.width|=j=25;X=j--/41;)for(i=R=j**5%399+299;w=i--/4;x.fillRect(X*3e3-R*T%w+!z*S(t*3+i/9)*29,T=720+(i-R)/(z?1:-2),w,2))z=i&7.for(;--k;)x.clearRect(k+S(t*9+k)*9,(t*99+k*k)%1e3,z=k%9,z)
3
30
268
Underwater Cavern by Pavel π€―. with(x)for(i=999;i--;fillRect(~setTransform(s=24e3/i,0,0,4*s,960-i+9*s*C(a=i+60*t),540+8*s*S(a)),~rotate(T(a*a)),2,2))fillStyle=R(9,i/4,i/3). #javascript #tinycode #dwitter #codegolf #tweetcart #demoscene #creativecoding
6
54
247
Breaking Ever Faster t?C=_=>u[G=(X/Z|0)+(Y/Z|0)*E]=-!u[G]|1:(Z=34,E=57,X=940,Y=530,A=7,B=3);for(x.fillRect(0,0,i=n=2e3,n);i;)x.clearRect(. i-->n-t?[X+=A*=C(X+=A),Y+=B*=C(Y+=B),9,9]:[i%E*Z,(i/E|0)*Z,!u[i]*Z,Z]). #javascript #generative #creativecoding
1
35
244
Much progress today but the best new feature is something I call "asshole parking" π #generativeart #fxhash #genartclub
25
31
249
Descending a #minecraft cave by tomxor βοΈπ€― #javascript. t?c.width=w=64:X=Y=Z=R=5;for(a=S(R),b=C(R),p=3e3;p--;X-=k*a,Z-=k*b,Y+=k*B,R-=k*A,x.fillRect(p%w,p/w,1,2-4/d))for(A=p%w/32-1,B=p/1e3,d=1;(X+d*A*b-d*a^Y+d*B^Z-d*A*a-d*b)%15>1;d+=.1)k=1e-4-3e-4/d/d
4
38
239
@InertialObservr Maybe this is too meta, but the cartoon's author wasn't paying attention during math class so that's why it is labeled wrong.
3
1
225
SierpiΕski Mountains β°οΈ #javascript #generativeart #creativecoding #mathart #demo #tinycode #loop. for(w=c.width&=j=10368;F=b=j--/1e4;x.fillRect(j%w,j>>7,F,X=Y=R=T=1))for(a=1-j%w/64;++R<w;Y+=b)X-=64-(X+R+t*9&R)%w/2<Y?(F=1-R/w/T++,a=b=-1):a
2
49
225
Hour plus long line to vote at our local polling place! Pro Bernie vibe here and people arenβt giving up. #BernieForPresident
2
31
218
"The simplest supersymmetry theories, with perfectly unbroken supersymmetry, each pair of superpartners would share the same mass and internal quantum numbers besides spin.".@iRyanBell + @KilledByAPixel .#generativeart #fxhash #fxcollab
17
30
228
First demo of this crazy new art project, generative plottable flexagons! This is a 4 color plot on 2 sides with sharpie. #generariveart #plottertwitter #axidraw #genartclub
7
28
206
Today I learned about an approximation for sine discovered by Bhaskara in 600 CE. I am using it to fix tiny discrepancies with Math.sin in different browsers. Here's my code. #javascript #math #generativeart . Z=x=>(((x%=360)<0?x+=360:x)<180?4:-4)*(x=(x%=180)*(180-x))/(40500-x)
8
23
217
How I made a 3D game in only 2KB of JavaScript, aka the epic postmortem for my #2kPlus game "Hue Jumper" is now live with many technical notes, check it out! π. #JavaScript #WebDev #js1k #js13k #GameDev #IndieDev #ScreenshotSaturday #GameDev #Retro
11
63
199
LittleJS π The Tiny JavaScript Game Engine That Can!. Choo-Choo, LittleJS is here! With tiny elegant code and powerful performance. I can't wait to see what you all make with it. Please RT! βοΈπ #javascript #js13k #indiedev #programming #webdev #LittleJS
0
81
205
π¨Antiflow #506 Giveawayπ¨.For a chance to win this amazing NFT from my collab with @iRyanBell, just retweet. I will pick a winner randomly 24 hours from now. ππ.#generativeart #fxhash #fxcollab #antiflow
16
184
205
Tomorrow we are making pottery on fxhash. ππ This generator uses a shader written from scratch with tons of variation in features and interactive sculpting! I can't wait to see what you make. β±οΈ #generativeart #fxhash #webgl #javascript #pottery
12
24
204
6
12
199
Procedural Space Invaders πΎ f=m=>x.fillRect(99+k%8*244-X*m,99+Y*9+(k>>3)*260+S(t+k)*19,9,9).for(x.fillRect(0,0,j=2048,j);j--;S(j*j+S(t*4)/6)**2*32>X*X+(Y-4)**2&&f(9)+f(-9))k=j>>6,i=j%64,X=i&7,x.fillStyle=R(Y=i>>3,j*j%350);. #javascript #generative #pixel
7
41
185
Retro Racing ποΈ #javascript #tinycode #generativeart. for(t?T++%Z?o+=a+=(b-a)/99:b=C(T*T)*2:o=a=b=T=0,c.width|=s=9,X=i=960;i--;s*=.99)x[f='fillRect'](i*2,Z=281,3,-((i+o*5>>4)**4)%99),x[f]((X+=a)-s*99*(i%2),i*s/9+Z,s*((T/2-i/19|0)%5&&i%2?99:89),s*9)
5
25
192
If you'd like to learn how the code works, I recommend checking out this amazing breakdown by @DanielDarabos that reorganizes and comments the code and provides controls to play with it.
1
36
193
A long and winding road π΅ for(c.width|=i=159,x.translate(960,99);i--;x.fillText(r+'β____ ____β'+r,S(a/137)*S(a/69)*i-44,9))x.scale(q=1.03,q),r=(a=i+t*60|0)%37?'β':'π΅'. #javascript #creativecoding #loop #tinycode @zozuar @MaximeEuziere @ntsutae
5
44
179
7
16
175
β οΈExperimenting with making an animated stereogram. Avert your eyes if you suffer problems from this sort of thing! π . Still amazes me that our eyes can build a 3d image from what seems like noise. π€© #magiceye #stereogram #illusion #generative #star
29
30
158
Chaospill is now available on fxhash πͺοΈπ.512 editions ~ 5 tez each ππ. #generativeart #fxhash #abstractart #tezosart #creativecoding #javascript #nftart
15
39
168
My new fxhash drop is ready. ππ.Tomorrow. Friday morning. 10AM CST / 4PM UTC.512 Editions ~ 5 Tez.After 24 hours any left over 100 will be burnt. #generativeart #fxhash #tezos #javascript #threejs
14
24
165
City Blocks π #generative #raycasting #tinycode #javascript. for(w=c.width&=i=10368;i--;x.fillRect(i%w,i>>7,1-Z/w*T+s,T=1))for(a=i%w/64-1,Y=Z=b=1-i/7e3,X=t*30,s=(b+a*a)/3;++Z<w&(6-S(Z>32&16<X%w&&X/8^Z/8)**12*60>Y||T|(s=S(X&Y&Z)*3/Z,a=b=1,T=Z/w));Y-=b)X+=a
5
23
156
Lorenz Attractor c.width|=filter='invert('.t%=X=Y=1,Z=16.for(i=3e3;i--;x.fillRect(980+a*78,1200-(b+t*Z)*25,9,9))a=X-X*t,b=Z-Z*t,Z+=(X*Y-Z)/39,X+=(Y-X)/9,Y+=X*(27-Z)/87,x.fillStyle=R((a+=X*t)*99,i/9,i/19). #generative #mathart
2
20
156
@guldeuxchats He blew the perfect opportunity to make his wife breakfast, order pizza for dinner, and spent the rest of the weekend doing whatever the hell he wanted.
1
1
142
π¨Astronomic Comics #511 Giveawayπ¨. For a chance to win one of my comics on #fxhash, reply with your title for this piece. I will pick my favorite on Friday morning. βοΈπ. #generativeart #comicbooks #fxhash #tezosnft
112
18
154
Working on something new inspired by crown shyness in trees. Just finished the prototype! Next I will focus on improving the algorithm and play with style/color. ππ #fxhash #generativeart #trees
8
10
154
fxVase, the on chain pottery tool I've been working on launches with fxHash 2.0 tomorrow! Can you "handle" it? π€£β±οΈ final testing in progress now but what I really need to do is write the description. π
#fxhash #pottery #webgl #generativeart
11
18
153
6
5
146
City in a Bottle is now available in WebGL ππ.Thank you so much and welcome new followers, we are over 8000 now! To celebrate I translated the program to webgl and it fits in a tweet! ποΈ
3
23
155
11 bytes smaller thanks to amazing work by tomxor! for(X=t?X+r*50:0,i=h=11+6*C(t*4+X%1)<<5;--i;x.fillRect(. t?[X-r*i/4,600+(r*8&3?i-h:h-i),i/4,2]:[i*8,r*999,h,r]))r=Math.random()
3
24
149
Joy Division - Unknown Pleasures πΆ.#javascript #tinycode. for(o=v=0,i=z=2e3;i--;x.fillRect(X=t&&460+i/2,Y=t&&99-o*S(i/637)**6+o/19+t*900,t?1:z,z),x.clearRect(X,Y,t<1,4))o+=v=T(i+t)>8?C(o):v-o/z+.02
6
16
144
I had a crazy dream about a recursive still life generator last night. So naturally I've been working feverishly all day to make it happen. π #generativeart #genartclub #fxhash #threejs
9
15
141
3
13
146
Isometric Divisions #generativeart #javascript #tinycode. for(k=4e3;k--;X=A,Y=B)i=k%540,g=t?u[i]:{X:960,Y:540},x.fillRect(A=g.X+=2*S(a=i*1.0472),B=g.Y+=2*C(a),2,u[j=(A|B<<11)%1e7]?u[i]={X,Y}:u[j]=2)
6
29
147
π¨Antiflow #503 Giveawayπ¨. Thank you for supporting our wild art experiment. For a chance to win this Antiflow, just reply with any NFT you own by me. I will pick a winner randomly in 24 hours. βοΈπ. #generativeart #fxhash #antiflow #tezosnft
88
15
140
I'm excited to announce the name of our new project, releasing Monday, May 2, 2022 @ 16:00 UTC (12pm EST) on @fx_hash_ βοΈπ. "ANTIFLOW".@iRyanBell + @KilledByAPixel. #generativeart #fxhash #antiflow
7
21
136
Treescape π² #javascript #tinycode #generative #trees. X=t?X+r*69:0.h=t?99+300*r+99*C(t*7):7e3.for(i=0;i<h;x.fillRect(q,700+h-++i,w,r))r=Math.random(w=i/4),x.fillStyle=R(v=t?0:80+i,v,v/.8),x.fillRect(q=!t&i?r*2e3:X-w+w*r,t?700-h+i:w,t?w:z=i?2:2e3,z)
4
21
135
Happy new year! π₯³ #javascript #tinycode #generativeart. for(U=371,Z=2e3,i=0;i<Z;t+=++i%U?0:7)x.fillStyle=`hsl(${t*9+T/4},99%,${i?T%97-q*q*29:0}%,${i+.1}`,q=t%4,Q=Z*(t>>2),T=i*Q%U*q,x.fillRect(i&&U+Q%917+T*S(i),i&&U+Q%U+T*C(i)-q*U+q*q*U,z=i?q*5+4:Z,z)
9
12
134
LittleJS engine can now draw over 300,000 sprites at 60fps on my machine with our latest updates to the webgl rendering system! π Check it out! πͺπ
#gamedev.
8
16
140
6
16
136
π¨ Chaosplot #42 Giveaway πͺοΈποΈ. For a chance to win this Chaosplot, just RT and follow. I will pick a winner randomly on Saturday morning. βοΈπ #generativeart #fxhash #chasosplot.
15
85
124
π¨Astronomic Comics #56 Giveawayπ¨. For a chance to win one of my comics on fxhash, reply with your title for this piece. I will pick my favorite on Monday. This is my last one to give away, so make it count!βοΈπ. #generativeart #comicbooks #fxhash
86
15
130
Today I am very excited to share that my 256 byte nano game for @lovebyteparty won 1st place! π₯³. This is a super tiny 3D maze explorer with mouse movement and player collision in a 256 byte HTML file. βοΈπ. Thank you to all the organizers and contestants. π. #lovebyte #tinycode
1
6
135
6
3
130
Hello 10,000 followers! ππ. This is such a huge milestone, thank you so much. It's been an amazing journey so far but we are still just getting started. I made this thread to share some of my work with all my new friends. π§΅
11
5
137
8
14
131
Thank you everyone for being interested in my strange hobby of writing super tiny code. I am floored by the response. π. There is a website called Dwitter where I've posted over 1000 of these programs! You can view them here sorted by popularity.
3
13
129
"Supersymmetry has various applications to different areas of physics. However, no supersymmetric extensions of the Standard Model have been experimentally verified.".@iRyanBell + @KilledByAPixel.#generativeart #fxhash #fxcollab
7
17
130
I made some special one of a kind generative coloring books to drop off at the tiny free library down the street. Reworked the code to produce a 4 page layout that folds to make a little book. ποΈ #generativeart #comicbooks #fxhash #coloringbookpage
11
13
128
@beesandbombs Here's another tiny javascript demake for you!. c.width|=0.with(x)for(i=500;i--;fill())fillStyle=R(255,i/2,i/4),beginPath(),arc(960+S(t-i/339)*800,540+S(i/159)*S(t*14-i/19)*300,80,0,7)
3
16
118
Recursion Soup π² #javascript #generative #tinycode. F=(A,i=0,z,p=C(t+n*n++)/4+.5)=>i++>9?x.fillRect(. A,x.strokeRect(. A),x.fillStyle=`hsl(${n} 80%${A[2]*A[3]/99}%`):F(A=[. A],i,z=A[2+i%2]*=p,F(A,i),A[i%=2]+=z,A[2+i]=z/p-z).F([460,40,n=1e3,n])
5
20
124
Break Them All #generativeart #javascript #tiny #breakout. t?c.width|=0:(X=Y=600,A=3,B=2,Z=64).for(i=2e3;i--;i<t*9?x.fillRect(X+=A*=F(X+=A),Y+=B*=F(Y+=B),9,9):F=_=>u[G=(X>>6)+(Y>>6)*Z]&&X*Y&&X<1920&Y<1080?1:u[G]=-1)x.fillRect(i%Z*Z,(i>>6)*Z,60,!u[i]*60)
4
16
125
Plotting Sprocket Factory #19 by β¦β¦@iRyanBellβ© on my axidraw. βοΈ #generativeart #fxhash #plotter
8
11
128
Blocked Up π¨ #generativeart #tinycode #javascript #isometric. for(t*=60,i=1e3;i--;)for(j=(a=(i>>6)**3^t>>6)%19+1;j--;x.fillRect((i-t+500)*2,t+i-20*j-460,2,20))x.fillStyle=`hsl(${a*30} ${S(a)*50+50}%${(i%8<7?t%8<7?90:150:40)*C(j|i/8+7|t/8+7)**2-40+j*4}%`
7
18
128
I noticed this cool effect with a plastic loop, the tv, and a semi glossy table. π§
8
9
124
π¨Chaospill #34 Giveawayπ¨.πͺοΈπ. Only one so far with the rare Mutate Colors trait. Retweet and follow for a chance to win. I will pick a winner randomly Monday morning. βοΈπ.#generativeart #fxhash #tezosart #tezos #chaospill
10
74
114
Check out this thrift store find I got for only $1! It's a scientific journal from the 70's about black holes, galaxies, and aliens!. As a generative artist there were a few pages that caught my eye which I scanned to share with you. π
π #science #space #generativeart
9
13
127
Some people were asking about my @revision_party entry so here it is! A tiny city and raycasting system that fits in a 256 byte html file. Reworked from my earlier dweet to fit standalone. ππ.#generative #javascript #tinycode #programming #demoscene.
2
8
120
Sierpinski Towers - Fits in half a tweet! π #generativeart #shadertoy #graphics #fractal #creativecoding. void mainImage(out vec4 c,vec2 p){.ivec3 b;for(;(b.x^b.y&b.z)%200>b.z-9;).b=ivec3((p/5e2-1.)*c.a+iTime/.1,c.a+=.1);.c=vec4(b*b.x%2,1)+c.a/2e2;}
3
24
116
π¨Astronomic Comics #405 Giveawayπ¨. For a chance to win one of my comics on fxhash, reply with your title for this piece. I will pick my favorite on Friday morning. βοΈπ. #generativeart #comicbooks #fxhash #tezosnft
84
13
118
The circles are all the same shade of grey! I made an animated version of the three color confetti illusion. #OpticalIllusion #Loop @NovickProf
3
53
109
