Dweets awesomed by u/Quant1um

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

trancor

remix of d/7905 by u/trancor

function u(t) {

w=c.width=innerWidth,t?onmousemove=e=>m=[e.x,e.y,2]:m=[w/2,w/2,1,p=[]],p.push([...m]),p.map(z=>x.fillRect(z[0]+=S(w++),z[1]-=z[2]++/9,9,9))

May 6 2018 10:12 PM UTC

}// 139/140

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

Not as cool as the original, but got it below 140!

u/lionleaf

#interactive

show FPS hide FPS share 1 remix fullscreen

BalintCsala

function u(t) {

c.width=280
for(i=9;i-->-1;)x.fillRect(D=i*20+(K=-(t%1)*20),D,W=20,W)
x.font="30px A"
x.fillText("●",83,82+K+(Math.max(t%1-.5,0)*2)**2*20)

May 4 2018 7:39 PM UTC

}// 138/140

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

Pseudo falling physics

u/iverjo

Deserves more kudos :D
u/BirdsTweetCodersDweet

changing the last part to ... **2*25makes it more realistic, with more gravity and even a little bounce at the end... Also, removing the W variable saves you a byte :P
u/jylikangas

Actually you could use T in place of W and use it in place of every 20 to save 3 bytes. :)
u/katkip

#physics

show FPS hide FPS share 2 remixes fullscreen

jylikangas

function u(t) {

for(c.width=i=-9;++i<9;R=a=>x.lineTo(150+a*99/(z=j-t%1),z+90+(99+T(j+t&a+9|8)+a*a)/z))for(j=12;x.beginPath(x.stroke()),R(i),--j;R(i+1))R(i)

May 4 2018 7:27 PM UTC

}// 139/140

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

Wireframe World

Show more comments…
u/iverjo

So good!
u/firegodjr

jylikangas at it again with the golden dweets :D #wireframe #perspective
u/aleamb

epic dweet!
u/jylikangas

http://jsriffs.blogspot.com/2018/05/making-o…
u/donbright

speechless
u/vain

can you hear the 80th retro synth music? :D Cool work

show FPS hide FPS share fullscreen

Agnes

function u(t) {

for(c.width|=i=M=20+~~t,x.font="128px A";i--;x.fillText("🐷",1920*i/M,540+300*S(6.4*i/M+t)));

Apr 26 2018 11:00 AM UTC

}// 92/140

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

Swine wave #swine #sine

Show more comments…
u/zanella

*applause*
u/Aezur

Swinewave function. Nice. :P
u/lionleaf

#emoji
u/sigveseb

Lol
u/lionleaf

Reference to typo on d/7779 🤣
u/iverjo

lol

show FPS hide FPS share 3 remixes fullscreen

CocoMeister

function u(t) {

c.width=1920
for(i=0;i<1920;i+=10){
x.fillStyle='hsl('+ S(i*9+S(t/2)*10)*50+',90%,50%)'
x.fillRect(i,S(i*9+S(t/2)*10)*200+600,50,50)
}

Apr 25 2018 5:23 AM UTC

}// 134/140

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

u/BalintCsala

#swine
u/BalintCsala

Oh fuck, I wanted to write #sine, I guess this stays then
u/CocoMeister

oops
u/joeytwiddle

A legend is born

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

jylikangas

remix of d/7495 by u/jylikangas

function u(t) {

for(a=t,c.width=99,i=16;i--;x.stroke())x.lineTo(50+S(t+=(7-i)%2/.64)*29,12+(i%4>>1<<5)+C(t)*11)
x.fillText('◕',43+S(a*7)*19,32+S(a*9)*19)

Apr 2 2018 12:15 PM UTC

}// 137/140

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

Fake physics :)

u/iverjo

#cube
u/iverjo

#wireframe

show FPS hide FPS share 2 remixes fullscreen

jylikangas

function u(t) {

with(x)for(i=16,c.width=198;i--;stroke()&drawImage(c,globalAlpha=.1,i))lineTo(99+S(t+=(7-i)%2/.64)*99/(Z=(t<6)+1+C(t)),49+((i%4/2<<6)-25)/Z)

Mar 28 2018 5:24 AM UTC

}// 140/140

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

White room traps you!

Show more comments…
u/aemkei

Stunning. As always.
u/joeytwiddle

Whoa! 😮
u/zanella

There's. A. Reflection. In. The. Floor.
u/loni_art

jesus!
u/iverjo

Well done!
u/DirtyDan

Remixed: d/7500
u/DirtyDan

whoops, wrong dweet
u/DirtyDan

Well this was a train wreck, wrong link too
u/jylikangas

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

#renderer #reflection #raytrace (or looks like it anyway)

show FPS hide FPS share fullscreen

AnnanFay

remix of d/7492 by u/AnnanFay

function u(t) {

c.width|=0
P.push(1+P[2*(1<<Math.log2(f++))-f])
x.fill(new Path2D('M960,540'+P.map(v=>'hv'[v&1]+'-| '[v&2]).join(s=60/t**.5)+s))}{P=[f=1]

Mar 27 2018 9:42 PM UTC

}// 137/140

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

Dragon Curve - filled version

u/Xen

love it!
u/joeytwiddle

novel presentation!
u/katkip

#julia #fractal
u/donbright

now thats a good way to draw a dragon

show FPS hide FPS share fullscreen

yonatan

remix of d/2370 by u/magna

function u(t) {

for(c.width|=i=9;i--;x.fill(new Path2D('M'+[530+i*99,540-a*99,b,q=a*r<0|0,50]+` 0v${200*a+b}${q^1} -50 0`)))a=C(m=i*t),b=`a1 ${r=S(m)} 0 0`

Mar 15 2018 7:01 AM UTC

}// 139/140

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

cylinders

u/yonatan

Chrome only I guess...
u/magna

Smart!
u/yonatan

#default

dwitter.net | Quant1um (8604)