Dweets awesomed by u/lionleaf

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

yokljo

function u(t) {

c.width|=0
for(i=0;i<540;++i)y=t*3-i/30,o=(300-i)*(i<78?S(i/30)*2:1),o>0?x.fillRect(960-o/2+S(y)*100,i*3+200,o,C(y/4)+3):0

Mar 12 2019 5:48 PM UTC

}// 122/140

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

u/Xen

"snake, snake, ohhh its a snake!" song in y head now lol

show FPS hide FPS share fullscreen

pavel

remix of d/12693 by u/danny@hille.dk

function u(t) {

for(i=c.width|=p=240;i--;e>0&&x.fillRect(q+i%5*500,i-p,e,20))q=S(a=3*S(t/2)+i*.3146)*p,e=C(a)*p-q,x.fillStyle=`hsl(${i*90},99%,${8*e**.3}%`

Mar 9 2019 3:54 AM UTC

}// 139/140

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

u/katkip

This looks so much like a WebGL dweet but it isn't.
u/joeytwiddle

#twister

show FPS hide FPS share fullscreen

pavel

remix of d/1112 by u/sigveseb

function u(t) {

for(let w=c.width=127,i=9086,a,b,n,B;a=i&w,b=i--/w;x.fillRect(a,b,1,1/(t+a/n&1^b/n)))n=b-20,B=(w*S(t*9+n/9)+(a-40)**2+n*n)/1e3,n*=B>1||C(B)

Mar 7 2019 8:31 PM UTC

}// 139/140

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

#improved performance

Show more comments…
u/pavel

Original runs at 6fps on my machines this runs at 60fps. I lowered the resolution by a quarter (4x perf) and golfed 13 chars to let me declare all vars locally (2x perf).
u/tomxor

wow! this is a massive perf improvement, the original was impressive but I couldn't really see it realtime. Nice one :)
u/katkip

how
u/nender

Wow! This is amazing!
u/sigveseb

Nice!
u/f8f82804

#raytrace #d3 #pbr
u/Cloud

Cool!!!

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

pavel

function u(t) {

for(w=c.width=1e3,i=99;r=10*i--;i?x.stroke():x.fill())x.beginPath(p=(1+t/2-r/w)%2),x.ellipse(480,270+20*S(p*40)/9**p+!i*w*(p-2),r,r/3,0,0,7)

Mar 6 2019 7:01 AM UTC

}// 140/140

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

#water #drop

u/katkip

Looks good
u/aleamb

great!
u/mcdxn

damn!

show FPS hide FPS share fullscreen

andrea270872

function u(t) {

u.x=u.x+u.v||8
u.v=u.v||4
u.v*=(4<u.x&u.x<180)?1:-1
c.width=192
a=50+S(t)*50
b='fillRect'
x[b](2,a-5,3,9)
x[b](185,a-2,3,9)
x[b](u.x,a,3,3)

Mar 5 2019 4:41 PM UTC

}// 139/140

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

PerfectPong for 2

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

Nexrem

function u(t) {

c.width^=0;e=Math.floor;z=950;for(i=0;i<2000;i++){x.moveTo(z+C(i)*z,540+S(i*e(t))*540);x.lineTo(z+C(i+1)*z,540+S((i+1)*e(t))*540)}x.stroke()

Mar 5 2019 12:17 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/lionleaf

Nice one! Welcome to Dwitter :)
u/rodrigo.siqueira

Same result with just 77 characters, using ~~ instead of Math.floor; No need to x.moveTo; c.width can be together with other elements to avoid "0" in "^=0" and other shortcuts: for(c.width^=i=0;i<2e3;i++)x.lineTo(950+C(i)*950,540+S(i*~~t)*540);x.stroke()
u/Xen

Love it

show FPS hide FPS share fullscreen

pavel

remix of d/701 by u/sigveseb

function u(t) {

for(x[f='fillRect'](i=8,0,2e3,2e3);w=3*i--;)for(x.fillStyle=R(s=666/i,s/2,s/4),k=w*w;b=k--/w|0;a+b&1&&x[f]((a-t%2)*s,(b-2+S(t))*s,s,s))a=k%w

Mar 4 2019 8:47 PM UTC

}// 140/140

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

More layers and a black background #improved

u/sigveseb

Nice!

dwitter.net | lionleaf (43036)