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

andrea270872

function u(t) {

I=(t*3350)%2e3;J=(t*94)%1e3
A=I/1e3-1;B=J/600-1
i=0;while(((A*A+B*B)<4)&&(i<25))[A,B]=[A*A-B*B-.8,2*A*B+.2,i++]
x.fillRect(I,J,i,i)

Mar 7 2019 5:29 PM UTC

}// 131/140

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

Ghost of Julia ver2

u/andrea270872

/* LOGIC The point (I,J) depends on t and scans the screen from top-left to bottom-right, then restarts. It also hops of circa 50 pixels in both directions. The point (A,B) is a scaled and translated version of (I,J); (A,B) is centered arund (0,0) and goes approximately from -1,5 to +1.5 in both directions. The loop is a simplified version of the Julia iterated fractal loop: - i starts from 0, and goes max to 25 iterations, and the point starts at z=A+i*B - the function being computed is: Z=Z^2+(-0.8,+0.2) separating real and imaginary part, the formula is: A = A*A-B*B-.8 AND B = 2*A*B+.2 and the notation [A,B] saves me from using a temp variable. The loop exits if: - i is 25 or - distance of (A,B) from (0,0) is more than 2 */
u/f8f82804

#dither #halftone #fractal

show FPS hide FPS share fullscreen

Porpr

function u(t) {

c.width^=0
k=t
w=960
h=600
for(i=0;i<99;i++){k+=5.5
l=5*i
i%2==0?x.closePath():0
x.lineTo(w+C(k)*l,h+S(k)*l)}x.arc(w,1e3,500,1,0)
x.stroke()

Mar 7 2019 2:56 AM UTC

}// 140/140

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

Windmill

u/Porpr

How do I mark things as a remix?
u/pavel

You have to make your dweet by editing the one you want to remix and a submit button shows up.
u/Porpr

I see now, thanks.

show FPS hide FPS share fullscreen

tomxor

function u(t) {

eval(unescape(escape`瑼簨挮潵瑥版呍䰽✾㱩湰畴⁩搽漾✬昽湥眠䙬潡琶㑁牲慹⠱⤬椽湥眠䉩杉湴㘴䅲牡礨昮扵晦敲⤬漮潮扬畲㵟㴾学嬰崽漮癡汵攬漮癡汵攽楛そ⹴潓瑲楮木㈩⹰慤却慲琨㘴ⰰ⤮牥灬慣攨⼨㼼㵞⹻ㄲ紩⽧Ⱗ‧⥝⤻`.replace(/u(..)/g,"$1%")))

Mar 7 2019 2:14 AM UTC

}// 138/140

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

Float64 Encoder #application

u/tomxor

Enter a number and click away to get the underlying binary64 IEEE754 encoding with a space separating the exponent and significand.
u/tomxor

This uses the new proposed BigInt64Array typed array view to access the binary encoding, so it currently only works in latest chrome.

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/12319 by u/rodrigo.siqueira

function u(t) {

X=Y=Z=T(t)
for(i=2e3;i--;)x.fillStyle=`hsl(${Z*4},43%,38%,35%)`,X+=(Y-X)/9,Y+=X-X*Z/89,Z+=(X*Y-Z)/199,x.fillRect(960+X*24,Z*15-800,1,1)

Mar 5 2019 10:36 PM UTC

}// 135/140

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

Lorenz Colors #attractor #lorenz

show FPS hide FPS share fullscreen

gpolonus

function u(t) {

r=Math.random
w=r()
h=r()
x.beginPath()
x.arc(w*1920,h*1080,50,0,2*Math.PI)
x.fillStyle=R(255*w,255*h,255,0.5)
x.fill()

Mar 5 2019 4:22 PM UTC

}// 119/140

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

Raindrops

show FPS hide FPS share fullscreen

rodrigo.siqueira

function u(t) {

c.width|=σ=(X)=>{return 1/(1+Math.pow(Math.E,-X))}
for(i=-500;i<500;i++)
x.fillRect(i+950,820-σ(i/30*C(t*2)+Math.random()*2)*400,5,5)

Mar 4 2019 8:41 PM UTC

}// 133/140

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

Sigmoid activation function used in Artificial Neural Networks. Animation shows changes of neural weights plus a random bias.

u/pavel

I often use sigmoids for movement. The ease-out / ease-in looks great. I used 1/(1+1e9**(.5-t%1)) in d/11146 for the 'jumps'.
u/katkip

#sigmoid #math
u/katkip

also #ai
u/rodrigo.siqueira

also #neural

show FPS hide FPS share fullscreen

pavel

remix of d/7094 by u/AnnanFay

function u(t) {

for(k=c.width|=q=44;k--;x.fillRect(300*(h>0)*h*S(i=k/q)+q*j,99*h*C(i)+1e3*(h>0||h+1)-j*j%300,3,3))x.fillStyle=R(h=(t+C(j=k%q))%2-1,99,k,1-h)

Mar 5 2019 4:48 AM UTC

}// 140/140

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

#improved with fading droplets

show FPS hide FPS share fullscreen

andrea270872

function u(t) {

u.x=u.x+u.v||8
u.v=u.v||4
u.v*=(4<u.x&u.x<180)?1:-1
c.width=192
a=50+S(t)*50
b='fillRect'
x[b](2,a-5,3,9)
x[b](185,a-2,3,9)
x[b](u.x,a,3,3)

Mar 5 2019 4:41 PM UTC

}// 139/140

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

PerfectPong for 2

show FPS hide FPS share 1 remix fullscreen

qm3ster

function u(t) {

t||(a=0)
r=0
x.fillStyle=`hsl(${a|0},100%,50%,.15)`
x.beginPath()
while(r/100<9-t){x.lineTo(S(a)*r+960,C(a)*r+540)
a+=.03
r+=9}x.fill()

Mar 5 2019 9:39 PM UTC

}// 136/140

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

Deterministic flower thing; Mess with a and r increments.

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/12319 by u/rodrigo.siqueira

function u(t) {

c.width|=X=Y=Z=1
for(i=5e4;i--;)x.fillStyle=R(i/99,i/320,Z+=(X*Y-Z)/99),X+=(Y-X)/9+S(t*8),Y+=X*(28-Z)/99,x.fillRect(960+X*43,1180-Z*24,3,8)

Mar 5 2019 8:51 PM UTC

}// 139/140

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

Color Lorenz Attractor - Chaos Butterfly variations #attractor #lorenz