Dweets awesomed by u/lurifax

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

artfarnaa

function u(t) {

 for (c.width|=a=200;--a;x.arc(960+S(G+t)*400,
 540+C(t+G*1)*400,a%2*137*Math.abs(S(t))*4,0,
 6.2832))x.moveTo(G=a/2|0,0)
 x.fill('evenodd')

Aug 8 2017 1:52 AM 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/kchplr

Great !
u/sigveseb

Awesome!
u/ninerdelta

stupid question, but why c.width|=a=200? I was tinkering with this code and just made it a=200 and the fps drops significantly.
u/kchplr

ninerdelta: I think that the reason is that c.width|=something is not only clearing the canvas but also the 2d context. Without it each iterations keeps adding arcs to the current path, by the 10th frames there are 2000 arcs to redraw, by the 50th frames there are 10000, etc. In a, err, "non-cold golfing codebase" you could avoid this by using beginPath and closePath.
u/kchplr

"cold golfing", superb. I meant code golfing...
u/ninerdelta

ah that makes sense, thanks!
u/donbright

now this is fine work

show FPS hide FPS share 2 remixes fullscreen

artfarnaa

function u(t) {

 for (c.width|=a=12;--a;x.arc(960+S(G+t)*400,
 540+C(t+G*1)*400,a%2*137*Math.abs(S(t))*4,0,
 6.2832))x.moveTo(G=a/2|0,0)
 x.fill('evenodd')

Aug 8 2017 1:22 AM UTC

}// 139/140

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

u/donbright

great use of evenodd

show FPS hide FPS share fullscreen

artfarnaa

function u(t) {

 for (c.width|=a=48;--a;x.arc(960+S(G+t)*400,
 540+C(t+G*1)*400,a%2*137*Math.abs(S(t))*8,0,
 6.2832))x.moveTo(G=a/2|0,0)
 x.fill('evenodd')

Aug 8 2017 1:14 AM UTC

}// 140/140

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

show FPS hide FPS share fullscreen

cantelope

function u(t) {

for(V=(c.width=1e3)/2,H=j=99;j--;x.stroke())for(x.beginPath(),i=H,Z=i-j;i--;x.lineTo(V+X/Z*V,(S(i/5+C(t)*4)*C(j/9-t*7)*j/9+30)/Z*V))X=H-i*2

Aug 6 2017 6:10 AM UTC

}// 139/140

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

mostly what i was going for... not exactly.

u/joeytwiddle

smooth

show FPS hide FPS share 1 remix fullscreen

New_Core

remix of d/2874 by u/New_Core

function u(t) {

b=c.width|=1,d=350
X=10*S(t)
Y=10*C(t)
for(i=d;i--;x.fillRect(X*Z+960,Y*Z+540,Z,Z))Z=d/(9+d-i%d),X+=6*C(a=i/50-9*S(t/8)*S(i/9)),Y+=6*S(a)

Aug 3 2017 7:36 AM UTC

}// 137/140

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

u/13thptr

#d3

show FPS hide FPS share fullscreen

Xen

remix of d/2982 by u/New_Core

function u(t) {

for(c.width|=i=40;i--;x.fill())i%2>0?a=500:a=0,x.fillStyle=`hsla(${i*9},99%,50%,.4`,x.lineTo(999+a*S(i*.698+t),i>20?a:-a+999)

Jul 31 2017 10:48 PM UTC

}// 125/140

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

show FPS hide FPS share fullscreen

New_Core

function u(t) {

c.width|=0
for(i=60;i--;)x.beginPath(),x.arc(960+i*10*S(t+i/99),540+200*C(t*2+i/9),a=99*S(3+i/6)+120,0,7),x.fillStyle=R(0,99,0),x.fill()

Jul 30 2017 11:08 AM UTC

}// 136/140

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

Wasnt what I was going for but funny enough to post ;)

u/sigveseb

amost feels a little metaball-y
u/iverjo

This is rad, man! How does it work?
u/joeytwiddle

Funny effect :) Using i-=6 shows up some sine waves
u/iverjo

#metaballs

show FPS hide FPS share 2 remixes fullscreen

New_Core

function u(t) {

c.width|=1
X=960
Y=700
for(i=320;i--;x.fillRect(X,Y,7,7))X+=6*C(a=i/50-9*S(t/4)*S(i/10)),Y+=6*S(a)

Jul 15 2017 7:37 PM UTC

}// 98/140

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

u/Xen

done remix 2882
u/donbright

excellent
u/katkip

smooth

show FPS hide FPS share 1 remix fullscreen

cantelope

remix of d/2845 by u/cantelope

function u(t) {

A=960,B=540,x.fillRect(0,0,D=2e3,D)
for(i=D;i--;)x.clearRect(A+1/(Z=2.5+C(p=i*C(t/2)/40)*S(q=i/628))*(X=S(p)*S(q))*A,B+C(q)/Z*A,s=69/Z/Z,s)

Jul 10 2017 4:43 AM 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/lionleaf

That's really neat!
u/Polyducks

This is amazing! What's the concept behind it? How are you getting the sphere?
u/cantelope

@Polyducks, it's a golfed version of the equation of a sphere [x=sin(p1)*sin(p2);z=cos(p2);z=cos(p1)*sin(p2);] combined with a tiny 3D projector, X=cx+1/z*x*cx; Y=cy+y/z*cx, where cx/cy is center screen, and x/y/z are the 3D coordinates. Hope that makes sense! :)
u/cantelope

*equation of a sphere: [x=sin(p1)*sin(p2);y=cos(p2);z=cos(p1)*sin(p2);]
u/alien

thanks for that, is projector a mathematical construct? does it have other names?
u/cantelope

@alien it's my own invention, the product of years of research into geometry. I wrote a tutorial with a (very ungolfed) version here https://cantelope.org/3D
u/alien

*__*
u/alien

All the lienar algebra and vectorial calculus in my bachelor finnally comes to life in my head... this is soooo cool @cantelope...
u/donbright

bravo... bravo

dwitter.net | lurifax (9653)