Dweets awesomed by u/f8f82804

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: #Food

show FPS hide FPS share fullscreen

LimeLaser

remix of d/12626 by u/qm3ster

function u(t) {

r=Math.random
p=t?p.map(([u,v,i,j]=[99,99,1,1])=>[u+i,v+j,i+(960-u)/1e4+r()-0.5,j+(540-v)/1e4+r()-0.5,x.fillRect(u,v,4,4)]):[...Array(99)]

Mar 7 2019 7:30 AM UTC

}// 138/140

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

99 Accelerating Particles (thank you qm3ster)

u/LimeLaser

I have been hoping to make a particle system that persists individual positions and velocities for a while now. With the code golfing qm3ster has done, I can finally do it!

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/12658 by u/qm3ster

function u(t) {

for(r=Math.random,i=1e4;i--;x.fillRect(p[0]+=2-4*r(),p[1]+=2-4*r(),2,2))p=u[z=i%2e3]=u[z]||[a=z,b=r()*1080,R(a/8,b/4)],x.fillStyle=p[2]

Mar 7 2019 12:16 AM UTC

}// 135/140

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

A little golf and a color tweak to get some room to play with performance. it seems like the limit is just in drawing; Math.random() seemingly can't be improved on. I'd like to look at putImageData as suggested by https://stackoverflow.com/a/4901604 because it's possible that color parsing is a big overhead cost.

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/12666 by u/tomxor

function u(t) {

f=_=>S((X*X+Y*Y)**.5*3+t)
eval(unescape(escape`景爨爽ㄶⱣ⹷楤瑨㵩㵲⨳㈻椭㴲⽲㭸⹦楬汒散琨爪⡘⨲⭙⬱㘩Ⱳ⨨堯㈭夫娩ⰶⰹ⤩娽㄰ⵦ⡘㵩┸ⴴⱙ㵩⽲⼴ⴴ⤬砮晩汬却祬攽恈卌⠤筚⨶ぽⰹ㤥ⰵ〥总`.replace(/u(..)/g,"$1%")))

Mar 6 2019 11:49 PM UTC

}// 140/140

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

Surface Plot 2 #application

u/tomxor

Mini surface plotter v2! With an actual useful range and colour map this time.
u/tomxor

f=_=>S((S(X)**2+S(Y)**3)*3.14+t)**2
u/magna

Great!
u/mildlybean

Cool!
u/tomxor

#app

show FPS hide FPS share fullscreen

oddgoo

function u(t) {

c.width=1e3;l=255
for(i=470;i>S(t);i--)for(j=0;j<3;j++){x.fillStyle=R(j*l/2,l-j*l,j*l/4);x.fillRect(i*2,S((i+t*59)/30)%(S(t))*l+l+j*9,20,9)}

Mar 6 2019 9:51 PM UTC

}// 140/140

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

Sour Waves

show FPS hide FPS share 1 remix fullscreen

tomxor

function u(t) {

f=_=>S((X*X+Y*Y)**.5*5+t)
eval(unescape(escape`景爨爽ㄶⱣ⹷楤瑨㵩㵲⨱㈻椭㴱⽲㭸⹦楬汒散琨爪⡘⨲⭙⬶⤬爪⡘⼲ⵙ⬳⭚⤬㌬㌩⥚㴱ⵦ⡘㵩┲ⴱⱙ㵩⽲⼶ⴱ⤬砮晩汬却祬攽恈卌⠤筚⨱㈰紬㤹┬㔰╠`.replace(/u(..)/g,"$1%")))

Mar 6 2019 9:35 PM UTC

}// 140/140

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

Surface Plot #application

u/tomxor

Mini surface plotter! for visualising 2D scalar fields. Plug your own function into f :)
u/f8f82804

#d3
u/aleamb

wow!
u/katkip

f=_=>S(X*X*t+Y*Y*t)+C(X*X*t-Y*Y*t)
u/tomxor

#app

show FPS hide FPS share 1 remix fullscreen

aoneill01

