Dweets awesomed by u/stiaje

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 fullscreen

jylikangas

function u(t) {

c.width=-1
for(q=j=8;j++<21;T=65+~(t/6)%5*9)for(i=300;i-=2;x.clearRect(i,Y,1,1))x.fillRect(i,Y=j*5+(h=C(i/T)*35+(q+=S(i/j))),j/7,S(t)+T/2-h)

Apr 29 2018 10:22 AM UTC

}// 140/140

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

Remote Islands

u/iverjo

Cool! After a while it shows multiple groups of islands
u/iverjo

#water #islands #landscape
u/BuRRak

Making of coming soon i hope
u/donbright

#art

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 1 remix fullscreen

firegodjr

remix of d/7693 by u/firegodjr

function u(t) {

c.width=1920
x.globalAlpha=0.5
for(y=41;--y;){x.fill();x.beginPath();for(w=99;--w+1;){x.lineTo(20*w,S(t+y/5+(S(t/4)+1.1)*w/3)*50+30*y-75)}}

Apr 16 2018 5:56 PM UTC

}// 139/140

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

Wobbly Cellular Lava Lamp

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

c.width-=(q=t%8<4.2)?7:-7
for(k=i=20;--i+k;)for(j=k;--j+k;)x.fillRect(150+i,90+j+S(-t*3%3.2)*60,1,Math.acos(j/(k*k-i*i)**.5)*3+(q?t:-t)*5&1)

Apr 16 2018 3:26 PM UTC

}// 140/140

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

Playing ball...

u/jylikangas

Inspired by an earlier dweet from ETHproductions
u/aleamb

cool
u/iverjo

#bounce
u/13thptr

#d3

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(),a=6.3/j,arc(960,540,150+25*i,o=i*t-a/2,a+o),lineWidth=2*j+5,stroke());

Apr 16 2018 10:57 AM UTC

}// 126/140

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

A slightly more boring version of the previous dweet with colours removed to make the circle segments wrap around each other better. There's probably a way to do colour with this.

show FPS hide FPS share fullscreen

aemkei

remix of d/7651 by u/Agnes

function u(t) {

for(c.width|=i=0;i++<50;x.font=`bold ${5*(i+90)}px Arial`,x.fillText("3D",f=600+(i-20)*2*S(t),f+200))x.fillStyle=R(i<42?0:255,0,0)

Apr 14 2018 6:49 PM UTC

}// 130/140

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

u/BirdsTweetCodersDweet

#threed

show FPS hide FPS share fullscreen

anthonylewis

function u(t) {

c.width^=0
for(i=21;i--;){
y=S(i*t)+1;z=C(i*t)+1
x.fillRect(0,i*50,900-y*100,48)
x.fillRect(1000+z*100,i*50,900-z*100,48)
}

Apr 8 2018 10:19 PM UTC

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

New_Core

remix of d/7583 by u/anthonylewis

function u(t) {

Z=Math.random
x.shadowColor=R(0,0,x.shadowBlur=a=128)
x.fillStyle=R(g=Z()*a+a,g,255)
x.beginPath()
x.arc(Z()*2e3,Z()*1e3,Z()*a,0,7)
x.fill()

Apr 5 2018 6:48 PM UTC

}// 140/140

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

u/anthonylewis

Really nice!
u/sigveseb

<333

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/7579 by u/yonatan

function u(t) {

c.width|=0;x.globalAlpha=.2;for(i=1782;i--;)l=i/22%9|0,x.fillRect(540+l*99-40*T(m=3*t+i/1e5-l/12+i%22/5e2)**3,460+i%22*9-199*S(2*m)**8,50,9)

Apr 5 2018 6:47 AM UTC

}// 140/140

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

Just messing with yonatan's stuff again >_<

u/joeytwiddle

#default
u/iverjo

Nice animation!
u/katkip

Woow
u/joeytwiddle

Oops, speed was supposed to be m=1.2*t

show FPS hide FPS share fullscreen

yonatan

remix of d/7556 by u/sigveseb

function u(t) {

n=S(t);c.width=n*n*300;for(i=9;i--;)for(y=99;y--;)x.fillStyle=`hsl(${i*99},50%,${75-y/2}%`,x.fillRect(90+C(q=y+t)*99+i*10,S(q)*99+i*9,9,9)

Apr 4 2018 11:29 AM UTC

}// 139/140

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

dwitter.net | stiaje (10323)