Dweets awesomed by u/rjro

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

jick

function u(t) {

c.width=1000;
x.font="2em courier bold";
d=0;
for(j=0;j<800;j+=30) {
 i=500+(100*S(t+(j*.51)));
 l='CAGT'[~~(d++)%4];
 x.fillText(l,i,j);
}

May 21 2018 1:20 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/joeytwiddle

#dna #helix

show FPS hide FPS share fullscreen

jylikangas

remix of d/7978 by u/BuRRak

function u(t) {

for(X=120,Y=99,c.width=i=-1;++i-3;x.font=2.5-i+"em a",x.fillText([...'🌞🌍🌑'][i],X+=r/2+C(a=t*i**2)*r,Y+=S(a)*r)-r/2)r=i*(90-i*40)

May 4 2018 9:00 PM UTC

}// 128/140

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

Different implementation. Arc version in the comments below.

u/jylikangas

with(x)for(X=150,Y=90,c.width=i=-1;++i-3;arc(X+=C(a=t*i*i)*r,Y+=S(a)*r,k/4,0,7),beginPath(fill()))r=i*(k=80-i*35),fillStyle=R(v=!i*X,v,r*4)
u/prplz

Is it flat?
u/BuRRak

You guys are crazy :D
u/micahcowan

#emoji

show FPS hide FPS share fullscreen

firegodjr

remix of d/7901 by u/kdgraham

function u(t) {

function z(a,b,e,d){if(d>1){ 
x.fillRect(a+=d*S(e),b-=d*C(e),4,4) 
z(a,b,e-=2*S(t),d*=.7) 
z(a,b,e+=2*S(t*t),d)}}c.width=600
z(250,280,0,80)

May 4 2018 7:08 PM UTC

}// 140/140

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

F R A C T A L P A N I C

u/BirdsTweetCodersDweet

#fractal #fern... #ifs?
u/13thptr

#recursive for sure

show FPS hide FPS share fullscreen

BirdsTweetCodersDweet

remix of d/7903 by u/BirdsTweetCodersDweet

function u(t) {

for(c.width|=i=450;i--;)x.fillStyle=`hsl(${t*i%200},50%,50%)`,x.fillRect(50*(i%40),(i/40|0)*99+(i%2)*50,C(t)*50-S(t),50)

May 3 2018 11:22 PM UTC

}// 120/140

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

Better colours and full rows :D

show FPS hide FPS share 1 remix fullscreen

rjro

remix of d/7871 by u/prplz

function u(t) {

let X,Y 
for(X=66;X--;)for(Y=38;Y--;x.fillRect(X*59,Y*29,29,29))x.fillStyle=R(r=(X/11&1^Y/11&1)*T(X-Y*3*t/15)*255,0,r*!(0))

May 2 2018 6:34 AM UTC

}// 123/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

prplz

function u(t) {

let X,Y
for(X=66;X--;)for(Y=38;Y--;x.fillRect(X*29,Y*29,29,29))x.fillStyle=R(r=(X/11&1^Y/11&1)*T(X*Y*4-t)*255,r/2,r*!(X%11*Y%11))

May 1 2018 11:33 AM UTC

}// 129/140

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

u/over

Beautiful. 😀
u/sigveseb

Wow yes

show FPS hide FPS share fullscreen

hollo47

function u(t) {

c.width=g=999;for(i=-70;40>i;i++)for(j=1;80>j;j++)f=500*i,h=j-t%1,l(),f+=500,l();function l(){x.lineTo(500+f/h,(g+270*S(7*f))/h)}x.stroke();

Apr 24 2018 2: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).

Further learning perspective. Landscape experiment!

u/joeytwiddle

That's cool! #landscape #perspective
u/jylikangas

Nice! There are some golfing opportunities. 124 byte version...for(c.width=g=999,i=-70;40>i++;)for(j=80;--j;l(f+=500))(l=e=>x.lineTo(500+f/h,(g+270*S(7*f))/h))(f=500*i,h=j-t%1) x.stroke()

show FPS hide FPS share fullscreen

sirjofri

function u(t) {

w=c.width=1920;for(j=(h=c.height)/(n=8);j<h;j+=h/n)for(i=0;i<w;i+=5)x.fillRect(i,j+j/10-60+S(t*j/50)*10+S(t*j/300+i)*(h/n/2-10+j/30),5,5)//s

Apr 23 2018 11:19 PM UTC

}// 140/140

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

notice the comment to reach 140 chars

show FPS hide FPS share fullscreen

jylikangas

remix of d/7171 by u/jylikangas

function u(t) {

for(i=110;i--;)for(j=64;j--;x.fillStyle=R(L*=1+j*i&79?(2+t%6)*j:200,x.fillRect(i*T,j*T,T=18,T),L*2))L=!(j/8<6+C(i-j-t)&(j/9>3+S(i|3)|j%7<1))

Apr 23 2018 9:32 AM UTC

}// 140/140

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

Neon city wakes up

Show more comments…
u/sigveseb

even better than before!
u/sigveseb

#city
u/BalintCsala

Sorry for the language, but what the fuck
u/iverjo

Nice! Better colors than your previous version https://www.dwitter.net/d/7171 #cityscape #pixel
u/hollo47

I love that there is so much going on in its 8bit aesthetic! Wouldn't mind this becoming a new trend!
u/zanella

The reflection doesn't match the buildings. Lame.
u/zanella

JUST KIDDING! It's freaking awesome!
u/jylikangas

Darn I knew there was a bug in there somewhere. :D
u/jylikangas

http://jsriffs.blogspot.fi/2018/04/making-of…
u/zanella

Thanks for the making of post, wish every cool dweet had one of those!
u/joeytwiddle

#landscape #scene #water
u/iverjo

#makingof

show FPS hide FPS share fullscreen

anthonylewis

remix of d/7753 by u/anthonylewis

function u(t) {

w=c.width^=0
x.fillStyle=R(128,0,0,.1)
x.arc(960,330,200,0,7)
for(i=30;i--;)
Z=w/(i-t%2+1),x.rect(0,Z+400,w,Z),x.fill()

Apr 23 2018 2:46 AM UTC

}// 119/140

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

A little color on the sunset

u/iverjo

#sun

dwitter.net | rjro (1161)