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

p01

remix of d/7215 by u/jylikangas

function u(t) {

for(c.width=i=W=99;i--;)for(j=W;j--;)x.fillRect(i,j,2/(d=700/j),~(d*i/W+C(t)&d+t*9&7)/d*W)

Mar 14 2018 10:16 PM UTC

}// 90/140

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

SPEED RUNNING IN GHOST LAND

Show more comments…
u/jylikangas

For 81byte slow running version lose the subtle camera waving, drop multiplication from t and the last AND operation from height function :)
u/p01

That makes it 77bytes if use a single for loop with a width of 64 and increment of 1/64 ;)
u/Batrachus

Someone should use this for a black metal video. Even the resolution is perfect.
u/magna

hehe: https://dweetplayer.net/demo/v1/*/7338Tfb/ht…
u/jylikangas

:D
u/p01

Hey it does work with black metal ^____^
u/alien

wow

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/7301 by u/yonatan

function u(t) {

for(x.beginPath(i=1920);i--;x.lineTo(i,t%9*99+(Y|0)*8*t))for(Y=0,j=4;j--;)Y=Y+S(((i-960)/t+S(t+Y)*299*j*j/t)/(40*2**j));
t<9&&x.stroke()

Mar 12 2018 11:13 AM UTC

}// 136/140

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

jagarikin inspired wireframe landscape

Show more comments…
u/joeytwiddle

Nice work by yonatan. I am happy to abuse all the spare characters they saved!
u/joeytwiddle

To finish it off: s/t%9/t/ ; s/t<9/t<15/
u/aleamb

wow! love it!!
u/iverjo

Neat!
u/iverjo

#landscape
u/fujimotos

#scanline
u/fujimotos

#slow_render

show FPS hide FPS share 1 remix fullscreen

william

remix of d/7361 by u/william

function u(t) {

c.width=1920 
x.font='99px monospace'
x.fillText("checkout my first moving tweet mixtape remix yo", t*100, 100)

Mar 17 2018 7:50 AM UTC

}// 113/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

joeytwiddle

remix of d/7355 by u/New_Core

function u(t) {

for(i=a=720;i--;x.fillRect(i?a*S(i*99)*s+955:0,i?a*C(i)*s+535:0,k=i?s*9:2e3,k))s=99/((i+t*a)%a-a),x.fillStyle=i?`hsl(${i*2},99%,50%`:'#0005'

Mar 18 2018 5:38 AM UTC

}// 140/140

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

Remixing New_Core's Starfield 1

u/New_Core

this one is nice.. with small change to.. for(i=a=720;i--;x.fillRect(i?a*S(i*99)*s+955:0,i?a*C(i)*s+535:0,k=i?s*9:2e3,k))s=99/((i+t*99)%a-a),x.fillStyle=i?hsl(${i},99%,50%:'#0001'

show FPS hide FPS share fullscreen

New_Core

function u(t) {

c.width|=c.onmousemove=e=>T=e.offsetX
x.transform(k=S(b=T/200),l=C(b),-l,k,960,460)
for(i=9;i--;)x.fillRect(-400+i*99+S(t)*300,-99,50,200)

Mar 16 2018 3:30 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/13thptr

#default

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/7303 by u/joeytwiddle

function u(t) {

for(x.beginPath(i=1920);i--;t<15&&x.fillRect(i,t*99+(Y*4|0)*2*t,.2,8))for(Y=0,j=4;j--;)Y=Y+S(((i-960)/t-S(t+Y)*299*j*j/t)/(40*2**j))

Mar 13 2018 7:15 AM UTC

}// 132/140

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

Softer landscape. Shouts to yonatan! 8 chars free for remixing

u/yonatan

More than 8 if you lose x.beginPath() :)
u/joeytwiddle

lol true! 😅
u/joeytwiddle

#landscape

show FPS hide FPS share fullscreen

Blane

function u(t) {

a=~~(4*Math.random())*6.28/4;with(x)t%9==0?translate(960,540):fillRect(0,0,9,9),translate(9*S(a),9*C(a)),x.globalCompositeOperation='xor'

Mar 15 2018 4:01 PM UTC

}// 137/140

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

Ant tunneling

show FPS hide FPS share fullscreen

StarStep

remix of d/7337 by u/p01

function u(t) {

for(c.width=i=W=89;i--;)for(j=0;j++<W;x.fillRect(i,j,1,~z))x.fillStyle=R(z=((d=700/j)*i/W+C(t)&d+t&7)*W/d,z*4,W);x.fillText('🤨',-9*C(t),45)

Mar 16 2018 11:30 PM UTC

}// 139/140

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

u/magna

🤨

show FPS hide FPS share fullscreen

Blane

function u(t) {

t==0?a=k=0:a;b=1;for(i=k;i>0;i--){b*=i};a+=1/b;k++;throw a

Mar 15 2018 2:39 PM UTC

}// 58/140

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

Calculating e with its Taylor series

show FPS hide FPS share fullscreen

Agnes

function u(t) {

w=c.width+=e=0;q=y=32;t&&f++<w?S+=(t<<f).toString(36)[0]:(f=0,S='');x.font=q+"px A";[...S+"🐒"].map(s=>x.fillText(s,(e+=q)%w,y+=q*!(e%w)))

Mar 15 2018 12:25 PM UTC

}// 137/140

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

Really wanted this to use a more sophisticated random character generator but I couldn't figure out how to fit it. Thanks to Yonatan for golfing tips (.map instead of .forEach and S being a string instead of an array)!

u/joeytwiddle

Monkey with Typewriter
u/joeytwiddle

Will this eventually write The Complete Works of William Shakespeare?
u/zanella

If AnanFay remixes this, then yes, it will eventually write The Complete Works of William Shakespeare.