Dweets awesomed by u/Starry

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

f=(X,y,r=80,a=0)=>r>6&&[0,.4,-.4,0].map(o=>o?f(X+r*S(a)*C(X*y/4e4+t),y-r*C(a),r*.8,a+o):x.lineTo(X,y));c.width=640;f(320,360);x.stroke()

Apr 24 2020 8:23 AM UTC

}// 136/140

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

Rotating #tree #fractal

u/pavel

Inspired by https://twitter.com/ntsutae/status/125356447…
u/neimad

You should do a twitch channel. amazing.
u/ntsutae

I’m honored.
u/pavel

u/ntsutae :O I love your stuff on twitter! 素晴らしですよ
u/vain

Great 3D version !!

show FPS hide FPS share fullscreen

tomxor

remix of d/18413 by u/pavel

function u(t) {

for(w=c.width=120,i=9e3;i--;x.fillRect(i%w,i/w,1+S(9*X/d)**5*S(9*Y/d)**5,d/2+Y/4))X=i%w/30-2,Y=i/w/30,r=X*X+(S(Y-8)-t%4+2)**2,d=r>.2||C(r*5)

Apr 24 2020 12:16 AM UTC

}// 140/140

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

#rain drop on a #window

u/Whimpers

That’s insane! Nice job 👍
u/magna

Wow!
u/sigveseb

Niiiiice!

show FPS hide FPS share 3 remixes fullscreen

rodrigo.siqueira

remix of d/18458 by u/rodrigo.siqueira

function u(t) {

for(X=f=c=>S(S(9*c/d)*t),Y=t/8-1.1,i=2e3;i--;x.fillRect(i,t*60,(1+f(X=i/480-2)*f(Y))*(d/2+Y),3))x.fillStyle=R(C(r=X*X+Y*Y)*125),d=r>1||T(r)

Apr 23 2020 5:58 PM UTC

}// 139/140

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

Red Sphere Reflection #raytracing (high resoluton)

Show more comments…
u/Xen

Tf Dude! top dweet right here 😍
u/lionleaf

That's amazing!
u/lionleaf

#glass #sphere
u/stiaje

#witchcraft
u/Ath0r

Impressive, great job!
u/katkip

genius script
u/PoweredByWill

wow. dwitter povray.
u/mole

I am shooketh. This is absolutely incredible.
u/katkip

#slowrender
u/cli

This is great.
u/Nascretis

Actually insane. #witchcraft

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(let i=2e3,f=(x,n,c=8-(t+6)*n)=>~n&(x*x*n*n+(8+(t-12)*n)**2+c*c-5)**2/16+c*c>1?f(x,n+=.002):c;i--;)x.fillRect(i,t*180,f(i/135-7,.7),3)

Apr 23 2020 7:27 AM UTC

}// 137/140

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

Actually #raytracing a #torus using ray marching

Show more comments…
u/Xen

Sweeet!
u/tomxor

Yes! we need more explicit surfaces on dwitter :)
u/Odog8

which expression is the DFT?
u/tomxor

I'm confused... this isn't explicit? it recurses.
u/pavel

This recurses just to advance ray length.
u/pavel

The closed form expression is x*x*n*n+(8+(t-12)*n)**2+c*c-5)**2/16+c*c-1 where c=8-(t+6)*n and n is the free variable.
u/tomxor

Ah, so is this technically ray casting? I have to ask because I still don't intuitively get all of the math.
u/tomxor

Sorry I meant ray marching
u/pavel

Yes. The math constructs a ray from (0,8,8) looking at (0,0,0), varied a bit depending on the pixel being drawn, its length is a function of n. I plug this into the equation for a torus and increment n from .7 to -1 until I find a zero of the equation.
u/pavel

Here is a version without much golfing that makes things clearer for(let i=2e3,f=(o,n,x=o*n,y=t/3*n-n,z=4-n)=>z>-1&(x*x+y*y+z*z+3)**2>16*(x*x+y*y)?f(o,n+.01):z;i--;)x.fillRect(i,t*180,f(i/540-16/9,3),3)
u/pavel

(x*x+y*y+z*z+3)**2>16*(x*x+y*y) is directly from https://en.wikipedia.org/wiki/Torus
u/pavel

with R=2 and r=1
u/pavel

This example shoots rays from (0,0,4). In order to rotate the shape you have to move where the rays come from, the camera!
u/tomxor

Thanks for the explanation 👍

show FPS hide FPS share 1 remix fullscreen

