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

Xen

function u(t) {

r=Math.random
f=z=>x.fillRect(z,t*99,9,9)
f(9+r()*99)
f(299+(r()+r())/2*99)
f(599+(r()^r())*99)
f(899+(r()*r())/r()*99)

Jul 11 2019 3:33 PM UTC

}// 119/140

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

bored math test with random

u/Fime

Golfing tip: When calling a random function often you might want to use r={valueOf:Math.random} instead. You then get a new random value when accessing r like a normal variable (no () needed)
u/f8f82804

If you're willing to re-use an already-declared variable you can save a couple more characters: T.valueOf=Math.random
u/donbright

yay. #trigfree

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

F=(T,Y,S)=>(x.font=S+"em'",x.fillText(T,0,Y))
F("Introducing...",400,14)
F("𝓓𝔀𝓮𝓮𝓽 𝓥𝓲𝓮𝔀!",700,17)
F("A Fast Dwitter Browser",900,9)

Jul 8 2019 4:42 PM UTC

}// 130/140

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

dweetview.3d2k.com

Show more comments…
u/KilledByAPixel

I worked hard on this one, I hope everyone enjoys. I recommend you at least use this to export all your dweets and back them up. ✌ #dwitter #tool
u/Xen

nice one mate!
u/lionleaf

Sweet!
u/aleamb

awesome job! thanks!
u/katkip

nice
u/DataMeta

super useful! much appreciated
u/rodrigo.siqueira

Your tool "CapJS" to create GIF animation from Dwitter is also very useful: http://capjs.3d2k.com/
u/artfarnaa

Thank You.

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/12440 by u/rodrigo.siqueira

function u(t) {

t||(a=b=0)
for(i=5e3;i--;)x.fillStyle=R(C(a)*200,S(a)*b/3,t*42),x.fillRect(960+b*S(a*.8),540-b*C(a*.8),1,1),a+=1.9*C(2.5*a)+C(t/5),b+=.00076

Jul 7 2019 9: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).

Feigenbaum Flower. Homage to Mitchell Feigenbaum (1944-2019). He demonstrated the universal character of dynamical non-linear systems, which has made possible the systematic study of chaos. In 1975, using the small HP-65 calculator, he discovered that the ratio of successive distances between bifurcation events tends to a constant δ ≈ 4.66920... This "ratio of convergence" of period-doubling bifurcations is now known as the first Feigenbaum constant. #bifurcation #attractor #fractal #chaos #math

u/taupelink

This is a great tribute. RIP.
u/donbright

really nice
u/artfarnaa

Rodrigo - are you working full time on this fractal stuff? Super impressive if its only a hobby. Great work.
u/rodrigo.siqueira

#tribute

show FPS hide FPS share 1 remix fullscreen

donbright

function u(t) {

c.width=199
for(i=199;i--;)for(j=99;j--;){
b=i*i+j*j
r=i*i-j*j
g=2*i*j
n=frame
x.fillStyle=R(r*r%n,g*g%n,b*b%n)
x.fillRect( i,j, 1,1)
}

Jul 10 2019 11:44 PM UTC

}// 135/140

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

mosaic of time

show FPS hide FPS share fullscreen

katkip

remix of d/14963 by u/katkip

function u(t) {

c.width*=1;for(j=295;j--;){for(i=2;i--;)e=C(t+j/9)/92,x.beginPath(),x.arc(454+i*954,540,j*5,t+j*e,t+j*e+.4),x.fill();}

Jul 9 2019 4:26 PM UTC

}// 118/140

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

#arc

show FPS hide FPS share fullscreen

sovenyandras

remix of d/14557 by u/KilledByAPixel

function u(t) {

c.width|=0
for(a=0,x.fillStyle="red",i=1001;i--;x.lineTo(900+500*(i)*S(Y*S(t/20)*20*S(t))/900,900-800*Y*Y))Y=S(i/159)
x.fill()

Jul 9 2019 2:41 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

firegodjr

function u(t) {

for(c.width=j=1e3;j--;x.stroke(),x.beginPath(x.lineWidth=8),x.strokeStyle=R(j%100^j/t))x.arc(500,280,j%100*2.8,a=((j/100)|0)*0.628,a+0.628)

Jul 8 2019 6:37 PM UTC

}// 139/140

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

Deep Scan

show FPS hide FPS share fullscreen

SamuelHoward

function u(t) {

c.width=1920
for(i=0;i<14;i++)
for(j=0;j<5;j++)
x.ellipse(i*140,j*250,75+75*S(t),75+75*C(t),t+i+j,0,6.28)
x.fill("evenodd")

Jul 9 2019 12:04 AM UTC

}// 123/140

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

Ballroom. This is the result of messing around with ellipses and "evenodd" filling.

u/katkip

whyballroom
u/SamuelHoward

Not really sure haha, just the title I thought of.

show FPS hide FPS share 1 remix fullscreen

New_Core

remix of d/14942 by u/katkip

function u(t) {

for(c.width|=i=99;i--;)x.arc(960+5*i*S(a=t+i%2*3.14),540,i**T(i/99)+i+50,0,7)
x.fill("evenodd")

Jul 8 2019 2:07 PM UTC

}// 95/140

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

creating a wormhole

u/New_Core

99*i**T looks nice too
u/Xen

pretty cool

show FPS hide FPS share 1 remix fullscreen

username

remix of d/14970 by u/username

function u(t) {

for(a=_=140;--a;x.fill()){x.beginPath(x.fillStyle=R(2*($=_*S(a+t)),$+_,$+a*2))
for(i=3;i--;)x.lineTo(960+C(z=t+T(i)+a)*a*9,540+S(z)*a*9)}

Jul 10 2019 5:02 PM UTC

}// 138/140

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

icy deadly rotation

u/username

you can increase the 2 in 2*($.. to add some warmth