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: #Opposites

show FPS hide FPS share 1 remix fullscreen

FireFly

remix of d/24124 by u/FireFly

function u(t) {

Z='♜♞♝♚♛♝♞♜♟♟♟♟♟♟♟♟',eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁩👷🐱𜠸𞱩𛐭𞱦𪑬𫁓𭁹𫁥👒𚁩𙐲🱦𪑬𫁒𩑣𭀨𦀽𪐥𜐶𚠶𝀬𦐽𪐪𞀦𛑷𛁭👘𚱙𙡷𛁭𚑼𭰺𩡩𫁬𥁥𮁴𚁚𦱩𛰲𧠨𪐾𝠴𚐪𝠳𧑼𯀧𙰬𦀬𦐫𭰩𚐩𩡯𫡴🐧𝁣𫐢𙰊`.replace(/u../g,'')))

Oct 18 2021 10:13 PM UTC

}// 129/140

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

#chess board

u/FireFly

I've stared at this for too long... don't think I can get it below 146 decompressed (with Z inlined). Would be rad if we could squeeze those last characters out though and get it down to 140 without compression :)
u/tomxor

I have an imperfect 142
u/Agnes

This is 145 but I don't remember if the new indexing is actually shorter or not than yours: for(i=w=128;i--;x.fillStyle=R(i%2?x.fillRect(X=i%16*64,Y=i*8&-w,m=X+Y&w,m)|w:x.fillText('♜♞♝♚♛♝♞♜♟ '[Y++%7?++Y%5?9:8:i/2%8],X,Y+w)))x.font="4cm'"

show FPS hide FPS share 1 remix fullscreen

FireFly

remix of d/24093 by u/TGY

function u(t) {

with(x)for(i=w=128;i--;fillStyle=R(i%2?fillRect(X=i%16*64,Y=i*8&-w,t=X+Y&w,t)|w:Y/w%7||fillText('♜♞♝♚♛♝♞♜'[X/w^Y/w],X,Y+w)))font=w+'pt s'

Oct 14 2021 10:32 PM UTC

}// 137/140

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

pieces #chess

u/pavel

font='4cm"'
u/FireFly

ohh good one, didn't know about the font-family name trick
u/TGY

now we need to combine 2 dweets into single XD
u/DataMeta

fit them together with compression, but would be more interesting to jam it into 140 :)
u/FireFly

I can do a full chess board in 151c currently, but it *would* be really satisfying to fit it into the 140c without compression tricks indeed

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 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 fullscreen

FireFly

function u(t) {

for(c.width|=i=N=t/2+5;i-->0;)x.lineTo(960+C(A=i/N*31.4)*500,540+S(A)*500);x.fill('evenodd')

Aug 24 2017 12:19 PM UTC

}// 92/140

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

u/donbright

like magic spell

show FPS hide FPS share 3 remixes fullscreen

FireFly

function u(t) {

for(i=2e3;!t&&i--;Math.random()>(X**2+(Y-4)**2)**.5/6&&f(7)+f(-7))X=i&3,Y=i>>2&7,f=m=>x.fillRect(240*(i>>5&7)+120-X*m,180*(i>>8)+50+Y*7,7,7)

Aug 20 2017 3:53 PM UTC

}// 140/140

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

Spritegen! Generates 48 random sprites each time the dweet is run (make a change to rerun the dweet)

Show more comments…
u/sigveseb

I love this!
u/alien

wait WHAT !!
u/alien

D: What is going on here!! how
u/iverjo

How does it work?
u/FireFly

It's a dweetification of an older sprite generator of mine. The idea is to take a "mask" of 0..1 floats and filter a grid of random numbers for when num<mask. In this case the mask is based on euclidean distance from centre. This is done for half the sprite, and then the other half is just mirrored
u/FireFly

(You could also view it as flipping a biased coin for each mask value, with the bias given by the mask)
u/FireFly

The same principle would work just as well with larger sprites too, and more exotic/interesting mask shapes. The same rid of random numbers could be applied to different masks, or to an animated mask, to produce an animation between sprites, too!
u/nystrand

so cool!
u/joeytwiddle

Awesome. I love it. Every single one looks like a space invader!
u/iverjo

Interesting technique. Thanks for explaining :) Also, I agree with joeytwiddle
u/jick

Got a link to the original sprite generator?
u/FireFly

I never really wrote it to be shared, so it's all hardcoded and with really ugly code. I put together this animation though: https://twitter.com/FireyFly/status/80072288…
u/statenlogic

Simple, but effective! Makes me want to play 8-bit games again.
u/donbright

genius
u/joeytwiddle

#hiddengem
u/stiaje

#witchcraft
u/tomxor

#bitmap #sprite
u/KilledByAPixel

#generative pixelart
u/KilledByAPixel

#pixelart

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

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

Aug 2 2017 9: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).

Ripples!

u/alien

Respect

show FPS hide FPS share fullscreen

FireFly

remix of d/2973 by u/FireFly

function u(t) {

for (x.moveTo(c.width |= i = 80,0); i--; x.lineWidth=8)
  x.lineTo(i*26, 540 + C(i*3+t*2)*S(i/25)*400);
x.fill(x.lineTo(0,0))

Jul 31 2017 3:21 PM UTC

}// 125/140

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

u/sigveseb

Black/white always looks good :)

dwitter.net | FireFly (742)