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

jonathan_b

remix of d/5032 by u/jonathan_b

function u(t) {

for(c.width|=s=490,q=t%s,i=s*9;i>0;)for(j=9;--j;)x.fillStyle=R(s/T(q-i),j*25,i/9,3/j),x.fillRect(999+s*2*C(q/i--)*C(q-j-i),s+s*S(i--),25,25)

Jan 1 2018 1:42 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 fullscreen

sliter

function u(t) {

x.fillStyle = R(S(t)*255)
  for(i=0;i<9999;i++)
  x.fillRect(i/5, T(i/5)*S(t)*50+540, 9, 9)

Dec 30 2017 11:09 AM UTC

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

MiniGirlGeek

function u(t) {

p=Math.PI
c.width=1920
for(i=0;i<500;i++){
r=(50*C(3*t+o))+100;
var o=i*((2*p)/500);
x.fillRect(910+300*C(o), 540+300*S(o), r, r)}

Jan 1 2018 1:08 AM 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

jonathan_b

remix of d/4718 by u/jonathan_b

function u(t) {

for(c.width|=s=490,i=0;i<s;i++)for(j=1;j<7;)r=j*9,x.fillStyle=R(i,j*30,i/C(i),2/j),x.fillRect(970+s*2*C(i)*C(t/j*++j+r*i),s+s*S(i*r),r,r)

Dec 29 2017 8:45 PM UTC

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

E-Mouse

remix of d/4155 by u/Bendoman

function u(t) {

c.width=2e3,τ=Math.PI*2,ʕ=900,ɂ=20;for(i=ɂ;i--;)x.arc(ʕ+C(t*2)*-30*i,200+(i*ɂ),ɂ,0,τ),x.arc(ʕ+S(t)*30*i,ʕ-(i*ɂ),ɂ,0,τ)<x.stroke()

Dec 31 2017 12:23 AM UTC

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

New_Core

remix of d/3510 by u/New_Core

function u(t) {

for(a=c.width|=i=9;i--;x.fillRect(740+650*S(t*.9+i*4),350+280*C(t+i),400,400))x.filter='blur(100px)',x.globalCompositeOperation="lighter"

Dec 30 2017 10:16 AM UTC

}// 138/140

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

u/joeytwiddle

This is very heavy on my laptop! Remixed here: #4841
u/joeytwiddle

Very nice though. It plays tricks on my eyes, seems to be always growing.
u/New_Core

Sometimes dwitts gets heavy here also scrolling down the list.. most times it help to copy the share link and look at it alone, but yea this one can be heavy, running lots of filters and "gCO"'s
u/13thptr

#heavy #metaballs -like effect

show FPS hide FPS share 2 remixes fullscreen

Xen

remix of d/3061 by u/Xen

function u(t) {

x.strokeRect(3,4,W=1912,H=1072)
x.drawImage(c,4,4,W,H)
x.strokeStyle=`hsl(${t*H},99%,50%)`
x.rotate(C(t)/4e4)

Dec 29 2017 8:12 PM UTC

}// 109/140

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

Dont be sick!

show FPS hide FPS share 4 remixes fullscreen

AliYil

remix of d/4059 by u/AliYil

function u(t) {

for(i=0;i<20;i++)for(j=0;j<12;j++){s=S(S(t)*i+j+t*10)*25+25
k=127
x.fillStyle=R(S(t*3)*k+k,S(t*2)*k+k)
x.fillRect(i*100-s,j*100-s,s*2,s*2)}

Dec 27 2017 8:07 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/Xen

very nice :-D
u/sigveseb

Good!
u/itsjustmustafa

so sick!

show FPS hide FPS share fullscreen

Flopster

remix of d/4893 by u/mmagin

function u(t) {

c.width|=0
x.font="200px Arial"
for(i=0;i<1.5;i+=.25)
x.fillText("⚽", 100+1000*i, 1000-850*Math.abs(S(t-i))**.9)

Dec 30 2017 11:50 PM UTC

}// 112/140

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

A demonstration that abs(sin(x))**.9 is a good compact approximation of bouncing.

u/lionleaf

Nice! that's a useful trick! Why not just abs(sin(x)) though?
u/magna

**.9 compresses the curve and makes the restitution look more realistic.
u/Flopster

See https://www.desmos.com/calculator/oxuakmyuko.

show FPS hide FPS share fullscreen

indjev99

remix of d/4804 by u/indjev99

function u(t) {

D=b=>45*S((i*i+b*b)**.5-3*t);for(i=96;i--;)for(j=54;j--;)d=D(-j)+D(27-j)+D(54-j)+128,x.fillStyle=R(d,d,d),x.fillRect(i*20,j*20,20,20)

Dec 30 2017 9:38 AM UTC

}// 133/140

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