Dweets awesomed by u/Galaxtone

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

Galaxtone

function u(t) {

for(i=0;i<10;i++){x.fillStyle=R(S(t)*255,C(t)*255);x.beginPath();
x.ellipse(400+i*99+S(t)*300,S(t)*99+400,50,C(t)*99+200,0,0,3,1);x.fill();}

Apr 16 2018 12:39 AM UTC

}// 140/140

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

141/140 I broke the matrix

u/prplz

When the order of your for loop isn't important you can make it count backwards like this for(i=10;i--;)
u/Galaxtone

oh nice thx for the tip I'm new to this code-golfing site
u/Galaxtone

also I saw something about using with(x) so I think I'll use that for future stuff :p
u/Galaxtone

for(i=10;i--;)with(x){fillStyle=R(S(t)*255,C(t)*255);beginPath(); ellipse(400+i*99+S(t)*300,S(t)*99+400,50,C(t)*99+200,0,0,3,1);fill()} Saved 5 whole bytes using that

show FPS hide FPS share 1 remix fullscreen

BalintCsala

function u(t) {

c.width^=0
for(i=2;i--;)for(j=20;j--;)(x.beginPath(),x.fillStyle=R(0,0,0,K=S(J=(i+t)*3+j/2)+1),x.arc(960+C(J)*25,j*60,K*3+15,0,7),x.fill())

Apr 6 2018 9:15 AM UTC

}// 139/140

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

helix thing

u/BirdsTweetCodersDweet

#DNA #helix

show FPS hide FPS share 2 remixes fullscreen

yonatan

