Dwitter - javascript demos in 140 characters

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

bokoskokos

function u(t) {

for(c.width|=0,i=5;i++<30;)for(d=-123,x.fillStyle=R(9*i,40,0),j=0;j++<40;)d+=w=50+9*i*C(d),x.fillRect(d,15*C(t/(i/99))+30*i+30*C(j),w/2,1e3)

Jan 3 2018 2: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).

u/joeytwiddle

Reminds me of http://bit.ly/1Mo4epF#Texas_by_keyboarders
u/katkip

Lava

show FPS hide FPS share fullscreen

kulak

function u(t) {

c.width|=0
x.translate(900,520)
for(i=0;i<30;i++) {
x.lineWidth=3*i
x.beginPath()
x.rotate(0.2*C(t)*i)
x.arc(0,0,i*45,0,3.1415)
x.stroke()
}

Jan 4 2018 2:50 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 FPS hide FPS share 1 remix fullscreen

BackendForth

function u(t) {

c.width=1920;
for(i=0;i<=9;i++)
{
q=.628*i+t
x.fillRect(960+500*C(q),540+300*S(q),139,39)
}
w=C(t*5)
x.arc(1510,403-119*w*w,39,0,7)
x.fill()

Jan 1 2018 4:16 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/mohd-akram

Almost there!
u/joeytwiddle

Is this social commentary?
u/Xen

nice idea :-D
u/donbright

@joeytwiddle lol
u/iverjo

"The American Dream"
u/joeytwiddle

Reminds me of https://vimeo.com/198802302#Vicious_Cycle
u/magna

Golfed to 123 chars: https://www.dwitter.net/d/5270
u/iverjo

#bounce

show FPS hide FPS share fullscreen

Exca

function u(t) {

c.width|=l=Math.hypot
for(i=3e3;i--;){q=i%99,w=i/99,a=S(t)*29+70,s=C(t)*55,b=l(q-a,w-s)+l(q-a/3,w-s/5),n=S(b)*19,x.fillRect(q*20,w*36,n,n)}

Jan 4 2018 7:15 AM UTC

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

anzx

function u(t) {

c.width=1920;
  for(i=0;i<1001;i++)
  x.fillRect(500+S(t+i)*300+i*6,i*6, 10, 10)

Jan 4 2018 8:14 PM UTC

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

hnen

function u(t) {

c.width=2e3;w=1e3;
for(i=1;i<w;i++){y=(i*i)%w-500;a=i%6.28+t;s=10*(2+C(a));x.fillRect(w+S(a)*Math.sqrt(25e4-y*y),60+1e3/2+y,s,s);}

Jan 2 2018 2:10 PM UTC

}// 131/140

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

u/joeytwiddle

#sphere

show FPS hide FPS share fullscreen

Zikoat

function u(t) {

t||(a=Array(s=30).fill(r=s*5));for(i=s;i;x.fillRect(a[i]+=(Math.random()-.5)*s,a[--i],s,s))x.fillStyle=R(...[1,3,5].map(b=>(S(t+b+i)+1)*r))

Jan 2 2018 10:38 AM UTC

}// 139/140

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

colorful random walkers

u/tangjurine

nice
u/alfredrasam

THIS IS SO PRETTY I'VE JUST BEEN STARING AT IT FOR THE PAST 10 MINUTES
u/joeytwiddle

#virus #outbreak

show FPS hide FPS share fullscreen

robbyg

function u(t) {

for(w=c.width=2e3,a=c.d=c.d||[...Array(w)].map((x,i)=>Math.random()*w),i=0;i<w;i++)x.fillRect(a[i]+C(a[i]+t)*15,(i+t*60)%1080,5,5)

Jan 3 2018 7:12 PM UTC

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

BackendForth

function u(t) {

for(i=0;i<9;i++){x.strokeStyle=R(0,0,t*99%256)
x.beginPath()
r=79+2<<t%4
w=i*.7+t/9
x.arc(960+r*S(w),540+r*C(w),99+99*C(t),0,7)
x.stroke()}

Jan 3 2018 2:51 PM UTC

}// 139/140

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

u/eviltoad

nice nice! You can use r and t to make the color more dynamic... I like it, gonna remix
u/eviltoad

doh! no, actually, you can't. but i and t, those you can use...
u/Qwitter

Wow! this is amazing!

show FPS hide FPS share 1 remix fullscreen

Xen

function u(t) {

X=(C(t**9)+1)/2
Y=Math.random()
x.fillRect(X*900,t*99%1e3,Z=29,Z)
x.fillRect(1920-Y*900,t*99%1e3,Z,Z)
x.fillStyle=`hsla(${t*Z},99%,40%,.5)`

Jan 4 2018 6:19 PM UTC

}// 139/140

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

"Random Vs" Dwitter Challenge set by Veubeke, entry #1

u/eviltoad

What challenge? Where are the instructions?
u/coderkid

yeah? where is the challenge details? ;)
u/sigveseb

From the discord chat: "Actually, let’s make a dwitter challenge: create a visualization of the distribution of Math.random values and the values of a drop in replacement side by side"
u/sigveseb

From the discord chat: "Actually, let’s make a dwitter challenge: create a visualization of the distribution of Math.random values and the values of a drop in replacement side by side"
u/sigveseb

Link to chat: https://discord.gg/emHe6cP :)