Dweets awesomed by u/Agnes

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: #Opposites

show FPS hide FPS share 1 remix fullscreen

Agnes

function u(t) {

for(w=c.width|=i=9;i--;)x.rect(400+i*100+S(t)*300,400,50,200);x.clip();for(i=1e3,A=Math.random;i--;x.arc(w*A(),1080*A(),3*A(),0,7));x.fill()

Apr 25 2018 9:40 AM UTC

}// 140/140

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

Noisy default

show FPS hide FPS share fullscreen

Agnes

remix of d/7763 by u/Agnes

function u(t) {

A=a=>Math.random()*a;q=i=0;B=t?B.map(a=>x.fillRect(960+(h=300+A(i++))*S(m=t/10-a+A(a-q)),540+h*C(m+!(q=a)),r=5/i,r)|m):[];i<99?B.push(t/8):0

Apr 24 2018 10: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).

Rings of dust II: smaller particles

show FPS hide FPS share 1 remix fullscreen

Agnes

function u(t) {

A=a=>Math.random()*a;q=i=0;B=t?B.map(a=>x.fillRect(960+(h=300+A(i++))*S(m=t/10-a+A(a-q)),540+h*C(m+(!(q=a))),3,3)|m):[];i<99?B.push(t/8):0;

Apr 24 2018 10:31 AM UTC

}// 139/140

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

Rings of dust

show FPS hide FPS share fullscreen

Agnes

remix of d/7651 by u/Agnes

function u(t) {

for(c.width|=i=0;i++<100;f=i/50,x.fillStyle=R(128*f,255*(i>99)),x.font=24+3*i+"px A",x.fillText("Neat #2",200*(3-f*S(t)),740-200*f*C(t/8)));

Apr 23 2018 11:37 AM UTC

}// 140/140

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

Neat text #2: Neater Still

u/Agnes

Done better by u/aemkei as a remix to the original; check it out!
u/DirtyDan

Neat.
u/joeytwiddle

#text

show FPS hide FPS share fullscreen

Agnes

function u(t) {

for(c.width|=i=Q=255;i--;)x.fillStyle=R(f=2*i/Q,f*Q,i?f:Q,i?1:0.9),e=Q*(4+f*S(f+t)),x.rotate(f/e),x.fillRect(!!i*e,i?f*700:Q,s=i?25*f:3e3,s)

Apr 20 2018 4:59 PM UTC

}// 140/140

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

Spooky sea monster under the stormy seas.

show FPS hide FPS share fullscreen

Agnes

function u(t) {

with(x)for(w=c.width|=i=36;i--;)for(j=M=24;j--;)fillStyle=R(0,3*i*(1+C(t/18)),255*i/36,i/36),fillRect(w*j/M,540+i/36+150*S(i+j+t),w/M,540);

Apr 19 2018 7:42 AM UTC

}// 139/140

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

#sea #ocean

u/iverjo

#water

show FPS hide FPS share 1 remix fullscreen

jylikangas

function u(t) {

for(c.width=i=714;i--;F(t+i/714+(i>>7)/9,-9))(F=(a,o)=>x.strokeRect(357+S(a)*290-o/(Z=C(a)+1+(t%6<3)),99+C(a*(t/6%4|0))*99/Z,o/=Z/2,o))(i,4)

Apr 17 2018 9:12 AM UTC

}// 140/140

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

CHOO CHOO! Let it run to see all the tracks. :)

Show more comments…
u/Agnes

This is your most unbelievable one so far. What the hell.
u/aemkei

Just WOW!!! I can even hear the sound
u/Galaxtone

I stil ldon't know how to make a 3d engine and a camera view that moves around in only 140 bytes
u/New_Core

Very good one...
u/stiaje

No, this is just not supposed to be possible!
u/sigveseb

so simple and elegant :))
u/magna

Dude!
u/nystrand

Outstanding!
u/Renaud___

so great OO
u/aleamb

superb!!
u/hollo47

No. This is not possible.
u/artfarnaa

He's somehow linking another JS :}}
u/lionleaf

Woah!
u/jylikangas

http://jsriffs.blogspot.fi/2018/04/making-of…
u/iverjo

This is really, really impressive!
u/prinzphi

Unbelievable!
u/lionleaf

#train #3d #camera #hashtag_testing
u/sigveseb

Nice Making-of article! <3 more of those please :))
u/sigveseb

#witchcraft
u/lionleaf

#amazing
u/lionleaf

#making_of #blog
u/aleamb

#rollercoaster
u/pythech

wtf! many thanks for the blog post
u/micahcowan

#wireframe
u/alien

WTF!!!!
u/katkip

Wow
u/f8f82804

#d3
u/donbright

YES
u/mpasula

this is just so fucking cool!
u/Tekmap

👏👏👏👏👏
u/stephanegeorget

OMG
u/vain

How? O.o I am very enthusiastic and at the same time speechless

show FPS hide FPS share fullscreen

Agnes

function u(t) {

with(x)for(c.width|=i=10;i--;)for(j=11;j--;beginPath(),arc(192*(i+(j%2)/2)+15*S(a=i+j+t),108*j+15*S(a/2),6+2*S(a)*S(a/2),0,7),fill());

Apr 16 2018 11:56 AM UTC

}// 134/140

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

Another curtain-like effect.

u/Agnes

#curtain

show FPS hide FPS share 1 remix fullscreen

Agnes

remix of d/7686 by u/Agnes

function u(t) {

with(x)for(c.width|=i=15;i-->1;)for(j=15;j--;beginPath(),arc(960,540,150+25*i,o=i*t-3/j,6.3/j+o),lineWidth=j+5,strokeStyle=R(17*j))stroke()

Apr 16 2018 11:10 AM UTC

}// 139/140

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

I should probably stop remixing this one, but I keep finding dumb small changes that make it look better.

u/Agnes

#beesandbombs

show FPS hide FPS share 1 remix fullscreen

Agnes

remix of d/7684 by u/Agnes

function u(t) {

with(x)for(c.width|=i=15;i-->1;)for(j=5;j--;beginPath(),arc(960,540,150+25*i,o=i*t-3/j,6.3/j+o),lineWidth=2*j+5,strokeStyle=R(40*j))stroke()

Apr 16 2018 11:01 AM UTC

}// 140/140

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

Turns out approximations of pi are fine if you're not multiplying with your bad approximation of pi.

dwitter.net | Agnes (2359)