New #Sphere 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 1 remix fullscreen

rodrigo.siqueira

remix of d/27499 by u/rodrigo.siqueira

function u(t) {

for(x.fillRect(0,0,w=2e3,w),i=1e4;i--;x.clearRect(960+S(p=T(i**5))/(Z=1/i/(t%3)+1/(t<3?i:480)),540+C(p)/Z,K=3*S(i)+1,K))x.globalAlpha=.1

May 10 2023 1:19 PM UTC

}// 136/140

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

Star pulse #sphere

u/deobfuscate

I cannot explain with words how cool this is.
u/donbright

if i undersand it, the "twinkling" really adds alot. they aren't all the same size of white particle?
u/rodrigo.siqueira

The "twinkling" is given by the particle size (2 last parameters of x.clearRect). Pixel size is defined by 3*S(i)+1, so it's between "3+1" and "-3+1" and the "i" makes it almost random for each pixel. An extra twinkling effect could be made by adding "t", but I thought it would be too exaggerated. You can try by changing to: K=5*S(i+t*4)

show FPS hide FPS share 2 remixes fullscreen

hoplite

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

function u(t) {

for(j=c.width=w=160;j--;)for(i=w;i--;x.fillRect(i,j,u=(C(X/d+C(t)*9)*S(Y/d-t*9))**.1,u))r=(X=i/w*5-2.5)*X+(Y=j/w*5-1.4)*Y,d=r>1?r/39:C(r)/7

Jan 7 2023 8:01 PM UTC

}// 139/140

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

u/joeytwiddle

Great! #sphere #warping #checkerboard
u/pavel

Wow thats cool

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9174 by u/f8f82804

function u(t) {

with(x)for(i=s=311;--i;beginPath(fillStyle=`hsl(${i}rad 90%${99-i/2}%`))fill(arc(s*(A=S(a=i/99))*S(b=t+i)+960,220*(A*C(b)-C(a)+2),60*A,0,7))

May 23 2022 5:18 PM UTC

}// 140/140

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

#rainbow #sphere demake -- #d3 #shading #pbr

u/rh2

very cool

show FPS hide FPS share fullscreen

pavel

remix of d/24665 by u/stephanegeorget

function u(t) {

for(i=c.width|=h=Math.PI/2;m=--i**C(t);x.fillRect(960+s*r*C(a),540+s*C(i*i),s/=36,s))r=C(i**9)*(m/S(i%h-84)+S(i*i))/++m,s=800/(3+r*S(a=i+t))

Dec 31 2021 2:26 AM UTC

}// 140/140

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

Cube and sphere appear

u/stephanegeorget

Amazing 🤩
u/vain

Very cool!
u/neimad

mastery of dwitter right here
u/Joachim

#d3 #cube #sphere
u/f8f82804

#perspective

show FPS hide FPS share fullscreen

Odog8

function u(t) {

c.width=200;for(j=A=50;j--+A;){for(l=A;l--+A;R=0){for(i=A;i--;T=
l*l/A+j*j/A+(R-3)**2-9
)T>0&&(R+=.1);x.fillRect(l+A,j+A,1,R/3)}}

Dec 17 2021 7:04 PM UTC

}// 130/140

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

raymarcher, middle is SDF, l and j are x and y, R is z

u/tomxor

#raymarching #sdf
u/tomxor

Interesting to see it done a little differently
u/f8f82804

#d3 #pbr #sphere

show FPS hide FPS share 1 remix fullscreen

ArthurThuczsec

remix of d/24451 by u/pavel

function u(t) {

for(i=1e4;i--;x.fillRect(660+u+v,220+u-v,6,9))r=(50*i-i*i/200)**.5,u=i/17+r/2*S(a=i/4+t*399),v=r*C(a),x.fillStyle=`hsl(${a},89%,50%,.05`

Dec 6 2021 5:58 PM UTC

}// 136/140

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

u/vain

Very nice!
u/f8f82804

#d3 #sphere

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(i=1e4;i--;x.fillRect(660+u+v,220+u-v,32,32))r=(50*i-i*i/200)**.5,u=i/17+r/2*S(a=i/4+32*frame),v=r*C(a),x.fillStyle=`hsl(${a/7},69%,50%`

Dec 5 2021 9:39 PM UTC

}// 139/140

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

u/vain

