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

AnnanFay

remix of d/6851 by u/AnnanFay

function u(t) {

for(i=1e4;i--;x.fillRect(960+P(T),520+P(C),5,5))P=G=>G[i]=(G[i]||0)+6*Math.random()-3+(G[i+1]-G[i]||0),x.fillStyle=R(l=200-i/40,9,l*9,0.4)

Feb 15 2018 12:47 AM UTC

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

Feiro

function u(t) {

y=[0]
p=q=720
!t&&(d=(s)=>{
for (a=y.length;a--;y.push((y[a]+1)%4),y[a]%2?q+=y[a]-2:p+=1-y[a])
x.lineTo(p,q)
++s<19&&d(s)
})(0)
x.stroke()

Feb 13 2018 5:02 PM UTC

}// 138/140

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

My first dweet! You guys here are awesome! I am glad that I am finally a part of this community!

u/Feiro

By the way the official name of the fractal is Dragon curve
u/Xen

very nice! , i have a few dragon curves if you scroll my page
u/joeytwiddle

Welcome Feiro! Thanks for the dragon, just before Chinese new year!
u/zanella

Welcome! And hooray for fractals!! :)
u/Apex

Love the dragon curve. Nice job, welcome!

show FPS hide FPS share fullscreen

meaniningOf42

function u(t) {

c.width=1920 
a=20
for(j=0;j<99;j++)for(i=0;i<99;i++)x.fillRect(a*(i+j),a*(j/S(t+i)),i,5)

Feb 16 2018 10:38 PM UTC

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

Xen

remix of d/6845 by u/bschwb

function u(t) {

with(x)for(lineWidth=i=12;i--;stroke())beginPath(),arc(960+C(m=t*i)*99,540,i*23*(C(t)+2),m,m-4),strokeStyle=`hsla(${i*t*9},90%,50%,.03)`

Feb 12 2018 9:09 PM UTC

}// 136/140

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

Shoutz 2 bschwb

u/AnnanFay

👍
u/joeytwiddle

delicate
u/davidsharp

😍 with(x)for(lineWidth=i=12;i--;stroke())...

show FPS hide FPS share 1 remix fullscreen

AnnanFay

remix of d/6908 by u/akm

function u(t) {

for(i=2e3;i--;x.fillStyle=R(i/9,9,i,.3))x.fill(new Path2D(`m910,390m${C(t*i)*i},${T(t**2.5*i/9e4)*i}h99l50,87l-50,87h-99l-50-87`))

Feb 14 2018 1:43 AM UTC

}// 130/140

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

u/akm

How is that a remix of what I did??? looks awesome!
u/AnnanFay

Heh, thanks, yours is what I started with :P
u/Xen

..And just as that, it happened a 2-year handshake, pure madness in both directions.

show FPS hide FPS share fullscreen

akm

remix of d/6880 by u/akm

function u(t) {

c.width|=0;for(i=720;i--;)x.fillRect(960+600*C(10*t**1.7+i),700+400*S(i+5)/(Math.E**t),10,10)

Feb 14 2018 1:21 AM UTC

}// 93/140

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

made it spin incrementaly faster as per u/joeytwiddle 's request

u/joeytwiddle

Thanks! :D

show FPS hide FPS share fullscreen

AnnanFay

remix of d/6857 by u/olligobber

function u(t) {

c.width|=i=8
for(m=200,r=t;i--;m=-m)x.stroke(new Path2D(`M960,${520-m*13/8}l${p=m*S(r)},${m}l${(q=m*S(r+=.79))-p},${m*5/4}h${m*C(r)-q}`))

Feb 11 2018 3:42 PM UTC

}// 137/140

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

u/Yogeshp3

It's one of those things that you can't tell whether it's rotating clockwise or anticlockwise

show FPS hide FPS share fullscreen

41407

function u(t) {

z=Math.random;w=1930;m=255;x.shadowColor=R(z()*m,m,z()*m)
for(i=9;i--;x.shadowBlur=9)x.fillRect(z()*w,z()*w,4,4)
x.drawImage(c,-5,-2,w,1085)

Feb 13 2018 3:10 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/aleamb

beautiful!!

show FPS hide FPS share fullscreen

anilalur

function u(t) {

a=16*Math.pow(S(t),3);
b=13*C(t)+5*C(2*t)-2*C(3*t)-C(4*t);
x.fillRect(a*30+960,b*30+540,10,10);

Feb 14 2018 7:13 PM UTC

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

BackendForth

function u(t) {

x.fillStyle="hsl("+t*99%256+",100%,50%)"
h=t?h:0
h+=Math.random()>.5?9:-9
x.fillRect(960+h*C(t),540+h*S(t),29*C(t),29*S(t))

Feb 15 2018 4:22 AM UTC

}// 123/140

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