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

katkip

function u(t) {

function F(c,l1,l2,l3,l4){x.fillStyle=c;x.fillRect(l1,l2,l3,l4)}F("#00f",0,0,p=640,2e3);F("#ff0",p,0,p,2e3);F("#f00",p*2,0,p,2e3)

flag="RO"

Aug 11 2018 6:02 PM UTC

}// 140/140

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

Romania's flag

show FPS hide FPS share 1 remix fullscreen

katkip

remix of d/9204 by u/Xen

function u(t) {

x.drawImage(c,0,1e3/S(t)/t);x.drawImage(c,0,t*40)
for(Z=i=1e3;i--;x.fillRect(i,0,2e3,1))x.fillStyle=`hsla(${238/t},99%,50%,1)`

Aug 11 2018 4:28 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

ftedwin

function u(t) {

M=Math;r=(l,h)=>{return M.floor(M.random()*(h-l))+l};x.font=r(30,99)+'px m';x.fillText(String.fromCharCode(r(65,91)),r(0,1960),t*r(0,100));

Aug 10 2018 2:13 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 2 remixes fullscreen

magna

remix of d/8083 by u/magna

function u(t) {

for(i=389;i--;x.clearRect(i%26*80-S(a=t*2+i/2)*70,~~(i/26)*80+C(a+t)*70,3,6));for(i=20;i--;)x.fillRect(i*99,A=x.globalAlpha=S(i+t),A*99,2e3)

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

f8f82804

remix of d/9190 by u/f8f82804

function u(t) {

x[s='fillStyle']='#0001';x[r='fillRect'](0,0,w=1920,w);for(i=a=30;z=--i*a*C(b=t/i/i);x[s]='red')x[r](w/2+3e5*S(b)*i/(d=w-z),w/4+1e3*z/d,9,9)

Aug 10 2018 12:00 AM UTC

}// 140/140

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

#galaxy #trails #perspective -- had to give up the "random" starting locations to fit in a perspective transform. Using red saves a character over #fff.

show FPS hide FPS share fullscreen

MatchaMaze

function u(t) {

c.width|=0,r=960,F=(x)=>(x*r)/2+r/2
for(i=0;i<r;x.fillStyle=R(i%255,0,0,0.8),y=i++/r*3.14,x.fillRect(F(S(i*.0981+t)*S(y)),F(C(y)),10,10));

Aug 9 2018 10:18 PM UTC

}// 138/140

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

u/f8f82804

#spiral #sphere

show FPS hide FPS share fullscreen

yonatan

function u(t) {

eval(unescape(escape`景爨瀠楮⁸⥴桩獛灛そ⭰嬶嵝㵰㭸学捝⠰ⰰⱱ㵣⹷楤瑨㵣⹨敩杨琽㤸ⱱ⤻景爨硛权崽❬楧桴敲✬椽㈰㭩ⴭ㭳㴲⨪椩椾㔿硛晣崨匨琩⨵㔫椪㘬㐰ⰴⰹⱸ学祝㵠桳氨⑻椪㌹紬㌹┬㈥怩㩸孤慝⡣Ⱝ猬⵳Ɫ㵱⭳⨲Ɫ⤠`.replace(/u(..)/g,"$1%")))

Aug 6 2018 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).

uncompressed: for(p in x)this[p[0]+p[6]]=p;x[fc](0,0,q=c.width=c.height=98,q);for(x[gC]='lighter',i=20;i--;s=2**i)i>5?x[fc](S(t)*55+i*6,40,4,9,x[fy]=hsl(${i*39},39%,2%):x[da](c,-s,-s,b=q+s*2,b)

Show more comments…
u/magna

Wow!
u/CliffJonesJr

This is basically cheating. I love it!!!
u/fujimotos

Nice! #light #color
u/Lazy1337

#compressed
u/LoisoCrow

What is x?
u/whitecube-void

what
u/fujimotos

x is CanvasRenderingContext2D (something you can get by calling canvas.getContext()). It is one of the shorthand variables predefined in dwitter.

show FPS hide FPS share fullscreen

Agnes

remix of d/8422 by u/Agnes

function u(t) {

i=new Image();d=[...c.toDataURL()];for(j=1+~~t*100;j--;d[~~(Math.random()*d.length)]="a");i.src=d.join("");i.onload=()=>x.drawImage(i,0,0);

Aug 10 2018 9:56 AM UTC

}// 139/140

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

Re-make of d/8422 with the "u" variable re-named "d" (having a variable named "u" breaks your dweet in most views)... interestingly, this violates the new cross-domain content policy!

u/BirdsTweetCodersDweet

Could it be the toDataURL() ?
u/Agnes

I think we realised it's not actually the cross-domain policy breaking it but something else. The console errors are when you try to load corrupted PNG data, which this produces pretty often.

show FPS hide FPS share fullscreen

Agnes

function u(t) {

for(i=25,G=x.createRadialGradient(Q=960,M=540,Q,Q,M,1);i--;x.fillRect(0,0,2e3,2e3))G.addColorStop(i/25,R(F=(i*t)%255,0,F,.05)),x.fillStyle=G

Aug 9 2018 9:22 AM UTC

}// 140/140

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

Demonstrating the power of radial gradients.

u/d0n.key

#satisfying
u/joeytwiddle

This works well in my Firefox and Safari. In Chrome it's smooth but so slow.

show FPS hide FPS share fullscreen

f8f82804

remix of d/9154 by u/f8f82804

function u(t) {

for(β=s=314;β--;x.fillStyle=`hsl(${β+t}rad 90%${30*(1-(γ=C(α-1)*C(β))-γ**9)}%/${β/a}`)x.fillRect(s*S(α=β/200)*S(β)+960,s*S(α)*C(β)+s,a=53,a)

Aug 9 2018 6:09 PM UTC

}// 140/140

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

Tweaked #sphere parameterization with occlusion, z-buffer and #phong #shading -- #rainbow #d3 #pbr

u/f8f82804

#blending