Well done! Try to change "v,32,32" to "v,32,.02" or "v,32,.05" or "32,.2" to archive some interesting effects.
u/KilledByAPixel

you probably already know but you can remove the hsl comas to save a byte hsl(${a/7} 69%50%
u/pavel

That does not work in Safari, the color will always be black.
u/f8f82804

#sphere

show FPS hide FPS share 1 remix fullscreen

cantelope

function u(t) {

eval(unescape(escape`𤐽𫐽🡸𛡬𪑮𩑔𫰨𞐶𜀫𤰨𬀽𪐯𞐮𝐵𚱴𚐪𤰨𫠽𬐯𜐲𚐯𚁚👃𚁰𚐪𤰨𫠩𛑓𚁴𚐭𜠩𚡨𛁨𚱃𚁮𚐯𦠪𪀩𞱦𫱲𚁣𛡷𪑤𭁨𯀽𪀽𝐴𜀬𮀮𩡩𫁬𤱴𮑬𩐽𙰣𜀹𨠸𙰬𪐽𪀪𝀻𪐭🐲𞱸𛡢𩑧𪑮𤁡𭁨𚁸𛡦𪑬𫀨𚐩𚑩𩠨𚁩𚰨𬐽𪐯𝠰𯀰𚐩𙐲𚑑𚁑𚁑𚁑𚀩𛀫𚱩𚐬𚰫𬐩𛀭𛑩𚐻`.replace(/u../g,'')))

Aug 10 2021 6:09 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/aleamb

#sphere #p3d

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

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

function u(t) {

for(c.width=w=255,i=4e4;i--;)x.fillRect(a=i%w,b=i/w,((o=(3-(4-5*(e=((X=2*b-w)*X+(Y=2*a-w)*Y)/w/w)+S(t))**.5)/++e)*Y-w*S(t)&w^X*o+t*w&w)/w,1)

Aug 8 2021 1:41 PM UTC

}// 140/140

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

Xor Sphere #uncompressed

Show more comments…
u/danny@hille.dk

Nice work!, I actually did try a solution with fillRect - but it totally kills my laptop, runs kinda ok on my phone though (I get around 11fps with this dweet on my laptop, 28 on my phone)
u/danny@hille.dk

btw nice trick with ++e, i haven't seen that before, I'll put it on my toolbelt right away :-)
u/KilledByAPixel

Yep, had to make some sacrifices for speed. You can do w=127 and get a pretty good fps!
u/danny@hille.dk

this is my aptempt: reduced the resolution to get at bit more performance: c.width=w=127;for(m=w*w;m--;x.fillRect(m%w,m/w,1,(Y*(o=(3-(4-5*e+S(t))**.5)/(e+1))*w+t*w&w^X*o*w&w)/w))e=(X=1-4*m/w/w)*X+(Y=-2+4*(m%w)/w)*Y
u/danny@hille.dk

with the ++e trick its only 137 bytes :-)
u/danny@hille.dk

Sorry i hadnt seen you wrote back, yep i did 127, (any pow(2)-1 will work for the xor pattern)
u/aleamb

#sphere
u/donbright

dude

show FPS hide FPS share 1 remix fullscreen

danny@hille.dk

function u(t) {

eval(unescape(escape`󨼮󭽩󩍴󪌽󭼽󜬵󝜬󩌽󮌮󩽥󭍉󫝡󩽥󡍡󭍡󚌰󛍩󟜳󛍷󛍷󚜬󬼽󩌮󩍡󭍡󞽦󫽲󚍭󟝷󚭷󞽭󛜭󞽳󦽩󚼽󝍝󟝳󦽩󚼱󧜽󚍙󚬨󫼽󚌳󛜨󝌭󝜪󩜩󚬪󛬵󚜯󚌱󚽥󚜩󚭷󚽴󚭷󙬶󝍞󦌪󫼪󭼦󝬴󚜪󝌩󩜽󚍘󟜭󜬭󤼨󭌩󚼴󚭭󛽷󛽷󚜪󦌫󚍙󟜭󜬫󝌪󚍭󙝷󚜯󭼩󚭙󞽸󛭰󭝴󢝭󨝧󩝄󨝴󨜨󩌬󜌬󜌩`.replace(/u../g,'')))

Aug 7 2021 7:30 PM UTC

}// 140/140

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

Amiga remix #amiga #nostalgia #sphere

u/neimad

So cool!!

dwitter.net | #Sphere