Icon x alert

Frank Force
Frank Force

Austin, TX

I write tiny programs to make art. Most of my shots use code shorter then this bio! I also make indie games and worked in the games industry for 20 years. ✌️

3d graphics, animation, creative direction, game design, programming, vfx

  1. Bounce Back Dweet Bounce Back Dweet — The main character from my JS13k game Bounce Back, animated in 140 characters of javascript! o="񏰀􏸿򺯼񳵕􀕓򺬖򤰀𦁓𐁐𤰀𤁏󓼓𣰀󔁓𐁐񢅕𠕈񥜨􀿿󚀏񥏁򳰂􀀏񌏀" eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪁼🐰𛁩🐲𝀰𞱩𛐭𞱸𛡦𪑬𫁒𩑣𭀨𭀥𜐼𛠵🱘𞠱𞀶𜀭𦀬𚁩𛰱𝑼𜀩𚡃𛁃𛁃🐶𞀩𚑸𛡦𪑬𫁓𭁹𫁥👒𚁶🐨𫰮𨱨𨑲𠱯𩁥𠑴𚁩𛰵𚐾🡩𙐵𚠲𙠳𚐪𞐵𛁶𛁶𚐬𦀽𝀲𜀫𪐥𜐵𚡃`.replace(/u../g,''))) https://www.dwitter.net/d/15713
  2. Bounce Back ~ Cover Screenshot Bounce Back ~ Cover Screenshot — https://js13kgames.com/games/bounce-back/index.html
  3. Procedural Level Generator for Bounce Back Procedural Level Generator for Bounce Back — These are variations on the last level before the final boss in my JS13k game Bounce Back. https://js13kgames.com/entries/bounce-back
  4. JS13K + Bounce Back JS13K + Bounce Back — https://js13kgames.com/entries/bounce-back
  5. Bounce Back Gameplay Bounce Back Gameplay — https://js13kgames.com/entries/bounce-back
  6. Bounce Back Gameplay Bounce Back Gameplay — https://js13kgames.com/entries/bounce-back
  7. Bounce Back - Title Sequence Bounce Back - Title Sequence — https://js13kgames.com/entries/bounce-back
  8. Chromatic Chromatic — https://www.dwitter.net/d/15574 Javascript... with(x)for(c.width|=0,fillRect(0,0,2e3,2e3),globalCompositeOperation='screen',font='90em"',i=3;i--;fillText('CHROMATIC',49+i*9,1020,1815))fillStyle=`hsl(${i*120+t*19} 99%50%`
  9. Twisted Circle Twisted Circle — https://www.dwitter.net/d/14557 JavaScript... c.width|=0 for(x.fillRect(0,0,2e3,2e3),x.fillStyle="red",i=1001;i--;x.lineTo(960+500*C(Z)*C(Y*t*t),540+500*Y))Y=S(Z=i/159) x.fill('evenodd')
  10. ZzFX Sound FX Website UI ZzFX Sound FX Website UI — http://www.zzfx.com
  11. Bogus Roads - Title Screen Bogus Roads - Title Screen — Title screen for a 3D pixel art game I'm working on.
  12. Breaking Broke Breaking Broke — Animation showing how one of my tiny javascript programs works. http://frankforce.com/?p=6766 Javascript... with(x)save(beginPath(font="85em'")),moveTo(j=1e3,540),clip(arc(j,540,2e3,a=t*6.3+9,a+.1)),restore(t>1||fillText("BROKE",29*S(a**3),j,1900))
  13. Paralax Mountains ~ View from a Train Window Paralax Mountains ~ View from a Train Window — https://www.dwitter.net/d/15354 for(w=i=99;i--;)for(j=0;j<9;x.fillRect(i*20,j++?w*j+w+w*C(q/9)/j+59*C(q/3.9)/j:0,20,3e3))q=(j*w+i+t*j**3),x.fillStyle=R(9+j*40%w,j*20,w-j*9)
  14. 140 Character JavaScript Self Portrait 140 Character JavaScript Self Portrait — https://www.dwitter.net/d/15349 c.width=55 for(i=960;i--;)x.fillRect(i%30+S(t+i/99)*4+9,i/30|0,"𐏾𐈀􏰃󰏿𓿀􏰟􀏿🿠􏰿􈇛𮿠𐑰􈀀𬇠𐁠򈈼𩷠򟡯򈀀𨇠򟁯񨈘𙥠򐀠𨈀𘁀򐀠𠈀𔁀򘀐𰈠𔂀􀀈𰀀𒊀􌀄𰇡𑃰𐠂񏠄🳿􎃿򏸀򏿿󐏿􏿿􏰀".charCodeAt(i/10)>>i%10&1,1)
  15. Spiral Flower Spiral Flower — https://www.dwitter.net/d/15324 for(c.width|=i=9;i--;)for(k=j=1;j+=k;j-99?0:k=-1)x.arc(960,540,j*12,a=i*.698+S(t-j/9)+S(t*2+j*3)*k/3,a) x.rect(0,0,2e3,2e3) x.fill`evenodd`
  16. Dribbble Froth Dribbble Froth — https://www.dwitter.net/d/15016 Javascript code... r=_=>Math.random()*2e3;X=r(Y=r(Z=400));t?A.map(a=>Z=((R=((a.X-X)**2+(a.Y-Y)**2)**.5)>a.Z+Z+3)?Z:R-a.Z-3):A=[];with(x)Z>0&&beginPath(A.push({X,Y,Z}),DrawImage(image,X,Y,q=Z*1.9,q,r()*9))
  17. Missing a few pegs Missing a few pegs — https://www.dwitter.net/d/15292 with(x)for(c.width|=0,k=59;k--;fill(),beginPath(t=-t-1.38)) for(j=62;j--;)arc(k%9*270,(k/9|0)*270,115+(j>>1)%2*40*((j>>3)!=3),q=j/5.093+t,q)
  18. I'm just trying to fit in. I'm just trying to fit in. — Javascript... https://www.dwitter.net/d/15272 with(x)for(fillRect(0,0,c.width|=0,2e3),k=49;k--;fillStyle=k-15?"#FFF":'RED',fill(),beginPath(t=-t))for(j=99;j--;arc(k%9*w,60+(k/9|0)*w,100+30*S(t*9+(k-15?16:8)*(q=Math.PI*j/99)),q*=2,q))w=240
  19. Lorenz System HD (140 chars of javascript) Lorenz System HD (140 chars of javascript) — Full explanation of how the code works on my blog... http://frankforce.com/?p=6584 Javascript code... c.width|=X=Y=Z=1 for(i=4010;i--;i<2e3&&x.lineTo(960+(X*C(t)-Y*S(t))*45,1160-Z*23))Z+=(X*Y-Z)/39,X+=(Y-X)/13,Y+=X*(28-Z)/99 x.fill`evenodd`
  20. Tiny Tree with Shadow Tiny Tree with Shadow — Javascript code to generate random trees with perspective shadow... https://www.dwitter.net/d/15249 F=(X,Y,Z,A)=>T(99,x.fillRect(t?X:X-(Y-700)/3,t?Y:790+(700-Y)/3,Z,Z,x.fillStyle=t?R(Z,300-Z*29):T=m=>C(Q*Q++)*m),Z>3&&F(X+S(A)*Z/2,Y-C(A)*Z/3,Z*.98,A*.9+T(.7)))>Z&&F(X,Y,Z/2,A);F(290,Q=700,99,0)
  21. Day Drive with Power Lines Day Drive with Power Lines — Tiny javascript code... https://www.dwitter.net/d/15260 for(i=219;i--;T=a=>C(j/9/a*(i/j+t*j**3))/j)for(j=0;j<5;x.fillRect(i*9,j++?q?230*j+199*T(2)+99*T(.9):99+2e3*Math.abs(T(18)):0,9,q||T(9)<-.199?3e3:20))q=j!=4,x.fillStyle=j?R(j*54%72,q*j*29):"#9AF"
  22. Night Train Window Night Train Window — https://www.dwitter.net/d/15236 m=a=>S(a*(i/j/9+t*j**3/9))/j;for(i=219;i--;)for(j=0;j<5;x.clearRect(i*9,S(i*i)*539,2,4*!j,x.fillRect(i*9,j++?220*j**.9+199*m(j/2)+99*m(j*1.3)+29*m(9):0,9,3e3)))x.fillStyle=R(9+j*9%15,j*9,j?9:39)
  23. Mona Lisa in 140 Characters of Javascript Mona Lisa in 140 Characters of Javascript — 19x34 Mona Lisa with 4 shades of grey stored as an astral unicode string plus code to unpack and render in 140 characters! https://www.dwitter.net/d/15196 Javascript code... (t*=60)?x.fillRect(t%19,t/19|0,("񥕕񥕕񥚥񥥕񥟪񦵅𵟤𕰁𒏤𑠀𐯹񑙀񠛾񥖐򥚿򹠪󰚯򺤏􈊯󺡇􎚫􊤂􏩪􊮕󏹙􎮪򿹚󏮩񯾦񫾕򫿪𐮠򻶺𐏨򻰟𐎪􉰂򐎩󍐁󴋿򿵕󎮾򿺪򿿮򿿪򿿿󏿾􋿻􏿿󏿾􏿿􏿿􏿿򻿿􏿿򺾑􏿿𺩐􏿿񫵑򻯿񫵕򺯿񵪕".charCodeAt(t/5)>>t%5*2&3)/3,1):c.width=60
  24. Ring Breathe Ring Breathe — https://www.dwitter.net/d/15175 c.width|=0 p=600/(2*Math.PI) for(k=7;k--;)for(j=601;a=j--/p*15;)x.arc(960,540,89+k*159+89*S(t+k)*S(j/p+a*k*k)*(S(a-t)),a,a) x.fill`evenodd`
or sign in
Loading more…
close