Top dweets by u/FireFly

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*300,400,50,200) // draw 50x200 rects

} // 122/140

Please log in (or register) to post a dweet (copy-paste the code somewhere safe to save it meanwhile)


    u(t) is called 60 times per second.
    t: Elapsed time in seconds.
    S: Shorthand for Math.sin.
    C: Shorthand for Math.cos.
    T: Shorthand for Math.tan.
    R: Function that generates rgba-strings, usage ex.: R(255, 255, 255, 0.5)
    c: A 1920x1080 canvas.
    x: A 2D context for that canvas.

Try the new frontend: beta.dwitter.net
Current theme challenge: #ScaryMovies

show FPS hide FPS share fullscreen

FireFly

remix of d/3078 by u/FireFly

function u(t) {

for(c.width|=0,i=4e4;--i;C[a=i&8?i:i^15]<(a%16-8)**2+((S+t*2)%16-8)**2||x.fillRect(i%256*8,S*8,8,8))t?S=i>>8:C[i]=Math.random()*32

Oct 10 2021 3:54 AM UTC

}// 130/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Animated sprite silhouettes! (crawling)

u/FireFly

Adding a #time dimension to an old dweet of mine, by rethinking it a bit :)
u/rep_movsd

Amazing
u/rep_movsd

Looks like some of your earliest dweets dont render anymore on the new dwitter shim code
u/FireFly

hmm, they seem to work fine for me :o (in Firefox)
u/rep_movsd

Must be Chromium issues then

show FPS hide FPS share 1 remix fullscreen

FireFly

function u(t) {

for(c.width|=i=0;i<40;i+=.025)R=S(t)/4+.25,r=.7-R,x.fillRect((A=R+r*S(D=i%1*44+88))*C(E=i+t/10)*480+960,(B=A*S(E)+r*C(D))*340+510,W=4-B*3,W)

Mar 6 2017 12:46 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Torus-sphere thing

u/donbright

good one
u/SpecialAgent

excellent

show FPS hide FPS share fullscreen

FireFly

remix of d/3005 by u/FireFly

function u(t) {

for(i=5e3;Z=(i--%4>1)+i/128;i%4||x.beginPath(x.fill()))X=i%128+2>>2,x.fillStyle=R(Y=S(X*X/32+Z*Z/32-X-Z-t*6)*80+99),x.lineTo(X*60,Z*35-Y)

Aug 3 2017 9:03 PM UTC

}// 137/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Ripples! With proper quads instead. Add +Z*X-Z*16 after X*60 for perspective projection too (brings it up to 146)

u/FireFly

Another byte can be saved with with(x), but this causes a fair bit of slowdown for me. Thanks for some golfing tips from qfox and others on the jsgolf slack :)
u/cantelope

can't stop watching. def in my top 10 favs
u/iverjo

Very impressive!

show FPS hide FPS share 1 remix fullscreen

FireFly

function u(t) {

for(s='0',i=5;i--;c=s[t*60|0])s=s.replace(/\d/g,i=>['0-1+0+1-0',11][i]);c<2?x.translate(0,32,x.fillRect(0,0,3,32)):+c||x.rotate(c+120/57.3)

Mar 1 2017 5:43 PM UTC

}// 139/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

[Team dweet with u/PeCaN] L-system visualizer! Change initial state (s), #iterations (i), transition rules (['0-1+0+1-0',11]), which digits correspond to 'draw and move forward' (c<2), angle (120) to your own L-system ruleset. Digits 0-9 correspond to variables/constants (for each constant, add a rule that maps it to itself, i.e. to 'i').

u/5Mixer

Ha awesome! I was surprised when I saw this, I'd seen it on the internet before and was idly scribbling on the back of my book in a boring class today. Dope stuff :D

show FPS hide FPS share fullscreen

FireFly

function u(t) {

for(c.width|=0,i=3e3;Y=i-->>6;((X*(Y^X)*(1-C(t/4))/99&15).toString(D=30)>"082ac4e63b19f7d5"[Y%4*4+X%4])&&x.fillRect(X*D,Y*D,D,D))X=i&63

Mar 7 2017 11:21 PM UTC

}// 135/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Dithering as a stylistic effect

u/nick

Fucking tight!
u/joeytwiddle

#diither

show FPS hide FPS share fullscreen

FireFly

remix of d/1105 by u/fson

function u(t) {

x.strokeStyle =    `hsla(${t*12},99%,50%,.3)`
x.beginPath()
x.arc(t*152.79%1920, (C(t)+1.5)*300, (C(2*t)+1)*100, 0, 2*Math.PI)
x.stroke()

Jul 29 2017 8:14 PM UTC

}// 138/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/sigveseb

pretty
u/donbright

nice

show FPS hide FPS share fullscreen

FireFly

function u(t) {

if(t%12<.01)c.width|=0;x.beginPath();for(i=12;i;x.moveTo(960+40*i*C(T),540+40*(i-1)*S(T)),x.arc(940,540,40*i,T,T=t/8%1*--i*6.28));x.stroke()

Feb 28 2017 12:21 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/SpecialAgent

Impressive! Reminds me of a clockwork orange.

show FPS hide FPS share fullscreen

FireFly

function u(t) {

for(c.width&=i=1e4;i--;)'肁상낱ꁁႡ⁑ထ‥𝣝ﳽᐑ怉상ﳽ鲝ﳽ灡颱」'.codePointAt(i/128%32)-1>>(i&8?i%8^7:i%8)-~t%2*8&1||x.fillRect(i%128*S,i/8&-S,S,S=16)

Oct 11 2021 7:03 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Space invaders! #invaders #bitmap

show FPS hide FPS share 1 remix fullscreen

FireFly

function u(t) {

for(i=7e3;i--;x.fillRect(X*20,Y*20,20,20))X=i%96,Y=i>>7,x.fillStyle=`hsl(${X>>4<<6},99%,${(X&&X%16<15&&S(X*.4+t)*3+48>Y&&!!Y*2-(4<Y))*50}%)`

Aug 13 2017 11:34 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Rainbow banners!

u/sigveseb

Damn sweet!

show FPS hide FPS share fullscreen

FireFly

function u(t) {

f = (c, y, s) => x.fillRect(t*120, 540 + y*120, s, s, x.fillStyle = c)
f('#999', 0, 2)
f('#F00', S(T(S(T(S(t))))), 4)
f('#00F', T(C(t)), 4)

Mar 1 2017 3:02 PM UTC

}// 139/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Two interesting functions. T(C(x)) in particular looks a lot like a rounded triangle wave, which is pretty handy… mostly posting this as a meta-dweet/for reference. :)

u/sigveseb

perfect stuff for putting a community wiki!

dwitter.net | FireFly (732)