Dweets awesomed by u/Batrachus

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

show FPS hide FPS share 1 remix fullscreen

Batrachus

function u(t) {

for(c.width*=j=1;j<11;j*=10)for(a=Math.exp(t%2.3),i=-45;i<45;i++){x[f="fillRect"](d=i*20*j*a+960,0,b=5-5/a/j,1e9);x[f](0,d-420,1e9,b)}

Feb 27 2018 1:18 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/joeytwiddle

Calculus
u/Batrachus

Don't know why I used exp, when I could have used pow
u/BirdsTweetCodersDweet

Pow doesn't work on Chrome for me for some reason
u/joeytwiddle

#infinite #loop

show FPS hide FPS share fullscreen

Batrachus

function u(t) {

a=1920
c.width+=0
x.fillRect(0,0,a,a)
for(i=0;i<a;i++){e=2+C(i*i)
d=(t+9)*e*a/30
x.clearRect((S(i)*a+d)%a,(T(i)*a+d*4)%a,3*e,3*e)}

Feb 26 2018 5:29 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/UEZ

#snowfall

show FPS hide FPS share fullscreen

function u(t) {

c.width+=0
x.font='48px sans-serif'
for(i=0;i<384;i++)x.fillText(String.fromCodePoint(~~t*32+i),i%32*60,~~(i/32)*110-t%1*110)

Jan 27 2018 12:18 PM UTC

}// 125/140

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

u/bepisTM

this dweet wins the internet holy crap

show FPS hide FPS share 1 remix fullscreen

BackendForth

function u(t) {

w=50
c.width=1920
v=(i,j)=>x.lineTo((i+j)*w,w*j+S((i*i+j*j)**.5+t)*w)
for(i=w*w;i--;x.fill())x.beginPath(),v(a=i%w,j=i/w),v(a+1,j),v(a,j+1)

Jan 22 2018 3:30 PM UTC

}// 139/140

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

Show more comments…
u/Xen

wow
u/aleamb

impressive!!
u/Qwitter

Nice (I detect an incoming wave of surface wave dweets )
u/Qwitter

Rough Seas: v=(i,j)=>x.lineTo((i+j)*w,w*j+C(2*j-3*t)*S(i+t)*w)
u/donbright

the triangles is just marvelous
u/zanella

My new favorite dweet.
u/tl-code

wow

show FPS hide FPS share 1 remix fullscreen

veubeke

function u(t) {

for(a=_=140;--a;x.fill()){x.beginPath(x.fillStyle=R($=_*S(a+t),$+_))
x.moveTo(960,540)
for(i=2;i--;)x.lineTo(960+C(i+a)*a*9,540+S(i+a)*a*9)}

Jan 22 2018 12:00 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/Qwitter

Tunneling bit
u/yonatan

remix: d/6323
u/sigveseb

really nice
u/innovati

Slow but worth waiting for :D
u/magna

Pretty!

show FPS hide FPS share fullscreen

corruptio

remix of d/5600 by u/p01

function u(t) {

for(i=h=432;i--;x.fillRect(h+(h/i-1)**.5*S(t-i)*i,i,9,44))x.fillStyle=R(v='㓀职뿽흟�巶涷溲疗恋ᑐㆇന䁓ꘐ㒄␅਩先р蠂'.charCodeAt(i/16)>>i%16&1,v*h,99,C(t-i))

Jan 8 2018 9:44 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 more comments…
u/aemkei

🌎 😍
u/p01

Fantastic job! Love the use of the cos(t-i) aka backface culling as alpha value of the fillStyle to sort the splats and skip clearing the whole canvas. That was THE killer optimization to fit in 140 chars.
u/sigveseb

Wow! ACE
u/donbright

:O
u/lionleaf

Amazing!
u/Teijou

Does it JS or another language?
u/fusty

Wow . . . how?
u/fusty

It would be amazing if you could post an expanded, commented version along with your 140 character versions on this site.
u/oldspork

I'm completely new to all coding and just found out about this amazing community; how on Earth do these symbols code for a globe?
u/hg

oldspork These symbols are just what unicode decides his binary data can best be represented as in text. The real magic is the charCodeAt part of their code.
u/iverjo

#sphere #earth #globe

show FPS hide FPS share 5 remixes fullscreen

p01

function u(t) {

for(i=h=c.width=432;i--;)C(t-i)>0&&x.fillText('.⬤'['榁翻꺿듻ퟝ믭󫥤큰삗⢠挎ᩐ肦䰠椉䠊ᑒꊐࢀင'.charCodeAt(i/16)>>i%16&1],192+(i*h-i*i)**.5*S(t-i)/2,i/2+9)

Jan 5 2018 8:35 PM UTC

}// 137/140

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

AND THE WORLD GOES ROUND 🌏🌍🌎

Show more comments…
u/Xen

nice :-)
u/xem

what an achievement!
u/aemkei

You made it! 🙇
u/nystrand

W🌎W !
u/sigveseb

up to the top of the frontpage you go!
u/lowpoly

Wow, your work always inspired me :)
u/trupples

Wow, congratz! I tried doing this but failed miserably lol. Awesome work
u/Renaud___

Nice work !! :)
u/donbright

beautifuyl
u/aemkei

Now with color: d/5747 by u/corruptio.
u/iverjo

#sphere #earth #globe
u/vain

Wow! Insane! Nice to see you here, P01 :-) greetz

show FPS hide FPS share 1 remix fullscreen

Zolden

function u(t) {

c.width|=0;for(k=0;k++<1999;){j=k%20;q=j*j;
i=k/20;p=255-q*j/30;x.fillStyle=R(p,p,p,1);x.fillRect((q+75)*i-q*(t+8)*3,q*2,q/2,j*40)}

Jan 2 2018 11:29 PM UTC

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

ellisk1

function u(t) {

d=t%1;x.fillStyle=R(t%6/6*(q=d*1e3),150-q,0,.5);x.beginPath();q+=(b=600);x.arc(b+q*C(a=6.3*Math.random()),b+q*S(a),b,e=3+a,e+.1+d);x.fill();

Jan 2 2018 10:27 PM UTC

}// 140/140

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

The longer it has to fill in the better it looks!

dwitter.net | Batrachus (2405)