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

f8f82804

remix of d/9185 by u/f8f82804

function u(t) {

c.width=500;a=29;for(i=240;α=C(T=i/a-t),i--;)for(j=6;j--;x.fillRect(i,a+j*a+S(T)*7,1,30))x.fillStyle=`hsl(${a*j**1.4} 99%${9+a*(0<α)*α**2}%`

Aug 9 2018 9:22 PM UTC

}// 140/140

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

Remix #rainbow #flag with improved palette and #phong #shading with better shadows- - #pride #pbr

u/f8f82804

Correct shadows are implemented with the 0<α factor. To golf this in, I had to drop the diffuse reflection term and reuse constants. Palette improvements just took tweaking without extra characters.
u/f8f82804

Loop restructuring also give a very slight FPS improvement.

show FPS hide FPS share 1 remix fullscreen

katkip

function u(t) {

for(i=0;i<1;i++)x.fillRect(960+C(i+t)*960,540+S(i+t)*540,9,9)
x.globalCompositeOperation='xor';x.drawImage(c,0,90)

Aug 13 2018 9:20 AM UTC

}// 114/140

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

XOR numbers visualisation

show FPS hide FPS share fullscreen

katkip

function u(t) {

for(i=0;i<t;i++)x.fillRect(T(5+t/i)*1080,1070,9,9);x.drawImage(c,0.0000000000000000000000000000000001,-10);x.globalCompositeOperation='xor';

Aug 13 2018 9:07 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

katkip

function u(t) {

F=n=>{return T(n)*T(n**t)<0};x.drawImage(c,0,l=24);for(j=240;j--;)x.fillStyle=F(j^t^t)?"#fff":"#000",x.fillRect(j*l-99,0,l,l)

Aug 11 2018 5:31 PM UTC

}// 125/140

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

Infinite maze

show FPS hide FPS share 2 remixes fullscreen

New_Core

function u(t) {

x.fillRect(0,0,2e3,2e3)
for(i=200;i--;x.fillRect(960+150*S(i),Y=850-750*C((i/.6+t)%1.57),T=20-Y/70,T))i<1?a=.1:a=255,x.fillStyle=R(0,0,a,a)

Aug 8 2018 1:15 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

toffee.apple

function u(t) {

M=Math;c.width=2e3;x.fillStyle=R(0,125*S(t)+125,0);w=2e3;u=t*600;x.arc(50+M.abs(w-(u+w)%w*2),(610*M.pow((u/205)%2-1,2))+300,80,0,7);x.fill()

Aug 12 2018 6:54 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/BirdsTweetCodersDweet

Don't name your variables u
u/BirdsTweetCodersDweet

M=Math;c.width=2e3;x.fillStyle=R(0,125*S(t)+125,0);w=2e3;j=t*600;x.arc(50+M.abs(w-(j+w)%w*2),(610*M.pow((j/205)%2-1,2))+300,80,0,7);x.fill()
u/BirdsTweetCodersDweet

Shorter version: c.width=w=2e3;x.fillStyle=R(0,125*S(t)+125,0);j=t*600;x.arc(50+Math.abs(w-(j+w)%w*2),(610*((j/205)%2-1)**2)+300,80,0,7);x.fill()
u/toffee.apple

thanks for the tips - u in particular is a forehead slap moment!

show FPS hide FPS share fullscreen

katkip

remix of d/4509 by u/ben

function u(t) {

function v(a,b,g,r){if(r>2){x.fillRect(a+=r*S(g),b-=r*C(g),C(t),2)
v(a,b,g+t+S(t+r),r*=.7)
v(a,b,g-t+S(t-r),r)}}c.width=500
v(250,220,0,80)

Aug 10 2018 4:36 PM UTC

}// 139/140

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

Changed the #fractal, optimized and played a lot with this kewl project!

u/katkip

"Fidget Spinners Heaven" lol

show FPS hide FPS share fullscreen

ETHproductions

function u(t) {

(f=_=>eval("c.width|=0;x.font='64px monospace';for(s=`(f=${f})()`.slice(y=0,t*9%177);s;s=s.slice(50))x.fillText(s.slice(0,50),0,y+=64)"))()

Aug 10 2018 8:08 PM UTC

}// 139/140

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

#quine that "types" itself on the screen

u/ETHproductions

The eval("...") is necessary because... well... just try with (f=_=>{...})() instead.
u/ETHproductions

I guess u/magna did a much better version already, go check his out: d/2516
u/BalintCsala

We should probably instrument anything passed to eval too...

show FPS hide FPS share 1 remix fullscreen

katkip

remix of d/9175 by u/Xen

function u(t) {

x.drawImage(c,4*t*C(t),4*t*C(t))
for(Z=i=2e3;i--;x.fillRect(0,0,999/T(i/t),C(t*i)))x.fillStyle=`hsla(${t*99},99%,50%,.1)`;x.rotate(C(t)/999)

Aug 10 2018 3:56 PM UTC

}// 140/140

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

Entering the Universe Jelly

show FPS hide FPS share fullscreen

f8f82804

remix of d/9187 by u/f8f82804

function u(t) {

with(x)for(φ=311;α=S(θ=φ/99),β=99*α*S(--φ+t);beginPath(fillStyle=`hsl(${φ} 90%${9+(β>0)*β}%`))fill(arc(β+960,75*(α*C(φ+t)-C(θ)+6),20*α,0,7))

Aug 10 2018 5:54 PM UTC

}// 140/140

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

#golf #sphere #animated #diffuse #shading #sequins #sprite

u/f8f82804

#pbr