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

yokljo

remix of d/12000 by u/yokljo

function u(t) {

for(j=22;j--;)for(g=j*90,i=99;i-->-120;)x.fillStyle=`hsl(${j*2e3+t*j},30%,${i<0?50:j+i/7}%)`,x.fillRect(i<0?g:g+S(i/3+t*9)*i/2,i*5+600,90,5)

Feb 1 2019 11:36 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/katkip

#waves

show FPS hide FPS share 1 remix fullscreen

23_Skidoo

remix of d/12044 by u/23_Skidoo

function u(t) {

c.width|=c.style.background='linear-gradient(#e32,#318'
x.globalAlpha=.3
x.rotate(5.5)
for(i=-(z=40);i<z;)x.fillRect(i++*(z+C(t*i)),0,z,2e4)

Feb 1 2019 1:52 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

rodrigo.siqueira

remix of d/12001 by u/thorbear

function u(t) {

X=t/6;Y=2;s=999;x.globalAlpha=.05;for(i=3e3;i--;)
Y=1.66-2*(.1*X-S(1.2*Y)),
x.fillRect(X*s,Y*s-700,3,3)

Jan 31 2019 2:25 PM UTC

}// 103/140

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

Bifurcation diagram attractor of the logistic map. xₙ₊₁ = r * xₙ(1-xₙ). Bifurcation diagrams enable the visualization of bifurcation theory. #fractal

show FPS hide FPS share fullscreen

saon

remix of d/12033 by u/SpilledMilk

function u(t) {

for(i=10;i>0;i--){for(j=10*i;j>0;j--){
  x.fillStyle=R(j*10,j*3,j*5)
  x.fillRect(960-25*i+S(t+j)*j*i*20,540-25*i-T(t+j)*j*i*20,50*i,50*i)}}

Feb 2 2019 3:26 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 2 remixes fullscreen

thorbear

function u(t) {

a=b=t;s=400;x.globalAlpha=.05;for(i=2e3;--i;)x.fillStyle=R(s*a*b,0,i),x.fillRect(960+a*s,540+b*s,5,5),a=S(2*b)-C(5*a),b=S(-2*a)-C(3*b)

Jan 30 2019 11:52 PM UTC

}// 134/140

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

dejong

Show more comments…
u/rodrigo.siqueira

Great!! This is the famous Clifford Pickover Attractor!! It appears in his book Chaos in Wonderland (by the way, I am cited in this book as a fractal poet). Many beautiful variations of this Attractor can be made by changing only 4 parameters. #fractal
u/katkip

I don't understand
u/SMON

I wonder what's going on here. Is there any way to understand this? :)
u/thorbear

Didnt know about Clifford. Used the formulae on P.Bourkes page: http://paulbourke.net/fractals/peterdejong/
u/thorbear

He also has one on the Clifford attractor under /fractals/clifford
u/robbyg

Well done with the #attractor -- I didn't get color in mine: https://www.dwitter.net/d/8503
u/rodrigo.siqueira

Similar to #pickover attractor

show FPS hide FPS share 1 remix fullscreen

katkip

remix of d/12107 by u/katkip

function u(t) {

c.width*=1;f=a=>{if(a>9)x.beginPath(),x.arc(950+C(a/99-t*2)*a*4,540+S(a/99-C(t)*2)*a*4,50+50*C(a/(20+C(t))*5),0,7),x.stroke(),f(a-1)}
f(900)

Feb 2 2019 5:16 PM UTC

}// 140/140

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

Balloons tied #abstract

show FPS hide FPS share fullscreen

username

remix of d/10578 by u/ersagun

function u(t) {

for(i=j=0,f=24;f--;i+=d("⚽Å⍈⋕⌔⌮⌰⋮⌅⌻⍉⌬⌚⌔⌴⌌⌵⌞⌹〈⌭⌤⌰⌦"),j+=d(
"⒭⍄⌹⍏⌤⍈⌉⌖〉⌢⌛⌡⌼⌡⌽⌉⌊⌱⌔⌡⌦⌦⌤〉"))d=a=>C(t*f)*(a.charCodeAt(f)-9e3)
x.fillRect(i,j,9,9)

Feb 1 2019 11:15 PM 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

katkip

function u(t) {

c.width*=1;for(i=760;i--;)x.lineTo(960+S(i*3.1416+S(i*2+t)/2+t/2)*700,540+S(i*S(i+t)/i*S(i*2))*500,9,9);x.stroke()

Feb 2 2019 4:27 PM UTC

}// 114/140

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

#abstract

u/Xen

nice

show FPS hide FPS share fullscreen

katkip

function u(t) {

eval(unescape(escape`挮睩摴株㴱㭦潲⡩㴹㤹㭩ⴭ㬩砮晩汬剥捴⠹㘰⭃⡩⨳⸱㐱㘫匨椫琩⨱⸴⤪㜰〬㔴〫匨椪䌨椫琩⽩⩓⡴⭩⨴⤩⨵〰ⰵⰵ⤻景爨樽㈰㭪ⴭ㬩砮晩汬剥捴⠹㈰⭓⡪⩪⨹⭴⨹⤪㌰ⰹ㘫横㐴⭓⡪⩪⭴⤪ㄲⰹ〬㈰⤻`.replace(/u(..)/g,"$1%")))

Feb 2 2019 4:22 PM UTC

}// 136/140

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

#default's friction causes heat radiation! #compressed. Code: c.width*=1;for(i=999;i--;)x.fillRect(960+C(i*3.1416+S(i+t)*1.4)*700,540+S(i*C(i+t)/i*S(t+i*4))*500,5,5);for(j=20;j--;)x.fillRect(920+S(j*j*9+t*9)*30,96+j*44+S(j*j+t)*12,90,20);

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/12078 by u/robbyg

function u(t) {

X=Y=t;for(i=3e3;i--;x.fillStyle=`hsl(${C(X)*90+S(Y)*60},20%,50%)`)h=X,x.fillRect(X=950+(S(1*Y)+C(3*X))*440,Y=550+(C(4*h)-S(1*Y))*230,1,1)

Feb 1 2019 8:13 PM UTC

}// 137/140

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

Folded surface