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 1 remix fullscreen

firegodjr

remix of d/8739 by u/firegodjr

function u(t) {

with(x)for(fillRect(0,0,Y=2e3,Y),k=Y;k--;)arc(960,540,j=550-k/4|0,v=k%4*3.14/2+S(t*3-Y/j)+C(t),v+99/k),stroke(),beginPath(fillStyle="#fff1")

Jun 26 2018 7:37 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/rep_movsd

Cybernetic rose
u/rep_movsd

#underrated

show FPS hide FPS share fullscreen

Xen

remix of d/8725 by u/Xen

function u(t) {

for(i=99;i--;x.beginPath(x.fill(x.arc(t*2e3%2e3,500+1e3*C(i*X),i,2,5-S(t)))))x.fillStyle=R(X=255*C(t*t),X-9,X+9,.01)

Jun 25 2018 3:02 PM UTC

}// 116/140

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

More Texture

u/lionleaf

#texture
u/lionleaf

#paper

show FPS hide FPS share fullscreen

Xen

remix of d/8735 by u/DataMeta

function u(t) {

for(i=29;i--;x.stroke())x.beginPath(x.strokeStyle=R(i*5,x.lineWidth=i,i*7,.1)),x.arc(t*299%2e3,540+540*S(t/3)+C(T(i*t*i))*9,99+C(t)*39,0,7)

Jun 25 2018 11:26 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/DataMeta

Oooooh very cool!

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

x.fillRect(0,0,2e3,2e3)
for(u=29;u--;)for(v=65;v--;x.clearRect(960+(150+99*C(v))*C(U)*z,540+75*S(v)*z,z,z))z=60/(9+C(v)/T(t/2))*S(U=u/9+t/9)

Jun 23 2018 8:08 AM UTC

}// 140/140

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

Pulsating Torus

u/lionleaf

#torus
u/DataMeta

Marvelous!
u/iverjo

Well done!
u/Galaxtone

TypeError: u is not a function

show FPS hide FPS share fullscreen

DataMeta

remix of d/8721 by u/DataMeta

function u(t) {

r=Math.random;m=r();n=r();o=r();for(i=256;i--;)x.fillStyle=R(i/m*n,i/n*o,i/o*m,.08),x.fillRect(960+T(i)*i,840+i*S(T(i)+t),(i/9)/n,(-i/9)/m)

Jun 24 2018 10:23 PM UTC

}// 139/140

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

Waves of #colorshock

u/Xen

stylish ;-)

show FPS hide FPS share 1 remix fullscreen

davidsharp

function u(t) {

c.width|=0,s='🕐🕑🕒🕓🕔🕕🕖🕗🕘🕙🕚🕛'
with(x)font="100px a",fillText(s[0]+s[1+2*(((new Date()).getHours()%12)-1)],1000,500)

Jun 26 2018 4:03 PM UTC

}// 113/140

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

This is just the time rounded down in hours, there's a bunch of logic that could be golfed away if the clocks string was also golfed down (the first character of each emoji is the same, these also count against the 140 characters)

u/davidsharp

Darn, string should've been 🕛🕐🕑🕒🕓🕔🕕🕖🕗🕘🕙🕚
u/micahcowan

Pretty neat!The -1 doesn't work out for hours at 0 or 12. Could have added 23 (before the % 12) instead of subtracting 1 (or yeah, your string-based fix).
u/micahcowan

#emoji #clock
u/davidsharp

I think I fixed the string, and adjusted the numbers, but then undid a bunch of changes, including my string fix and adjusted the code for the broken string instead 🤦‍♂️

show FPS hide FPS share 1 remix fullscreen

micahcowan

function u(t) {

c.width=1920
r=3.2*S(t)
D=C(r),U=S(r)
x.setTransform(1+9*D,U*5,0,9+D,825+200*-U,100*(D-1))
for(i=9;--i;)x.fillRect(-52.5+i*10,40,5,20)

Jun 27 2018 5:25 AM UTC

}// 134/140

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

#default

u/micahcowan

I really like the way it looks if I add x.fillStyle=R((D<0)*255) after the 3rd line. But I don't think I'm up to the challenge of fitting that in.
u/magna

Here you go: d/8758

show FPS hide FPS share 1 remix fullscreen

firegodjr

remix of d/8702 by u/cantelope

function u(t) {

for(x.fillRect(0,0,i=(w=960)*2,i);i--;x.clearRect(w+(v=S(q=i/305+t)*Z)/(Z=C(q)*Z-8)*w,(S(i)-3)/Z*w-99,s=50/Z,s),x.fillStyle="#0003")Z=C(i)+4

Jun 24 2018 1:47 AM 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

Xen

function u(t) {

t?x.fillStyle=R(X=Z*C(t*Y),99,Z*S(t),.1):x.fillRect(Z=-199,X=0,Y=4e3,Y)
for(i=49;i--;x.beginPath())x.fill(x.arc(X*Y%2e3,500+Y*C(i*t),i,2,5))

Jun 24 2018 10:31 PM UTC

}// 140/140

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

Texture Test, Enjoy!

u/DataMeta

Gooooood stuff. Much needed calm after the retinal beating I took making my last dweet lol

show FPS hide FPS share fullscreen

md2perpe

function u(t) {

D=2
w=1920/D
n=((60*t)>>0)%2073600
i=(n%w)>>0
j=(n/w)>>0
if((i&j)==0)
x.fillRect(D*i,D*j,D,D)

Jun 27 2018 9:08 PM UTC

}// 93/140

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