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

Simonster

remix of d/4843 by u/Simonster

function u(t) {

z=300
c.width=z*4
j=Math.ceil(t)+1
x.translate(z*2,z+70)
x.rotate(t*2.4)
for(i=z*3;i--;)a=T(j*i)*z,x.fillRect(S(i)*a,C(i)*a,5,5)

Dec 30 2017 3:40 PM UTC

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

xem

function u(t) {

r=z=>Math.random()*255
y=z=>R(r(),r(),r(),r()/99)
if(t-~~t<.15)c.style=`transition:1s;background:${y()}radial-gradient(${[y(),y(),y(),y()]}`

Dec 30 2017 3: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/farter

t%1

show FPS hide FPS share 1 remix fullscreen

alexander

remix of d/4973 by u/alexander

function u(t) {

x.lineWidth=10
c.onmousemove=function(e){X=e.clientX*3.385;Y=e.clientY*3.385}
c.onclick=function(e){c.width=1920}
x.lineTo(X,Y)
x.stroke()

Dec 31 2017 3:13 PM UTC

}// 138/140

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

More precise mouse controls

u/coderkid

It is true for this feed view, it doesn't work on different canvas sizes. try full screen.
u/alexander

Yeah I've tried, but I feel that the feed view is more important

show FPS hide FPS share fullscreen

jbl

remix of d/4365 by u/jbl

function u(t) {

t+=23;c.width=i=2e3;while(--i)p=i/6-t,x.fillStyle=R(0,i/70,0,S(p)),b=C(p)*700+t*990,x.fillRect(b%3e3-70,(i*(b/3e3|0))*9%1200-70,S(p)*60,60)

Dec 29 2017 1:10 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/joeytwiddle

Oooh I like the shiny shading, and the changing patterns

show FPS hide FPS share fullscreen

macdonald

function u(t) {

im un too surc.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 */

Dec 31 2017 2:52 PM 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 fullscreen

JoshiRaez

function u(t) {

if(t%9<0.1)d=Array.from([,,,,],()=>Math.random()*100)
c.width|=0
x.font="200px G"
for(i=4;i--;)x.fillText('🚗',1620-T(t/3)*d[i],270+200*(i))

Dec 30 2017 12:31 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 fullscreen

janvdbergh

function u(t) {

c.width=1920;for(i=0;i<9;i++){x.fillStyle=R(i*20,(9-i)*20,0,.4);x.fillRect(400+i*100+S(t)*300, 400+C(3*t+4*i)*150, 450, 200);}

Dec 31 2017 2:25 PM UTC

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

lurifax

remix of d/3262 by u/lurifax

function u(t) {

for(x[f='fillRect'](i=0,0,2e3,2e3);i++<(w=255);x.fillStyle=R(a=(w-i)*2,a/2.5,50,1.2-i%w/w))x[f](960-S(i+t)*i*3,540-C(i+t)*i*2,d=t/4*i%18,d)

Dec 27 2017 10: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).

Light swirl - Warning if you stare to long in the middle your vision might be temporary impaired :)

show FPS hide FPS share 1 remix fullscreen

mchll.bd

remix of d/2324 by u/Tiger

function u(t) {

with(x)font='950px o',lineWidth=30,strokeStyle=`hsl(${t*50%360},99%,50%)`,setLineDash([9,3e3]),lineDashOffset=t*120,strokeText('8',30,880);

Dec 30 2017 12:12 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/BirdsTweetCodersDweet

remix - https://www.dwitter.net/d/6642
u/davidsharp

Really like that with statement

show FPS hide FPS share fullscreen

GingerNins

remix of d/3898 by u/Exquisite

function u(t) {

c.width=1920;q=999;for(i=1;i<q;i++){p=i%255;r=10+i*.01;x.fillStyle=R(p,p,p,i/q);x.fillRect(960+i*C(i),540+i*.5+C(C(t*0.6)*i*0.015)*80,r,r);}

Dec 27 2017 4:26 PM UTC

}// 140/140

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