Dweets awesomed by u/AlephCubed

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

katkip

remix of d/3178 by u/cantelope

function u(t) {

for(x.globalAlpha=.02,x.fillRect(0,0,q=i=2e3,q);i--;)x.clearRect(960+S(p=i/318)*(d=300+T(p*5+T(t/2)*9)*(140+S(t)*70)*T(t*9)),540+C(p)*d,1,1)

Aug 25 2018 7:45 AM UTC

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

atgz

remix of d/8890 by u/atgz

function u(t) {

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

Jul 18 2018 8:49 PM UTC

}// 85/140

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

made it colorless so that it's easier to notice the bistable perception

show FPS hide FPS share 2 remixes fullscreen

firegodjr

remix of d/8050 by u/firegodjr

function u(t) {

with(x)for(c.width|=u=26;u--;)for(v=21;v--;stroke(),beginPath())r=t/.4+(u+v)/2,arc(w=u*80,y=v*80,70,0,7),fillRect(w-S(r)*70,y+C(r)*70,12,12)

May 9 2018 5:28 PM UTC

}// 140/140

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

Orbiters

u/firegodjr

Based on https://twitter.com/beesandbombs/status/9942…
u/BalintCsala

Wow, that's almost exactly the same
u/firegodjr

#beesandbombs
u/magna

Made a "wireframe" version: d/8075

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 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

hollo47

function u(t) {

for(c.width=w=300,h=400,i=1;i<53;i++)a=3*t*i/2%w*2,a>w?a=2*w-a:a,b=h-S(t-i)*h,b>h?b=2*h-b:b,x.fillStyle=R(a,t*i,b,1),x.fillText("⬤",a,b);

Apr 5 2018 1:22 PM UTC

}// 137/140

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

My best attempt at recreating the sony bravia bouncy balls ad

u/New_Core

=) did you see.. https://www.dwitter.net/d/3267
u/hollo47

No I didn't, wow.

show FPS hide FPS share 1 remix fullscreen

jylikangas

function u(t) {

c.width=300+S(t/2)*99
with(x)for(i=17;--i;fill())globalAlpha=.2,arc(X=99+i*S(t/3)*3,70,450/(Z=i-t*6%1),2.7,6.7)&rect(X-(z=150/Z),70+z,z*2,7)

Mar 31 2018 10:18 AM UTC

}// 140/140

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

Tribute to Strange Crystals

Show more comments…
u/iverjo

Very good tunnel!
u/p01

✨ You can save 3 bytes by replacing 2.7 and 6.7 by 9 and 13
u/jylikangas

Thanks! Improved version: c.width=W=350+C(t)*150 with(x)for(i=17;--i;fill())globalAlpha=.2,arc(X=W/2+i*S(t/3)*4,70,450/(Z=i-t*8%1),9,13)&rect(X-(z=150/Z),70+z,z*2,7)
u/iverjo

#tunnel
u/sigveseb

#witchcraft
u/pavel

Even better with(x)for(c.width=W=350+C(t)*150,i=17;--i;fill(rect(X-z,70+z,z*2,7)))globalAlpha=.2,z=150/(i-t*8%1),arc(X=W/2+i*S(t/3)*4,70,3*z,9,13)
u/vain

This psydo 3D programming is just too high for me! My biggest respect! ! ++++

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

jylikangas

function u(t) {

for(X=c.width=450;X--;x[f](X%50*5+t%23*9,0,3,X))x[f='fillRect'](X-X%5*25,99+S(X*5)*5-(h=9*S(X%64/16))+(X>>6)*25%50,1,h*2)&x[f](X*2,50+h,9,1)

Mar 17 2018 8: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).

Scanimation Fish

Show more comments…
u/Lynext

Genius!
u/magna

If some technique exists, there's a dweet version of it.
u/sigveseb

this is so impressive :)
u/sigveseb

https://www.youtube.com/watch?v=LCIsIfEOEI8 some more inspiration for other dweets perhaps!
u/iverjo

#fish
u/aleamb

#scanimation
u/pythech

blew my brains out
u/rep_movsd

#illusion
u/rep_movsd

#underrated
u/vain

this blow me away! How...? O.o

show FPS hide FPS share 3 remixes fullscreen

jylikangas

function u(t) {

for(c.width=i=W=300;i-=2;)for(j=40;j<W;x.fillRect(i,j++-h,2,h+1))x.fillStyle=R(h=((d=W*3/j)*S(A=i/W+S(t))-t&d*C(A)+t*9&7)*99/d,j|2,!h&&W-j)

Mar 8 2018 6:16 AM UTC

}// 139/140

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

Tuulian Minecraft :)

Show more comments…
u/yonatan

Beautiful!!
u/nystrand

Impressive!
u/joeytwiddle

Flipping awesome!
u/aleamb

epic!!
u/loni_art

Damn! my pc is dyingwith this but at least its awesome!
u/magna

What. The.
u/artfarnaa

Dangerous if this got out.
u/zanella

... AND there's still one character left. Jesus!
u/p01

AMAZING! Btw, you can save 3 bytes without changing the visuals or camera path by using fillRect(i,j++,2,~h) ;)
u/jylikangas

Thanks all! p01 - I didn't know fillRect takes negative height. That's gonna save bytes in my other demos too - big thanks for the tip!
u/jylikangas

118 byte version including Mathieu's tip... for(c.width=i=W=199;i--;)for(j=9;j<W;x.fillRect(i,j++,2,~h))x.fillStyle=R(h=((d=W*4/j)*S(A=i/W)&d*C(A)+t)*99/d,j,h||W)
u/jylikangas

<W;x.fillRect(i,j++,2,~h))x.fillStyle=R(h=((d=W*4/j)*S(A=i/W)&d*C(A)+t)*99/d,j,h||W)
u/iverjo

Wow, incredible!
u/p01

https://www.dwitter.net/d/7337 Check out "Tuulian Minecraft: Sheep edition": 140 characters and one sheep.
u/iverjo

#minecraft
u/donbright

:O
u/Conjuror

love it and it is cool
u/vain

Unbelievable cool faked 3d minecraft like scene
u/CalSch

My phone's cpu does not vibe with this, but it is cool nonetheless.

dwitter.net | AlephCubed (5594)