Top #stars dweets

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

rikardlindstrom

function u(t) {

t||x.translate(980,540)
c.style.background=R(x.fillStyle='#fff',++t<4&&x.drawImage(c,~x.fillText(0,~x.scale(s=1+C(t)/20,s),0),~x.rotate(t)))

Dec 31 2017 7:03 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/Flopster

Wow! Too bad it doesn't reset, but this looks incredible!
u/rikardlindstrom

Thanks! All I could fit in 140 characters. Happy to hear suggestions how to squeeze it further though!
u/magna

Amazing!
u/iverjo

Kudos
u/sigveseb

So pretty!
u/tqdwqwd

qwd
u/meesh

Wow!
u/iverjo

#galaxy
u/lionleaf

#space #stars

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

hoplite

function u(t) {

x.fillRect(0,0,i=w=c.width=2e3,w);x.fillStyle="#fff";for(;i--;)T=t*99,z=w*99/(i-T%1),a=i+T-T%1,x.fillRect(C(a*a)*z+1e3,C(a*w)*z+500,w/i,w/i)

Jan 1 2018 11: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/eyalcohen4

Starwarsy
u/iverjo

#stars
u/zbstof

Reminds me of Windows 3.11 #screensaver - Starfield

show FPS hide FPS share fullscreen

New_Core

remix of d/630 by u/New_Core

function u(t) {

for(a=i=629;i--;)s=99/(b=-a+(i+t*60)%a),X=a*S(i*99)*s+1e3,Y=a*C(i)*s+500,i<628?b+=a:(X=Y=0,s=a),x.fillStyle=R(b,b,b),x.fillRect(X,Y,s*9,s*9)

Jan 20 2017 9:28 AM UTC

}// 140/140

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

for a smoother start

u/donbright

bravo
u/iverjo

#stars #starfield

show FPS hide FPS share 3 remixes fullscreen

yonatan

remix of d/10765 by u/yonatan

function u(t) {

for(i=c.width=99;i--;)for(k=j=56;j-->-k;)x.fillRect(i,j/2+28,1,j>0?(S(j*j+i/j-t*7)+C(j**5-i/j*6+t)**3)*j/50:(1-S(i*j)**88))

Oct 30 2018 11:07 PM UTC

}// 123/140

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

stars

Show more comments…
u/joeytwiddle

Really beautiful, and so short! #sea #ocean #water #waves #night #stars
u/lionleaf

Great in full screen. Beatiful
u/lionleaf

Now put that Saturn up in the sky ;)
u/sigveseb

Cool, the dark sky makes the water look more realistic tlo
u/sigveseb

too*
u/tomxor

Wow, you steped up the realism since that sunset a week ago :D this is my fav combo, the stary sky really complements the effect.

show FPS hide FPS share fullscreen

trupples

function u(t) {

c.width|=0
c.style.background=R()
x.fillStyle="#fff"
for(i=1e3;i--;p=1e5*S(i),r=9/(9-(p+t)%9),x.fillRect(C(i)*99*r+960,540+r*C(p)*99,r,r));

Dec 27 2017 11:51 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/sigveseb

Good starfield
u/trupples

<3
u/iverjo

#stars #starfield
u/jdspugh

Perfect

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/27872 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󩭯󬬨󮬽󜌬󪜽󝭥󜼻󪜭󛜻󮬫󟝓󚍩󚭩󚜪󞜩󪬽󪜾󟬸󛍸󛭦󪝬󫍓󭍹󫍥󟝒󚍪󙬦󮬯󜬬󪬪󞜬󜼹󛍪󚼮󜌵󚜬󩌽󚍩󛝔󚜪󚬮󝬪󞜬󪜾󥌿󮌮󨽬󩝡󬭒󩝣󭌨󞌰󜌫󩌪󤼨󨜽󪜪󚬳󚽴󛼹󚜬󦜽󝼰󜌫󩌪󠼨󨜩󛍲󟝓󚍩󚜪󚬳󚬵󛍲󚜺󮌮󩭩󫍬󤭥󨽴󚍩󚬸󙝔󛍪󙬦󜜰󞌰󛌸󛍪󟽺󛝪󚬴󞜺󥌽󜬰󝌸󚜻`.replace(/u../g,'')))

Dec 12 2023 7:34 PM UTC

}// 140/140

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

Osservatorio 🔭

u/rodrigo.siqueira

Time lapse of the North Star, Polaris. Wow! I saw your Twitter message about this and came here to see it live! #stars #night #starfield
u/KilledByAPixel

thank you, this is my second attempt at achieving the effect!
u/aleamb

wow! pretty

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/16909 by u/rodrigo.siqueira

function u(t) {

for(x.fillRect(x.globalAlpha=.1,0,i=2e3,i);r=--i*S(t/3);x.clearRect(960+r*S(a)*C(i)/z,540-r*S(i)/z,s=z>0&&6/z,s))z=1+r/2e3*C(a=i*i+t/9)*C(i)

Dec 19 2019 11:08 PM UTC

}// 140/140

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

#stars #explosion

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/16903 by u/pavel

function u(t) {

for(x.fillRect(N=0,0,i=2e3,i),v=540;Y=S(b=--i**3);x.clearRect(960+v*X/d,v-v*Y/d,Z*=5,Z))Y/=Z=1+C(++N)*C(b),X=S(N)*C(b)/Z,d=X*X+Y*Y+T(t)

Dec 19 2019 7:37 PM UTC

}// 135/140

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

Big Bang and Big Crunch. Black hole explosion, universe formation. #stars #explosion

u/katkip

Awesome!

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/25873 by u/lunderwood

function u(t) {

x.fillRect(0,0,w=2e3,w)
for(i=2e4;i--;)x.clearRect(960+2*C(p=T(i*i)+t/2)/(Z=C(i+t)/500/((t/2+i)%1.4)),510+S(p+p/i)/Z+S(Z/5)*w,K=(p%9)+.5,K)

Jul 25 2022 10:57 PM UTC

}// 139/140

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

Star drops #stars

u/andrea270872

Wow!
u/magna

WOW
u/aleamb

yeah!

dwitter.net | #stars