BrutPitt

function u(t) {

c.width+=X=Y=Z=d=.19
for(i=9e3;i--;)X+=d*(-d*X+S(Y)),Y+=d*(-d*Y+S(Z)),Z+=d*(-d*Z+S(X)),
x.lineTo(960+99*(X*C(t)-Y*S(t)),560-99*Z)
x.stroke()

Apr 22 2020 10:50 PM UTC

}// 140/140

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

3D Thomas #Attractor

u/BrutPitt

Very shrinked code from glChAoS.P #Tomas formula: https://www.michelemorrone.eu/glchaosp/dtAtt…
u/tomxor

woah
u/BrutPitt

Thanks to KilledByAPixel's rotation technique in his Lorenz dweet
u/KilledByAPixel

👍

show FPS hide FPS share fullscreen

yonatan

remix of d/10782 by u/yonatan

function u(t) {

for(i=c.width=99;i--;)for(k=j=56;j-->-k;)x.fillRect(i,j/2+28,1/t,j>0?(S(j*j+i/j-t*7)+C(j**5-i/j*6+t)**3)*j/k:Math.hypot(j+t*9,i-k)/300/t)

Jan 20 2020 6:48 PM UTC

}// 137/140

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

sunrise

Show more comments…
u/denzen

Amazing!
u/tomxor

Holly **** ! or a nuke on the horizon :P
u/aleamb

Brutal!!!
u/aleamb

#sunrise #sea #landscape #sun
u/13thptr

thought about a nuke too x) gret job
u/13thptr

*great
u/katkip

!! awesome
u/Leodude123

Coll
u/Leodude123

Sorry I misspelled that
u/Leodude123

I meant cool!
u/eduft15

nice man!

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/17068 by u/pavel

function u(t) {

for(i=32;i--;x.strokeStyle=`hsl(${i},90%,${60*S(t)}%,9%`,x.stroke())x.beginPath(r=t*S(t)*50),x.arc(940+r*C(i)*9,540+r*S(i)*9,350,0,7)

Jan 8 2020 4:22 PM UTC

}// 133/140

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

Curved space. (fullscreen needed to view inner details) #mandala

u/DataMeta

Beautiful
u/Xen

far sexy

show FPS hide FPS share fullscreen

tresspass

function u(t) {

t?0:a=0;x.strokeStyle=S(a/2)>0?"BLACK":"WHITE";a+=.01;x.beginPath();x.moveTo(960,540);x.lineTo(960-2000*C(a),540-2000*S(a));x.stroke();

Jan 8 2020 2:11 AM UTC

}// 135/140

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

First dweet. Be nice ;)

u/Xen

pretty much perfect only 3 tiny golfs i see, very nice first
u/Odog8

Welcome!
u/katkip

#waitforit for full effect

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width|=i=4;i--;x.fill(x.arc(96*(8+i%2*4+2*o+C(a=Math.PI*(o?q:-q))),540+96*S(a),96,0,7)))q=t+3*(i>1),x.beginPath(o='001221'[~~q%6]-1)

Jan 7 2020 11:54 PM UTC

}// 138/140

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

Points

Show more comments…
u/pavel

Credit https://www.reddit.com/r/loadingicon/comment…
u/tylertoomey

Can you explain how you are declaring your variables? specifically in "8+i%2*4+2*o+C" you reference 'o' and 'C' before they have even been declared -- I think.
u/pavel

for(i=9;i--;/*code here*/)/*runs after code here*/
u/ivylab

Exactly the other way around, isn't it? First the code after the bracket runs and then the code in the brackets. Your declaration is behind them. c.width=1e3;for(i=9;i--;x.fillStyle='red')x.fillRect(112*i,0,100,1000) shows that too.
u/sigveseb

Or in other words, a for loop for(A; B; C) D; will run the different parts in this order: A B D C B D C B D C .. B
u/ivylab

Exactly what I think and meant. Well written @sigveseb
u/joeytwiddle

beginPath, arc and do-si-do 🕺💃 🎻
u/UEZ

#dance

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

x.fillRect((T=-~T)%32*60-((z=T>>5)%2-(q=S(T*T)<0))*30,(z-q)*30,q?6:66,q?60:6)

Jan 7 2020 7:01 PM UTC

}// 77/140

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

Mini #Maze #Truchet

u/Xen

Amazing! :-O
u/katkip

amazeing
u/sigveseb

next step: solving the maze

dwitter.net | Starry (1174)