New #bokeh 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: #ScaryMovies

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/25499 by u/rodrigo.siqueira

function u(t) {

for(m=1e3;t<.6&&m--;x[m%2?'fill':'stroke']())x.beginPath(x.fillStyle=R(i=m%126,i*2,i*4,.2)),x['arc'](m*m%2e3,m,T(i-.1/t)**2,i,m)

Jun 27 2022 10:58 PM UTC

}// 128/140

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

Bokeh light effect

u/Xen

love it!
u/UEZ

nice
u/magna

AMAZING!
u/magna

#bokeh

show FPS hide FPS share 3 remixes fullscreen

magna

remix of d/13638 by u/magna

function u(t) {

eval(unescape(escape`挮睩摴栽眽㉥㈻睩瑨⡸⥻晩汬剥捴⠰ⰰⱷⱷ⤻景爨椽㤻椭ⴻ晩汬⡳瑲潫攨⤩⥦楬汓瑹汥㵳瑲潫敓瑹汥㵒⡷Ɫ敧楮偡瑨⠩ⱷ⽩Ⱞ㐫䵡瑨⹲慮摯洨⤯㈹⤬慲挨㈪⩩ⰶ㥞椬㥼椬〬㜩ⱦ楬瑥爽恢汵爨⑻椦ㅽ灸恽`.replace(/u(..)/g,"$1%")))

May 5 2019 5:02 PM UTC

}// 136/140

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

Flickery blurry #bokeh

u/magna

Uncompressed: c.width=w=2e2;with(x){fillRect(0,0,w,w);for(i=9;i--;fill(stroke()))fillStyle=strokeStyle=R(w,beginPath(),w/i,.4+Math.random()/29),arc(2**i,69^i,9|i,0,7),filter=blur(${i&1}px}
u/vinca

Beautiful blur and flicker.
u/aleamb

beautiful!

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

c.width=w=2e2
with(x){fillRect(0,0,w,w)
for(i=8;i--;fill(stroke()))fillStyle=strokeStyle=R(w,beginPath(),0,.4+t%.08),arc(2**i,69^i,9|i,0,7)}

May 5 2019 2:20 PM UTC

}// 140/140

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

Another attempt at #bokeh

u/magna

Flickery blurry #bokeh
u/magna

d/13643

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 fullscreen

magna

remix of d/8740 by u/magna

function u(t) {

with(x)for(i=fillRect(0,0,c.width=w=255,w)|99;i--;fill(arc((t*b+i)*i+w&w,99+b,5+b/5,!beginPath(),7)))b=i&1?1:-1,fillStyle=R(w,b*w,b*w*.8,.2)

Jun 26 2018 12:21 PM UTC

}// 140/140

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

Highway at Night - yellow headlight edition with westbound traffic bugfix

u/magna

#bokeh #traffic
u/magna

i&1?1:-1 can be i&1||-1

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

x.fillRect(0,0,c.width=w=255,w)
for(i=99;i--;x.fill(x.arc((t*b*i+i*i)%w,99+b,5+b/5,!x.beginPath(),7)))b=i&1?1:-1,x.fillStyle=R(w,b*w,b*w,.2)

Jun 26 2018 3:22 AM UTC

}// 140/140

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

Highway at night #bokeh

u/lionleaf

I like it! #traffic
u/magna

2 chars shorter, yellow headlights: with(x)for(i=fillRect(0,0,c.width=w=255,w)|99;i--;fill(arc((t*b+i)*i%w,99+b,5+b/5,!beginPath(),7)))b=i&1?1:-1,fillStyle=R(w,b*w,b*w*.8,.2)
u/aleamb

absolutely beautiful, magna
u/joeytwiddle

Love it. Reminds me of Mercury - The Timeless. Would be great to get some z-axis going.
u/magna

Thanks folks!

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/3262 by u/lurifax

function u(t) {

c.width|=0;for(i=6e3;i--;)Z=40+21*i%256,Y=99*i%2e7,F=40+99*(1-C(t))-Z,x.globalAlpha=.7/(1+F*F/1740),x.fillRect(9e4/Z,Y/Z,w=(900+F*F/15)/Z,w)

Oct 10 2017 4:15 AM UTC

}// 140/140

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

Experimenting with depth of field

Show more comments…
u/joeytwiddle

I initially tried with falling raindrops but that only confused the effect
u/lurifax

Nice effect!
u/cantelope

this is so great
u/joeytwiddle

Better performance: i=43e Stronger effect: F*F/10
u/joeytwiddle

http://tuxedolabs.blogspot.sg/2018/05/bokeh-…
u/joeytwiddle

https://epicgames.ent.box.com/s/s86j70iamxvs…
u/joeytwiddle

#focus #bokeh #depthoffield

You've reached the end.

dwitter.net | #bokeh