Random 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

katkip

function u(t) {

c.width=1e3;for(i=0;i<20;i++)x.ellipse(500,270,200+i*9,99+i*4,S(t+i/t/9)*t,0,7);x.stroke()

Nov 26 2018 3:02 PM UTC

}// 90/140

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

Coil physics

show FPS hide FPS share fullscreen

angelnm

remix of d/17525 by u/angelnm

function u(t) {

with(x)for(c.width|=i=1296;i--;)
beginPath(),
fillStyle=R(i%255,0,(i+200)%255),
arc(i%48*40,~~(i/48)*40+S(i+t*5%50)*20,10,0,7),
fill()

Feb 9 2020 11:37 AM UTC

}// 134/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 fullscreen

username

remix of d/9207 by u/MrM@_S

function u(t) {

eval(unescape(escape`搽挮睩摴栽楮湥牗楤瑨㭷楴栨砩晩汬却祬攽刨⤬晩汬剥捴⡥㵤⼳Ɽ⼶ⱥⱤ⼴⤬晩汬却祬攽✣摦攧ⱦ潮琽搯㤫❰砠稧ⱦ楬汔數琨吿❏✺❘✬搯㈮㈬攩㭯湭潵獥浯癥㴨筸ⱹ紩㴾吽砼敼砾搯ㄮ㕼礼搯㙼社搯㈮㐻`.replace(/u(..)/g,"$1%")))

Aug 27 2018 9:11 PM UTC

}// 137/140

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

Tap the rectangle :) Also, thanks to @yonatan and @BalintCsala

u/katkip

Works only 1 time
u/username

@katkip No, it works indefinitely. If you are not using a cursor, you will need to tap out to get the circle again, which is wanted behavior.
u/username

Uncompressed: d=c.width=innerWidth;with(x)fillStyle=R(),fillRect(e=d/3,d/6,e,d/4),fillStyle='#dfe',font=d/9+'px z',fillText(T?'O':'X',d/2.2,e);onmousemove=({x,y})=>T=x<e|x>d/1.5|y<d/6|y>d/2.4;
u/username

d=c.width=innerWidth;with(x)fillStyle=R(),fillRect(e=d/3,d/6,e,d/4),fillStyle='#dfe',font=d/9+'px z',fillText(T?'O':'X',d/2.2,e);onmousemove=({x,y})=>T=x<e|x>d/1.5|y<d/6|y>d/2.4;
u/username

d=c.width=innerWidth;with(x)fillStyle=R(),fillRect(e=d/3,d/6,e,d/4),fillStyle='#dfe',font=d/9+'px z',fillText(T?'O':'X',d/2.2,e);onclick=({x,y})=>T=x<e|x>d/1.5|y<d/6|y>d/2.4 173, only 33 to go

show FPS hide FPS share fullscreen

Whimpers

function u(t) {

for(c.width|=j=5,z=600;j--;)for(i=2*z;i--;)x.fillRect(960+S(i*52e-4)*600+S(j*z)*99,540+S(i*52e-4)*300+T(i/t**2)*99,s=C(i*52e-4)*5-1.5,s)

Jan 10 2020 7:40 PM UTC

}// 137/140

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

carousel of curves. #waitforit

u/EarickYakbiss

disgusting

show FPS hide FPS share fullscreen

vinca

function u(t) {

for(c.width|=i=9;i--;)for(j=a=6.3;j>0;j-=a/(3+2*C(t)))x.beginPath(),x.arc(1e3+99*i*C(t+j),540+60*i*S(t+j),i%5*19,0,a),x.closePath(),x.fill()

Apr 19 2019 12:23 PM UTC

}// 140/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

vinca

function u(t) {

for(c.width|=i=9,x.translate(w=960,h=540);i--;)x.fillRect(99*T(t/3+i/2),0,50,99);for(i=15;i--;x.drawImage(c,0,0,w,h))x.rotate(1.256)

May 20 2019 12:48 PM UTC

}// 132/140

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

u/katkip

kewl

show FPS hide FPS share fullscreen

yonatan

remix of d/8810 by u/fujimotos

function u(t) {

c.width=-1
for(k=32;k--;)for(j=k&7,i=90;i--;x.fillRect(S(k+t+i/30+S(j))*20+45*j,S(t*5+i/9)+i*2-k+20,i/2,i))x.fillStyle=R(n=i*(32-k)/32,n*3)

Jul 6 2018 10:08 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/aleamb

nice! #organic #grass
u/fujimotos

Good color gradations!

show FPS hide FPS share 1 remix fullscreen

Blacklink

function u(t) {

c.width|=0
s=.00045*C(t)+.00055
a=-29.5*C(t)+30.5
for(var r=-3.14;r<3.14;r+=s){x.fillRect(500*S(r+C(a*r))+980,500*C(r+S(a*r))+540,9,9)}

Sep 24 2019 7:43 AM UTC

}// 135/140

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

Pretty cool parametric equation

show FPS hide FPS share 3 remixes fullscreen

taupelink

remix of d/26883 by u/taupelink

function u(t) {

eval(unescape(escape`󬬽󣝡󭍨󛭲󨝮󩍯󫜻󩭯󬬨󪜽󜝥󝌻󪜭󛜻󮌮󩭩󫍬󤭥󨽴󚌳󜌪󦌬󜼰󚭙󛌱󛌱󚜩󦌽󬬨󦜽󬬨󚜪󝌸󚜪󝬴󛍧󟝙󙬲󝌫󦌥󞌬󪌽󦌦󚼫󩼬󮌮󩭩󫍬󤽴󮝬󩜽󦼧󘽆󡝄󙼬󙼣󞝂󡌧󛌧󘼴󜼳󙼬󙼣󞝂󡬧󧝛󚍘󛽧󙜨󨜽󞌭󦜯󚼫󪌥󝍼󩼥󜬩󛝡󛼲󚜪󚬲󚼨󦜯󪌥󚍢󟜸󛝘󛽧󙜴󯍨󙜲󚜭󨬯󜬩󚬪󜬦󜽝`.replace(/u../g,'')))

Feb 11 2023 3: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).

d/27032

u/magna

WOW!

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 👍