function u(t) {

x[s='fillStyle']='#0001'
x[f='fillRect'](0,0,3e3,2e3)
for(i=1e3;i--;x[f](960+S(i)*q,540+C(i)*q,5,5))x[s]=`hsl(${q=(i**4%1e3*t)/3%i},88%,70%`

Mar 14 2018 10:54 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/aleamb

coooool
u/iverjo

#explosion #fireworks

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/7105 by u/yonatan

function u(t) {

for(X=c.width=99;X--;)for(Y=57;Y--;x.fillRect(X,Y,1,1))q=X*X+Y*Y,z=(9e3-q)**-.3,x.fillStyle=`hsl(${(t*9+X*z^Y*z)*22},50%,${95-q**.5}%`

Feb 28 2018 10:31 AM UTC

}// 134/140

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

lit and colored

Show more comments…
u/donbright

!!!!!!!!!!!!!!
u/sigveseb

Lit af
u/magna

^
u/joeytwiddle

#lighting #sphere
u/FireFly

Holy cow!! :o
u/Cloud

Wooooow!!!
u/vain

amazing!

show FPS hide FPS share fullscreen

snydej

remix of d/7060 by u/snydej

function u(t) {

for(T(0,i=4e3,.06);r=--i**4.3;T(t**(i<9?9:i<30)*200+r,a=r%5*S(i+t)**2,51*a))T=(w,s,a)=>x.fillRect(w*2%2e3,w%1079,s,s,x.fillStyle=R(a,a,a,a))

Feb 24 2018 2:52 AM UTC

}// 140/140

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

Golfed this one better and added a few details, like differing star sizes.

Show more comments…
u/DirtyDan

Cool!
u/snydej

Feature request: When in fullscreen center the canvas and fill unused space with black. I'm guessing the white background is there in case the dweet has transparency. Would it be possible to put the canvas in a div with a white background and put a black background behind that?
u/New_Core

Did you want t?0:c.height=2e3 infront of your dweet and expand the w%1079 number by a few 100?
u/snydej

It'd be nice but I don't have the room to add it to this dweet. I'm sure some dweets do that and so I tried to suggest a fix that wouldn't break that behavior.
u/AnnanFay

"When in fullscreen center the canvas and fill unused space with black" This seems like it would break many dweets.
u/snydej

By unused space I mean the space OUTSIDE the canvas. This is pretty standard behavior when fullscreening anything.
u/snydej

For instance, d/6967. On my monitor the canvas does not extend to the bottom of the screen in fullscreen mode and there is a white bar running along the bottom. This makes the dweet look cut off. If it were a black bar it would look fine because the screen would just look dark there. This is how everything from TVs to YouTube deal with fullscreening when the source material that has a different aspect ratio from the screen.
u/snydej

by d/6967 above I meant https://www.dwitter.net/d/6967 I think the period messed up the link
u/snydej

Actually it looks like the canvases already their background color set to white (I had assumed that the background was not set and that setting it would change the rendering of some dweets, but it looks like that's not the case.) So you wouldn't even need the additional div that I suggested originally.
u/Renaud___

Beautiful
u/aleamb

amazing
u/joeytwiddle

I think the canvas is transparent by default, the white is just the page behind it.
u/snydej

Nope, that's what I thought too. The image data within the canvas is initially transparent (this affects the rendering of dweets that call x.drawImage(c, ... ) but there is also a background css property on the canvas that is set to white and this causes transparent areas of the canvas to show up as white regardless of what's behind them. You can try this out by locally tweaking the css for the body element that contains the canvas. On most dweets you don't see any part of this element unless the dweet is fullscreened but there are exceptions like d/7084 . I don't know what the best way to handle that would be.
u/donbright

:)
u/iverjo

#stars
u/joeytwiddle

#landscape #scene
u/larzuk

quite impressive!
u/vain

nice night sky with shooting stars. just incredible work

show FPS hide FPS share fullscreen

Xen

remix of d/6334 by u/BackendForth

function u(t) {

c.width|=w=33
v=(i,j)=>x.lineTo((i+j)*w,w*j+S((i*i*j*j)**.4+t*9-i+j)*w)
for(i=w*w;i--;x.fill(v(a,j-1)))x.beginPath(),v(a=i%w,j=i/w),v(a-1,j)

Jan 22 2018 4:11 PM UTC

}// 140/140

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

try angles.

u/sigveseb

sweet
u/donbright

kewl

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 2 remixes fullscreen

aemkei

function u(t) {

t||(W=c.width=600);i=W;for(x.fillRect(0,0,W,W);i--;x.fillText(unescape("%u30B"+C%9),i*9,C=~~(t*9+i**3)*12%W))x.fillStyle=R(0,i&&W,0,i?1:.05)

Mar 19 2017 8:18 PM UTC

}// 140/140

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

Welcome to the Matrix!

u/iverjo

#matrix
u/danny@hille.dk

More speed longer trails !t?W=c.width=600:i=W;for(x.fillRect(0,0,W,W);i--;x.fillText(unescape("%u30B"+C%9),i*9,C=~~(t*15+i**3)*11%W))x.fillStyle=R(0,i&&W,0,i?1:.03)
u/vain

Beautiful looking remake of the matrix fx

show FPS hide FPS share 1 remix fullscreen

sigveseb

remix of d/271 by u/3bl3gamer

function u(t) {

W=c.width=255;for(i=9<<12;a=i&W,b=i>>8,n=b-45,m=a-99,i--;x.fillRect(a,b,A=1/(((t+a/n)%2)^b/n),A))n*=(B=(W*S(t*29+n/5)+m*m+n*n)/5e3)<1?C(B):1

Feb 24 2017 12:35 AM UTC

}// 140/140

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

Based on some of 3b3lgamer's stuff (remix link got broken).

Show more comments…
u/donbright

dude you are the king,.. O M GOSH
u/Renaud___

Fantastic :S
u/lionleaf

Fixed the remix link for ya :)
u/nashcat

holy sh*t
u/Kalanchoe

H...how? This is so impressive.
u/magna

Needs more music.
u/xem

inhuman
u/donbright

still the one that blew my mind the most.
u/lionleaf

#wobble #wobbly #water #mirror #checkerboard #refraction #sphere
u/Xaotic

wtf
u/firegodjr

#raytracing #best
u/stiaje

#witchcraft
u/sigveseb

This one used to be fast, wonder why it is slow now?

You've reached the end.

dwitter.net | Galaxtone (916)