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

jylikangas

function u(t) {

c.width=200+(99<<t/5%3)
for(i=W=400;i--;x[f](137+C(i/9)*9,79+i/9+S(t*7+i/W)*45,1,1))x[f='fillRect'](0,h=(i+t/.897)*50%W,h,45)&x[f](0,i,h,.2)

Mar 13 2018 3:45 PM UTC

}// 140/140

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

Happy spring! :)

Show more comments…
u/magna

DUDE!
u/aleamb

fuck! this is superb!!
u/fujimotos

+1 for multiple perspectives.
u/zanella

(watching for 5 seconds) Ok. this doesn't seem too difficult to do. (watching for more 10 seconds) THE CAMERA ZOOM CHANGES!
u/iverjo

Really impressive
u/iverjo

#bounce
u/katkip

#coil #stairs
u/vain

haha.. really cute <3

show FPS hide FPS share fullscreen

magna

remix of d/7334 by u/Batrachus

function u(t) {

r=a=>a*Math.random()|0;for(i=w=120;i--;x.fillRect(r(32)*w+b,r(32)*w+b,c=w-2*b,c))x.fillStyle=R((Math.random()<.01)*T,r(T=255),r(T)),b=r(w/2)

Mar 17 2018 4:13 AM UTC

}// 140/140

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

#squares

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

c.width=99
for(i=I=9-t/2%8|0;i;i--==I&&x.arc(52+(X-50)*(d=t/2%1),65-d*40,4/d,0,7))x.rect(X=4+i*9+S(t)*8,11,5,18)&x.rect(4,24,86,1)&x.fill()

Mar 14 2018 3:25 PM UTC

}// 139/140

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

Bowling dat logo!

u/DirtyDan

New favorite
u/prplz

#default

show FPS hide FPS share fullscreen

StarStep

remix of d/7330 by u/yonatan

function u(t) {

x[s='fillStyle']='#0001'
x[f='fillRect'](0,0,3e3,2e3)
for(i=1e3;i--;x[f](960+S(i)*q,540+C(i)*q,5,5))x[s]=`hsl(${q=(i*4%1e3*t)/3%i},88%,70%`

Mar 16 2018 6:01 PM UTC

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

alien

remix of d/7373 by u/alien

function u(t) {

w=c.width=401
h=w/2
for(i=0;i<w;i++){
x.moveTo(h,h/2)
X=C(i/h)*90
Y=h/2+h/(i-t%1)
x.lineTo(h*X+i,h)
x.moveTo(0,Y)
x.lineTo(w,Y)
}
x.stroke()

Mar 18 2018 3:29 PM UTC

}// 140/140

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

thanks @joeytwiddle for the hitns

show FPS hide FPS share fullscreen

Agnes

function u(t) {

with(x)for(i=9,scale(m=t?1:100,m),drawImage(c,k=-.1,k,19.4,11);i--;)fillStyle=`hsl(${10*i*t},100%,50%`,fillRect(4+i+S(t)*3,4,.5,2);

Mar 14 2018 12:47 PM UTC

}// 131/140

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

u/magna

On fire!
u/katkip

#default

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'