Dweets awesomed by u/elochimsiemasz

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

atgz

remix of d/8878 by u/atgz

function u(t) {

for(c.width|=i=256;i--;)x.fillRect(960+2*i*S(t--+i*.979),512+S(t---i-t-t--)*i*2,i/9,i/9)

Jul 18 2018 8:12 PM UTC

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

acorv

function u(t) {

c.width=400;for(i=50;i<180;i+=3){s=(t+i)*2;x.beginPath();x.fillStyle=R(i);x.arc((s*i)%500-50,200+(C(s+1.6)>0?1:-1)*S(s)*i,i/9,0,7);x.fill()}

Jul 18 2018 6:25 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/iverjo

#dots
u/joeytwiddle

#bounce

show FPS hide FPS share fullscreen

atgz

remix of d/3202 by u/Starchaser

function u(t) {

c.width=1920;for(i=20;i--;){x.setTransform(1,0,0,1,960,540);x.fillStyle="tan",x.rotate(3.46/10*i-t);x.fillRect(-12,150+T(t+++i*3)*25,24,85)}

Jul 18 2018 8:19 AM UTC

}// 140/140

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

u/loni_art

funky
u/aleamb

cool!
u/stiaje

nice loading animation!

show FPS hide FPS share 1 remix fullscreen

tobias

function u(t) {

r=Math.random
x.fillStyle=`hsl(${r()*360},90%,77%)`
x.filter="blur(1px)"
x.drawImage(c,0,0)
x.filter="none"
x.fillRect(r()*2e3,r()*1e3,1,1)

Jul 16 2018 5:35 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/robbyg

120 chars for more room to play: r=Math.random;with(x)fillStyle=hsl(${r()*360},90%,77%,filter='blur(1px',fillRect(r()*2e3,r()*1e3,1,1),drawImage(c,0,0)
u/micahcowan

(Fixed formatting) r=Math.random;with(x)fillStyle=`hsl(${r()*360},90%,77%`,filter='blur(1px',fillRect(r()*2e3,r()*1e3,1,1),drawImage(c,0,0)
u/elochimsiemasz

Duuude

show FPS hide FPS share fullscreen

Agnes

function u(t) {

A=t?A.filter(e=>((N=t-e.i)<5)|x.beginPath(x.fillStyle=R(T=51*N))|x.arc(e.x,e.y,T,0,7)|x.fill()):[];A.push({x:(M=t+t**t)%1920,y:M%1080,i:t})

Jul 16 2018 3:00 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/DataMeta

Verrrrry cool!

show FPS hide FPS share fullscreen

mvs202

function u(t) {

c.width|=0
for(i=0;i<8;i++){
a=i+t
x.fillStyle=R(j=64*i,8,8,.3)
x.beginPath()
x.moveTo(w=960,h=540)
x.arc(w,h,h-j,a,a+3*(1+C(a)))
x.fill()
}

Jul 16 2018 12:46 AM UTC

}// 140/140

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

u/lionleaf

stylish!

show FPS hide FPS share 1 remix fullscreen

lionleaf

remix of d/8639 by u/pythech

function u(t) {

c.width|=0
with(x)for(translate(900,500),i=9*t;i-->0;fill())fillStyle='hsl('+9*i+',99%,50%)',fillRect(5*i,0,a=40*S(i*.9)+60,a),rotate(-3.88)

Jun 19 2018 1:07 AM UTC

}// 140/140

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

#confetti remix! Had to go to squares to squeeze color in, but should be possible to golf back to circles

u/BalintCsala

You don't have to close the hsl function
u/redactedhoptional

You can use a template string in the color string, so hsl(${9*i},99%,50%, it saves 1 character. You could also make it translate(960,540) so it is correctly centered.
u/redactedhoptional

Also also, you can remove fill(), and round the -3.88 to -3.9 to save a character.

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/8475 by u/pythech

function u(t) {

with(x)for(i=23;i--;t>2?fillText("debian",760,980):fillRect((r=70+180*t)*S(m=8*t**.5+t*i%1)+1e3,C(m)*r+390,i,i))fillStyle='#d15',font="9em'"

Jun 7 2018 6:14 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/aleamb

awesome, joeytwiddle
u/aleamb

#logo
u/joeytwiddle

This was mostly pythech, I just made it messier!
u/joeytwiddle

My favourite version (over limit): t=t**0.5;with(x)for(i=30;i--;t>2?fillText("debian",670,1e3):fillRect((r=70+80*t*t)*S(m=5.6*t+i/80+t*i%1)*.9+1e3,C(m)*r+390,9,9))fillStyle='#d15',font="14em'"
u/BirdsTweetCodersDweet

That one works if you remove the fillStyle ¯\_(ツ)_/¯.
u/pythech

awesome, this was what I was trying to do :D

show FPS hide FPS share 1 remix fullscreen

johnbruin

function u(t) {

c.width=-1
x.translate(150,85)
for(j=9;j--;){
x.font=j/5+'em a'
x.rotate(t)
for(i=21;i--;)x.rotate(.3),x.fillText("CIRCLE*"[i%7],0,j*20)}

May 23 2018 9:33 PM UTC

}// 137/140

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

#text

u/magna

#circle

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

dwitter.net | elochimsiemasz (2212)