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

rodrigo.siqueira

remix of d/14486 by u/rodrigo.siqueira

function u(t) {

if(t<18){Y=S(t)*999,X=t*Y
for(i=7e3;i--;)ℵ=Y,Y+=S(Y+X),X+=ℵ,x.fillStyle=R(Y*60,i/55,t*8),X%=τ=Math.PI*2,Y%=τ,x.fillRect(X*310,Y*330,1,1)}

Jun 7 2019 8:14 PM UTC

}// 137/140

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

Phase-space of the Standard Map - color version. It is constructed by a Poincaré's surface of section of the kicked rotator, as described here: https://en.wikipedia.org/wiki/Standard_map

u/Xen

love it!

show FPS hide FPS share fullscreen

pavel

remix of d/14464 by u/katkip

function u(t) {

for(x.setTransform(1,0,0,1,960,540),x.rotate(S(2*t)),i=200;i--;x[j?'fillRect':'clearRect'](r=(18+j)*(i&-2),r,r*=C(t)*.7-2,r))j=i%2

Jun 7 2019 5:01 AM UTC

}// 130/140

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

#d3 #perspective #pyramid

u/pavel

Am I crazy or do the sides rainbow a little?
u/katkip

It's an illusion maybe
u/joeytwiddle

Could be the way your machine talks to the monitor? https://en.wikipedia.org/wiki/Subpixel_rende… Or could be you are crazy!

show FPS hide FPS share fullscreen

pavel

remix of d/14376 by u/pavel

function u(t) {

t?x.arc(w=960,h=540,h,0,c.width|=0):X=Y=1e3
X*X+Y*Y>2.4e5&&(r=C(t*t)*8+12,U=-X/r,V=-Y/r)
X+=U;Y+=++V;x.arc(w+X,h+Y,5*r,0,7);x.fill`evenodd`

Jun 6 2019 5:00 AM UTC

}// 139/140

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

#physics #bounce updated so ball size reflects speed

show FPS hide FPS share fullscreen

katkip

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪀪🐱𞱦🐨𬐬𭰬𩐬𬠩🐾𮱸𛡢𩑧𪑮𤁡𭁨𚀩𞱦𫱲𚁩🐵𞱩𛐭𞰩𮀮𨑲𨰨𬐫𠰨𪐪𜐮𝐷𚱲𚐪𩐬𭰫𤰨𪐪𜐮𝐷𚱲𚐪𩐬𜐬𜀬𜐩𞱸𛡦𪑬𫀨𚑽𞱦𫱲𚁪🐹𞱪𛐭𞰩𩠨𜰶𜀫𪠪𜐳𜀫𤰨𭀩𚠳𜀰𛀵𝀰𛀶𜀬𤰨𭀩𚠳𚐠`.replace(/uD./g,'')));

Jun 8 2019 3:32 PM UTC

}// 122/140

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

Rotating

u/katkip

;f=(q,w,e,r)=>{x.beginPath();for(i=5;i--;)x.arc(q+C(i*1.57+r)*e,w+S(i*1.57+r)*e,1,0,1);x.fill()} function
u/katkip

without the first ;
u/katkip

also it's a illusion, looks like they are walking

show FPS hide FPS share 4 remixes fullscreen

keithclark

remix of d/13682 by u/pavel

function u(t) {

for(c.width=i=460,o=[w=190];i--;o[i]=[C(a=.279*i+t/2)*C(i),S(a)*C(i),S(i)]);for([Z,X,Y]of o.sort())Z-=2,x.fillText('🔵',230+w*X/Z,140+w*Y/Z)

Jun 5 2019 3:52 PM UTC

}// 139/140

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

Depth sorted balls. Iteration of a dweet by Pavel

u/Xen

nice
u/keithclark

155, with scaling - for(c.width=i=320,o=[w=99];i--;o[i]=[C(a=t+w*i)*C(i),S(a)*C(i),S(i)]);for([Z,X,Y]of o.sort())x.font=${5+Z--*3|0}px a,x.fillText('🔵',160+w*X/--Z,w+w*Y/Z)
u/aleamb

amazing!

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

for(i=0;i<1e3;x.fillRect(i?i*9%2e3+40*S(t+i):0,i++?q*5+i*99%299:0,q,q))q=i?((1+S(i))*3e7-t*(i%9+9))%199:2e3,x.fillStyle=R(i?255:0,i?q*1.4:0)

Jun 6 2019 5:44 AM UTC

}// 140/140

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

#fire #uncompressed

show FPS hide FPS share 1 remix fullscreen

keithclark

remix of d/14444 by u/keithclark

function u(t) {

for(o=[c.width=i=320];i--;o[i]=[C(t+=w=99),S(t),S(i)]);for([Z,X,Y]of o.sort())x.font=`${5+Z--*3|0}px a`,x.fillText('🔵',160+w*X/--Z,w+w*Y/Z)

Jun 6 2019 12:16 PM UTC

}// 139/140

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

Depth sorting: Cylinder

u/keithclark

144 - sphere: for(o=[c.width=i=320];i--;o[i]=[C(t+=w=99)*C(i),S(t)*C(i),S(i)]);for([Z,X,Y]of o.sort())x.font=4+Z--+'pt a',x.fillText('🔵',160+w*X/--Z,w+w*Y/Z)

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/4665 by u/ben

function u(t) {

v=(a,b,Φ,r)=>{for(i=~r;i++;x.fillStyle=R(0,Φ*30))x.fillRect(a+=S(Φ),b-=C(Φ),r/30,1)
while(r>3)v(a,b,Φ+S(b)/4+.4,r*=.72)}
v(t*2e4,1450,t,490)

Jun 5 2019 3: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).

Windy garden #fractal #tree

show FPS hide FPS share fullscreen

pavel

remix of d/14422 by u/KilledByAPixel

function u(t) {

for(i=c.width|=0;j=--i>>5;x.fillRect(i%8*270-Y%2*128-j,Y*140-j-420*h*(h>0),256,128))Y=i%64>>3,h=66-i%64-3*t,x.fillStyle=R(1e3/(4+i%3+j))

Jun 5 2019 6:59 AM UTC

}// 136/140

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

#wall #uncompressed

u/KilledByAPixel

All in all, it's just another dweet in the wall.
u/13thptr

amazing

show FPS hide FPS share fullscreen

NotGate

function u(t) {

c.width|=f=(X,Y,Z,d,o=d<7&&4)=>{for(x.fillRect(960+1e3*X/Z,1e3*Y/Z,5,5);o--;f(X+R*C(a=S(t)*2*o),Y+R,Z+R*S(a),d+1))R=o&&2**-d};f(0,0,2,1)

Jun 5 2019 6:21 PM UTC

}// 136/140

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

u/joeytwiddle

Nice #d3 #sierpinski #fractal
u/13thptr

#tetrahedron