New #glow 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

yonatan

remix of d/9666 by u/joeytwiddle

function u(t) {

for(x[f='fillRect'](0,0,c.width=99,j=299);q=j--/9;x[f](50+C(i)*s*6,26+C(i*8)*s,s,s))x.shadowColor=R(j,i=j*j/1e4+t,99),s=99/q,x.shadowBlur=q

Sep 5 2018 6:59 PM UTC

}// 139/140

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

Smokey 3D structure with joey's shadows

Show more comments…
u/sigveseb

Way amazing!
u/cantelope

epic!
u/donbright

O M G
u/donbright

this is .. is this even real or am i dreaming?
u/joeytwiddle

Wow! The 3D looks real, but the scene is dreamlike. #d3
u/aleamb

amazing
u/iverjo

So good!
u/joeytwiddle

#glow

show FPS hide FPS share 2 remixes fullscreen

joeytwiddle

remix of d/9639 by u/joeytwiddle

function u(t) {

x.fillRect(0,0,W=c.width=99,W);for(H=j=288;x.shadowBlur=j--/4;x.fillRect(9*T(j%9+t),7*T(t-j%9),5,5))x.fillStyle=x.shadowColor=R(H-j,H,H)

Sep 5 2018 9:45 AM UTC

}// 136/140

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

The night they arrived

Show more comments…
u/yonatan

Lovely!
u/yonatan

for(p in x)this[p[0]+p[6]]=p;x[fc](0,0,W=c.width=99,W);for(H=j=288;x[sB]=j--/4;x[fc](9*T(j%9+t),7*T(t-j%9),5,5))x[fy]=x[sC]=R(H-j,H,H)
u/yonatan

First time this actually saves chars on dwitter...
u/joeytwiddle

Wow, that is the craziest approach I have seen to that problem! But I can't argue with a 2 char saving.
u/f8f82804

u/yonatan: genius!
u/username

I am very confused. Did I actually bring up shadowBlur again? Have never seen it on Dwitter before.
u/donbright

man this looks so cool.. the JoeyTwiddle effect is one for the books.
u/joeytwiddle

Here are some previous uses of shadowBlur: d/2723 d/3173 d/6820 d/6883 d/9608
u/joeytwiddle

Looks better with x.shadowBlur=j--/7 #glow

show FPS hide FPS share 1 remix fullscreen

username

remix of d/9638 by u/username

function u(t) {

t?_?c.width+=_=!_:_=!_:_=0
for(i=x.shadowBlur=99,n=999;i--;x.shadowColor=`hsl(${t%4.2*i*9},99%,50%`)x.fillRect(i*99+S(t)*n-n,C(t)*i*24,51,n)

Sep 3 2018 12:54 PM UTC

}// 140/140

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

#glow sticks

u/username

golfing: u/BalintCsala u/BirdsTweetCodersDweet
u/username

#glowsticks
u/donbright

awesome

show FPS hide FPS share 2 remixes fullscreen

joeytwiddle

remix of d/2723 by u/donbright

function u(t) {

x.fillRect(0,0,W=c.width=500,W);for(j=72;x.shadowBlur=j--/2;x.fillRect(150+j%9*25+75*S(t),99,9,50))x.fillStyle=x.shadowColor=R(W,W-15*j,W)

Sep 2 2018 5:24 PM UTC

}// 138/140

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

#default #glow

Show more comments…
u/joeytwiddle

Shouts to donbright and username. This dweet took over a year!
u/joeytwiddle

You can also try j--*2 or j--*T(t) for a larger glow
u/katkip

woow
u/username

Did not even notive I inspired someone. My most recent version of the glow sticks is d/9643 I also actually did not know about the other older dweet. I thought I was the first one haha.
u/username

#glowsticks
u/joeytwiddle

Yep, you inspired me to finally trim this down! Of course, donbright's original dweet was also inspired by a *retro* video he saw. Everything is a remix! https://www.youtube.com/watch?v=nJPERZDfyWc
u/aleamb

great, joey
u/donbright

https://www.youtube.com/watch?v=ckrOWokh6rU
u/donbright

this is just awesome, i cant believe it... amazing work.
u/joeytwiddle

Well it was your idea to begin with!
u/donbright

man this is still one of my favorites.... just looks so darn cool
u/joeytwiddle

Same effect in CSS: https://codepen.io/FelixRilling/pen/qzfoc

show FPS hide FPS share 1 remix fullscreen

username

remix of d/9628 by u/username

function u(t) {

x.fillRect(0,0,2e3,2e3)
for(i=x.shadowBlur=112,n=999;i--;x.shadowColor=`hsl(${t%4.2*i*9},99%,50%`)x.fillRect(i*99+S(t)*n-n,n*C(t)*i/42,51,n)

Sep 2 2018 3: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).

#glow stick, golfing: u/BirdsTweetCodersDweet u/fujimotos

u/BirdsTweetCodersDweet

Ayy, nice!

show FPS hide FPS share fullscreen

Exca

remix of d/5768 by u/ellisk1

function u(t) {

q=w=>{x.fillStyle=R(280-w,150-w);x.fillRect(S(n=k+t/2)*w*4+960,C(n)*w*4+540,w+5,w+5)}
for(k=29;k--;)
for(i=0;i<59;i++)
q(i+(t+k/3)*200%300)

Jan 9 2018 6:42 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/magna

Love this!
u/joeytwiddle

#glow

show FPS hide FPS share fullscreen

ooommmooo

function u(t) {

for(i=0;i<30;i++){j=255*(i/29);z=i*40-(200*t%40);x.beginPath();x.arc(960,200*S(t)+540,960*(1-z/(99+z)),0,7);x.fillStyle=R(j,j,j,1);x.fill()}

Feb 25 2017 9:23 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/iverjo

"No matter what you're going through, there's a light at the end of the tunnel"
u/Niklas

Nice!
u/ooommmooo

Thanks guys!
u/joeytwiddle

#tunnel #light #glow

You've reached the end.

dwitter.net | #glow