New dweets | Dwitter

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

show FPS hide FPS share 1 remix fullscreen

anthonylewis

remix of d/7718 by u/anthonylewis

function u(t) {

w=c.width^=0
x.arc(960,560,200,2.9,6.5)
for(i=30;i--;)
Z=w/(i-t%2+1)+540,x.moveTo(0,Z),x.lineTo(w,Z),x.stroke()

Apr 23 2018 1:23 AM UTC

}// 111/140

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

Into the sunset...

u/iverjo

#sun

show FPS hide FPS share fullscreen

lexu

function u(t) {

c.width=1920; 
x.font=(t*t).toString + "px Arial";
x.fillStyle="#FF0000";
x.fillText("LOL", 700, 700);

Apr 23 2018 12:23 AM UTC

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

lexu

function u(t) {

c.width = 1920;
x.font=S(t).toString + "260px Arial";
x.fillStyle = "#FF0000";
x.fillText("LOL", t, t);}

Apr 23 2018 12:19 AM UTC

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

BalintCsala

function u(t) {

for(c.width=i=400;i--;x.fillRect(C(a=(377-S(t))*i/300+t/2)*i/5+200,S(a)*i/5+110,w=1e4/(i+500),w))x.fillStyle=R(i/2,255-i,255)

Apr 22 2018 1:14 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

lionleaf

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) // TEST

Apr 22 2018 11:59 AM UTC

}// 99/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 1 remix fullscreen

lionleaf

remix of d/7739 by u/lionleaf

function u(t) {

 for(c.width|=i=5;i--;x.fillText('#GIFS'[i],i*399,540+S(t*9+i)*99))x.font=C(t-i/9)*3e2+'px x',x.fillStyle=`hsl(${t*i*t},50%,50%`

Apr 22 2018 11:16 AM UTC

}// 128/140

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

You can now record #GIFS! Try the record button. Note that processing takes some time, so I recommend trying a very short gif to begin with. Suggestions and feedback welcome. Thanks to u/BalintCsala for the implementation of gif recording!

u/lionleaf

(Note that gif processing happens in worker threads, so you should be able to switch tabs while waiting)
u/lionleaf

#feature
u/lionleaf

#text

show FPS hide FPS share fullscreen

rjro

remix of d/7694 by u/firegodjr

function u(t) {

c.width=1920,x.globalAlpha=0.1
for(y=41;--y;){x.fill();x.beginPath();for(w=99;--w+1;){x.lineTo(30*w,S(t+y/4+(S(t/6)+1.1)*w/3)*12+30*y-75)}}

Apr 22 2018 10:26 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

#waves

show FPS hide FPS share 1 remix fullscreen

rjro

function u(t) {

c.width=2e3,d=new Date,m=-d%36e5/6e4,t=[m%1*6,m/10];for(i in t){x.moveTo(z=1e3,f=600);x.lineTo(z/8*S(t[i]-3)+z,z/4*C(t[i]-3)+f);x.stroke()}

Apr 22 2018 10:06 AM UTC

}// 139/140

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

A semi-accurate clock

u/sigveseb

#clock