function u(t) {

c.width=192;P=Math.pow;π=3.14;for(φ=0;φ<2*π;φ+=.01)z=f=>P(Math.abs(f(3*φ)/f(t)),f(t)),r=9*(z(C)+z(S)),x.lineTo(96+r*C(φ),54-r*S(φ));x.fill()

Mar 6 2019 1:25 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/rodrigo.siqueira

Welcome Aoneill. Nice first Dweet! Here is a small change in your code to produce a higher resolution, just 127 bytes: c.width|=π=3.14;for(φ=0;φ<2*π;φ+=.01)z=f=>Math.abs(f(3*φ)/f(t))**f(t),r=99*(z(C)+z(S)),x.lineTo(962+r*C(φ),514-r*S(φ));x.fill()
u/katkip

weird flower
u/DataMeta

Rather neat
u/aoneill01

Thanks Rodrigo! I was struggling to get it to 140. Didn't realize there was a ** operator in Javascript.

show FPS hide FPS share 1 remix fullscreen

nender

function u(t) {

c.width=2e3;x.lineWidth=6;v=1e3;b=187;n=864;for(i=0;i<9;i++){r=n-(n/=1.7);v+=S(i*t)*r;b+=C(i*t)*r;x.beginPath();x.arc(v,b,n,0,8);x.stroke()}

Mar 5 2019 3:48 PM UTC

}// 140/140

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

saved a few more chars and upped the line width

show FPS hide FPS share 3 remixes fullscreen

qm3ster

remix of d/12153 by u/LimeLaser

function u(t) {

r=Math.random;p=t?p.map(([a,b,f=R(0,a/8,b/4)]=[1920*r(),1080*r()])=>[a+4-8*r(),b+4-8*r(),x.fillStyle=f,x.fillRect(a,b,2,2)]):[...Array(999)]

Mar 5 2019 3:25 PM UTC

}// 140/140

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

#golfed added colors instead

Show more comments…
u/qm3ster

Colors correspond to starting position. Horizontal speed is now equal to vertical.
u/f8f82804

This might be one of the best #random dweets I've ever seen! Gorgeous!
u/LimeLaser

This is awesome!
u/pavel

131 for(r=Math.random,i=1e3;i--;x.fillRect(S[i]+=4-8*r(),C[i]+=4-8*r(),2,2))S[t]=2e3*r(),C[t++]=1080*r(),x.fillStyle=R(0,S[i]/8,C[i]/4)
u/qm3ster

@pavel why do you use 2e3 as approximation for 1920 but not 1e3 as approximation for 1080? It's not like they're used as bounds.
u/qm3ster

@pavel it doesn't persist the colors of the particles, so it just paints the whole c a gradient.
u/pavel

Ah, I didn
u/pavel

I didn't catch the color change, it does complicated the code: 138 for(r=Math.random,w=i=2e3;i--;x.fillRect(S[i]+=4-8*r(),C[i]+=4-8*r(),2,2))c[t]=S[t]=w*r(),x[t]=C[t++]=w*r(),x.fillStyle=R(0,c[i]/8,x[i]/4)
u/pavel

2e3 overruns and you can't see it. 1e3<1080 so the bottom has more whitespace and it looks bad.
u/pavel

135 for(r=Math.random,w=i=2e3;i--;x.fillRect(p[0]+=4-8*r(),p[1]+=4-8*r(),2,2))p=u[i]=t?u[i]:[a=w*r(),b=w*r(),R(0,a/8,b/4)],x.fillStyle=p[2]
u/pavel

134 for(r=Math.random,w=i=2e3;i--;x.fillRect(p[0]+=4-8*r(),p[1]+=4-8*r(),2,2))p=u[i]=u[i]||[a=w*r(),b=w*r(),R(0,a/8,b/4)],x.fillStyle=p[2]
u/pavel

This does look great :), not sure what else to add with the spare chars
u/qm3ster

Nice! I limited it to 100 particles, each gets 20 movements per frame now:
u/qm3ster

for(r=Math.random,w=i=2e3;i--;x.fillRect(p[0]+=2-4*r(),p[1]+=2-4*r(),2,2))p=u[z=i%100]=u[z]||[a=w*r(),b=w*r(),R(0,a/8,b/4)],x.fillStyle=p[2]

show FPS hide FPS share fullscreen

pavel

function u(t) {

eval(unescape(escape`景爨樽㈲㭱㵃⡶㵪ⴭ⼸⤬爽㌰〫ㄵ〪焬稽匨瘩㬩景爨椽ㄱ㐻甽椭⴯ㄸ㭸⹦楬汒散琨㤴㜫爪䌨甩ⰵ㈸⭲⩓⡵⤬㈵ⰲ㔩⥦㴲⩺⨨焪䌨甩⩓⡴⤫稪䌨琩⤭䌨琩ⱸ⹦楬汓瑹汥㵒⡧㵦⩦⨲㔶ⱧⱧ⬲〪昩;`.replace(/u(..)/g,"$1%")))

Mar 5 2019 2:07 AM UTC

}// 132/140

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

Two-color phong specular shaded torus

u/pavel

166 for(j=22;q=C(v=j--/8),r=300+150*q,z=S(v);)for(i=114;u=i--/18;x.fillRect(947+r*C(u),528+r*S(u),25,25))f=2*z*(q*C(u)*S(t)+z*C(t))-C(t),x.fillStyle=R(g=f*f*256,g,g+20*f)
u/tomxor

Nice #shading #torus
u/f8f82804

#d3 #phong

show FPS hide FPS share fullscreen

marc8

function u(t) {

c.width=w=360;i=0
r=_=>Math.random()*256
while(i<=w){x.fillStyle=i<w?R(r(),r(),r()):"#43A"
x.fillRect(0,i,w,i+=2)}x.fillRect(40,20,280,160)

Mar 4 2019 10: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).

Still loading

Show more comments…
u/tomxor

Oh crap :D it all came flooding back, now i gota go play llamatron
u/tomxor

#retro #amiga
u/tomxor

I love this, we need more retro!
u/tomxor

I did the atari loading bee :P d/12717
u/Jezza

I love this!
u/marc8

#c64
u/UEZ

#decruncher

dwitter.net | f8f82804 (21405)