Dweets awesomed by u/Rybar

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

cantelope

function u(t) {

for(w=i=2e3;i--;x.fillRect(X,Y,q,q))X=i*(q=99)%w,Y=i*(48+C(t))%w,x.fillStyle=`hsla(${i},99%,${99*C(((960-X)**2+(540-Y)**2)**.5/q-t*3)}%,.05`

Oct 30 2017 6:31 AM UTC

}// 140/140

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

u/Xen

:-D
u/sigveseb

looks beautiful
u/mmastrac

I love this one
u/magna

Sophisticated!

show FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

for(K=128,E=20,H=j=54;j--;)for(i=99;i--;x.fillRect(X,Y,E,E))x.fillStyle=R(K+S(J=((X=i*E)**2+(Y=j*E)**2)**(.6-C(t)/5)/H)*K,K+C(J)*K,K-S(J)*K)

Aug 4 2017 9:26 AM UTC

}// 140/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/cantelope

ppl seem to either love or hate my more visually stimulating dweets. I agree that it's pretty, but someone else complained that it is an epilepsy-causing abomination that should be stopped. :s
u/joeytwiddle

One of your dweets overheats my laptop and makes it shut down
u/cantelope

:s do you know which one? this one?

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

FireFly

function u(t) {

for(c.width|=i=58;i--;x.fillStyle=`hsla(${i*6},99%,50%,.3)`)i%3?x.lineTo(C(t+(i/3+i%3|0)*497)*450+Z,540):x.moveTo(Z=960,i>29?90:Z,x.fill())

Jul 29 2017 3:42 PM UTC

}// 139/140

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

Spinning 3D model. This one is pretty CPU-heavy, gotta compromise for size

Show more comments…
u/sigveseb

Very nice!
u/p01

It looks super clean!
u/sigveseb

is it spinning clockwise or counter-clockwise? :)
u/FireFly

shhh… it's rotating CCW I think, but cheating with the Z-axis/depth ordering means the faces are kind of haphazardly drawn :P
u/Xen

its transdimensional, you meant to do it! ;-)
u/Lazy1337

#d3

show FPS hide FPS share fullscreen

joeytwiddle

function u(t) {

s=40+30*((1-C(t/2))**4)
c.width=s
x.font=(s/4)+'px serif';
x.fillText("~\\/0t3*",s/9,s*.4);
c.style.imageRendering=2*t&1?'pixelated':''

Jul 28 2017 8:58 AM UTC

}// 135/140

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

Have your say regarding pixelated dweets: https://github.com/lionleaf/dwitter/pull/216

u/joeytwiddle

(The CSS in this dweet works in Chrome and Safari, but not Firefox)
u/joeytwiddle

Although I think the consensus has emerged already.
u/joeytwiddle

A bit clearer: s=40+90*((1-C((t/2|0)/2))**2)

show FPS hide FPS share 1 remix fullscreen

cantelope

remix of d/2948 by u/cantelope

function u(t) {

for(x.globalAlpha=.05,x.fillRect(0,0,g=i=2e3,2e3);i--;x.clearRect(960+l*S(i/3e2+t)*g/Z,540+C(p)*i/Z*g,s=5e8/Z/Z,s))l=S(p=i+t)*i,Z=g*4-l*C(t)

Jul 27 2017 8:40 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/Rybar

love this render method. globalAlpha + erasing holes is a new trick for me
u/sigveseb

good style!
u/iverjo

Really nice!

show FPS hide FPS share 1 remix fullscreen

yokljo

function u(t) {

x[f="fillStyle"]=R(0,0,0,.04)
for(m=42,i=-1,x.fillRect(0,0,n=1e4,n),x.font="50px A";i<m;x[f]="#0F0")x.fillText((t+f)[3],i*49,m*m*S(m*t+i++))

Jul 27 2017 5:48 PM UTC

}// 140/140

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

Try different values of m, like 53.

u/Xen

matrix? got my vote :D
u/sigveseb

very clean matrix effect

show FPS hide FPS share fullscreen

Rybar

function u(t) {

for(i=c.width^=0;--i;x.fillRect(960+500*S(t-o)*C(i/3),800*C(i/900)+300*C(t-o),9,9))o=i/300

Jul 27 2017 2:42 PM UTC

}// 90/140

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

golfed by xem, p01, keithclark

u/lionleaf

Really cool!

show FPS hide FPS share fullscreen

Rybar

function u(t) {

c.width=2e3;
  for(i = 0; i < 2e3; i++){
    o = 0.00314 * i,x.fillRect((960 + S(t-o)*500*C(i/3) ), 800*C(i/900) + C(t-o)*300, 10,10 )}

Jul 27 2017 2:02 PM UTC

}// 135/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 2 remixes fullscreen

cantelope

remix of d/2309 by u/cantelope

function u(t) {

x.fillRect(0,0,i=2e3,2e3);for(g=i/2;i--;x.clearRect(960+l*S(t)*g/Z,540+C(p)*i/Z*g,s=2e8/Z/Z,s))l=S(p=i*2.1+t*(i<1e3?-1:1))*i,Z=g*4.5-l*C(t)

Jul 27 2017 6:43 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/sigveseb

kewl
u/iverjo

stylish

dwitter.net | Rybar (273)