New #D3 dweets | Dwitter

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

pavel

function u(t) {

for(a=b=u=c.width|=i=0;i++<99*t;x.fillRect(960+800*C(a+t)*S(b)/z,540+800*C(b)/z,s=20/z/z,s))a+=C(u+=i**.9%1-.5)/69,z=2+S(a+t)*S(b+=S(u)/69)

Apr 10 2019 1:23 AM UTC

}// 139/140

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

Wiggly boy

Show more comments…
u/magna

Awesome!
u/DataMeta

Cool!!
u/joeytwiddle

Bloody brilliant #sphere #perspective
u/katkip

this will get to the top
u/katkip

#d3
u/iverjo

Wow!
u/donbright

#randomwalk

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width|=k=0;k<50*t;x.ellipse(960,540-750*(i%2-.5)*y,r=400*(1-y*y)**.5,r/3,0,a=(2*i+k++%2-t)%16*.393,a))i=k/98|0,y=k%98/49-1
x.stroke()

Apr 9 2019 12:06 AM UTC

}// 139/140

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

Single stroke beach ball sketch

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

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 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

katkip

function u(t) {

c.width^=0;for(i=1000+(900*S(t))|0;i--;)x.fillRect(960+C(i+t/9)*i*S(i*2)/3,540+S(i+t/2)*i*C(i*2+3.14/2+C(t)/2)/3,9-i/99,9-i/99)

Mar 1 2019 8:09 PM UTC

}// 127/140

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

#d3 #galaxy another one

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(k=2e3;i=S(t+k),j=S(i*k--);f&&x.fillRect(960+540*i,540*++j,9,4))d=1-i*i-j*j,f=d**.5*2-i-j,x.fillStyle=R(g=8*f**3,g,g+28*f,1-.05/d)

Feb 28 2019 7:26 PM UTC

}// 133/140

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

show FPS hide FPS share 1 remix fullscreen

Ath0r

function u(t) {

c.width=1920
p=[a=960,a/3]
w=i=>[a+300*C(z=t+2.09*i),800+100*S(z)]
f=i=>x.lineTo(...i)
for(i=6;i--;){b=f(w(i));f(p);f(w(i))}
x.stroke()

Feb 26 2019 9:07 PM UTC

}// 135/140

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

My first dweet (simple pyramid)

Show more comments…
u/katkip

Nicee
u/Ath0r

Thanks! It's the first time I've tried, so probably I missed a lot of tricks to reduce characters... Any feedback or tips are welcome! :D
u/13thptr

b is unused so you can remove it :)
u/13thptr

nice dweet btw
u/13thptr

127:c.width=1920 w=i=>[960+300*C(z=t+2.09*i),800+100*S(z)] f=i=>x.lineTo(...i) for(i=6;i--;)f(w(i)),f([960,320]),f(w(i)) x.stroke()
u/13thptr

ugh sorry here it is with semicolons instead of newlines
u/13thptr

c.width=1920;w=i=>[960+300*C(z=t+2.09*i),800+100*S(z)];f=i=>x.lineTo(...i);for(i=6;i--;)f(w(i)),f([960,320]),f(w(i));x.stroke()
u/Ath0r

Thanks a lot for the suggestions, @13thptr! Indeed, I forgot to remove the unused b and the characters you remove by avoiding the definition of p is also very nice :)
u/tomxor

It's a spinning simplex!! :D great 1st dweet
u/Ath0r

Thanks @tomxor :D
u/f8f82804

#d3 #wireframe

show FPS hide FPS share 2 remixes fullscreen

katkip

function u(t) {

c.width*=1;x.lineWidth=4;for(j=99;j--;)for(i=4;i--;)x.lineTo(960+C(i*1.57+3.14*C(t))*400,940+S(i*1.57+3.14*C(t))*100-j*8);x.stroke();

Feb 24 2019 12:27 PM UTC

}// 133/140

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

Rectangular parallelepiped #math #d3 #geometry

u/f8f82804

#moire

show FPS hide FPS share fullscreen

due

function u(t) {

eval(unescape(escape`琽〮〱Ⱳ㴲㔵㭣⹸㵣⹸籼琬挮礽挮祼簰Ᵽ⹺㵣⹺籼〻挮砫㴹⨨挮礭挮砩⩴㭣⹹⬽⡣⹸⨨㈸ⵣ⹺⤭挮礩⩴㭴㵣⹺⬽⡣⹹⩣⹸ⴳ⩣⹺⤪琻昽琯㐰⩲㭸⹦楬汓瑹汥㵒⡦⤻砮晩汬剥捴⠨挮砫㈹⤪㌰Ⱘ挮礫㈲⤪㈵ⱴⱴ⤻`.replace(/u(..)/g,"$1%")))

Feb 17 2019 9: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).

Lazy Lorenz system with z colouring

u/katkip

#compressed
u/f8f82804

awesome #d3 effect

dwitter.net | #D3