Dweets awesomed 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: #Food

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/3118 by u/donbright

function u(t) {

for(i=2e3;i--;x.fillStyle=`hsl(${i+t*t},99%,50%)`)x.fillRect(i*(i*i-(j=t*i%frame)*j)/(b=j*j+i*i),999-i*j*i/b,2,4)

Aug 29 2017 6:08 PM UTC

}// 113/140

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

u/donbright

dude i let this run for like 10 minutes and it was really interesting. like little rainbow ants or something.
u/Xen

yeah sorry, it has 'bugs' LOL ;-)
u/sigveseb

lol

show FPS hide FPS share fullscreen

kchplr

remix of d/3105 by u/kchplr

function u(t) {

for(c.width|=i=0,f=t*3%2|0;++i<256;)'|þ᧺뽾똿곿객︿㯴Ǽø'.charCodeAt(f?i>>4:15-(i>>4))&1<<i%16|0&&x.fillRect(i>>4<<5,i%16<<5,32,32)

Aug 25 2017 10:56 AM UTC

}// 128/140

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

Sprite animated with simple mirroring

Show more comments…
u/kchplr

can actually make it move under 140 chars: for(c.width|=i=0,f=t*5%2|0;++i<256;)'|þ᧺뽾똿곿객︿㯴Ǽø'.charCodeAt(f?i>>4:15-(i>>4))&1<<i%16|0&&x.fillRect(i>>4<<5,(i%16+t*5<<5)%1e3,32,32)
u/sigveseb

Very nice, cool tricks
u/donbright

excellent
u/FireFly

Very nice! Where is the sprie from? For some reason it feels really familiar…
u/kchplr

@FireFly: Possible :) It's a NPC from The Legend of Zelda: Oracle of Ages
u/13thptr

#hiddengem #bitmap

show FPS hide FPS share 2 remixes fullscreen

New_Core

function u(t) {

c.width|=0;
for(i=130;i--;)x.ellipse(960,540,i*4,150*S(t+i/50)+150,2*S(t/4)+i*2.1,t,7+t)
x.stroke()

Aug 24 2017 3:05 PM UTC

}// 99/140

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

u/FireFly

Awesome "wire" art! Love it.
u/SilentSword

excellent!
u/d0n.key

Illuminati confirmed - I see triangles everywhere

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 fullscreen

magna

remix of d/2403 by u/magna

function u(t) {

w=c.width|=0
r=x.clearRect.bind(x)
x.fillRect(0,0,w,w)
r(950+C(T=t*30)*70,490+S(T)*70,20,20)
r(0,950,t*w,10)
r(40,1e3,10,40)+r(60,1e3,10,40)

Aug 24 2017 6:29 AM UTC

}// 140/140

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

dweet player loader

u/FireFly

I keep waiting for it to finish loading…
u/sigveseb

Sweet!
u/magna

#dweetplayerloader
u/joeytwiddle

#loading

show FPS hide FPS share fullscreen

magna

remix of d/2588 by u/magna

function u(t) {

w=c.width|=0;x.fillRect(0,0,w,w);x.clearRect(100,470,1720,140);x.fillRect(110,480,1700,120);x.clearRect(120,490,(t-(t|0))*1680,100)

Aug 24 2017 4:07 AM UTC

}// 131/140

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

dweet player loader mark 2

show FPS hide FPS share fullscreen

zgrep

remix of d/3078 by u/FireFly

function u(t) {

if(!t)for(c.width|=X=Y=i=0;i<1e5;X=i++%213,Y=i/213|0)f=m=>x.fillRect(9*X+18*m,9*Y,9,9),Math.random()<S(X/9.8)*S(Y/18)-.76&&f(0)+f(17-X%30)

Aug 21 2017 2:47 AM UTC

}// 138/140

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

u/donbright

dude how?

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 fullscreen

nystrand

function u(t) {

for(i=c.width+=0;i--;x.fillRect(a*w+1e3,b*w+540,m=w/9-9,m))[a,b,z,w=(z+9+T(t))*19]=t?x[i/3|0]:[S(i),C(i),6*i%8-3],x[i/3|0]=[b+a/77,z,a-b/77]

Aug 19 2017 1: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).

Show more comments…
u/iverjo

Respect!
u/joeytwiddle

Wow!
u/cantelope

unreal!
u/n0va

Impressive!
u/FireFly

This one is really cool! Keep it up! :)
u/p01

👍
u/donbright

oh man!!!
u/nystrand

thanks for all the nice comments!
u/13thptr

#d3 #perspective

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!

dwitter.net | FireFly (5985)