Dweets by u/joeytwiddle

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: #Opposites

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/27279 by u/joeytwiddle

function u(t) {

for(h='<div style=perspective:99vw>',i=20;i--;)h+=`<div style=transform:rotateY(${7*C(i/27+t/2)}rad)>${x+x}</div>`
document.body.innerHTML=h

Jun 9 2024 3:37 PM UTC

}// 140/140

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

#text #perspective #twister fixes

u/cantelope

neat
u/lewdev

What the heck is perspective? This is so cool! I changed its value to 30vw which made the effect a lot more dramatic 😁

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/29326 by u/rodrigo.siqueira

function u(t) {

for(c.width=960,A=X=Y=i=3e4,x.globalAlpha=0.2;i--;x.fillRect(X*50+9*Y+280,Y*15+280,2,2))k=i%2+1,Y=(i/Y&8)+Y/2-X,X+=S(Y/3+X/S(t*1.3)/6+t)+Y/t

Jan 28 2024 12:36 PM UTC

}// 140/140

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

We can remove some code: Use .5,1 instead of 2,2 and then remove the globalAlpha

u/_louis

insane... *o*
u/cantelope

come back to our dimension bro

show FPS hide FPS share fullscreen

joeytwiddle

function u(t) {

x.fillStyle=['#000','#fff','#093'][t|0],x.fillRect(0,360*t,2e3,360)
x.fillStyle='#e23',x.fillRect(0,t*60,(t>9?18-t:t)*60,1)
//🇵🇸

Dec 24 2023 1:30 AM UTC

}// 128/140

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

#Flag of Palestine

u/cantelope

#slowdraw

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/26619 by u/joeytwiddle

function u(t) {

x.fillRect(0,0,2e3,2e3)
for(i=500;i--;x.clearRect(960+Y*S(a)/2-W/2,140+Y+Y*C(a)/9,W,W))Y=32*i**.5,a=i+2*S(t),W=(5+4*S(8*a*C(i**5)))*(1+C(a))

Dec 18 2023 12:35 AM UTC

}// 140/140

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

Twinkling tree 2023 #christmas #xmas

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/27534 by u/rodrigo.siqueira

function u(t) {

for(c.width|=c.style.filter='blur(4vh)invert(',i=3e3;i--;x.fillRect(960+T(p=T(i))/Z,540+C(p)/Z,K=30*T(t/9),K))Z=T(i*i)/(P=(i-S(t/9)*t)%9)**4

May 25 2023 8:05 PM UTC

}// 140/140

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

Formation and dispersal (remix)

u/Xen

#FarTooSexy
u/rodrigo.siqueira

This is hypnotic and mesmerizing. I use fullscreen to enjoy the relaxing effect.
u/andrea270872

I feel like I'm going to Warp speed! Very cool

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/27386 by u/joeytwiddle

function u(t) {

eval(unescape(escape`景爨椽挮睩摴栽ㄸ㐻椭ⴻ⥸⹦楬汒散琨㤰⬨∬㄰㔶㜻䐽㨼㬼䐾㰻㨸䑂㠶㐱㡀ㄯ⸱⼳㘿㝀剄䱛㴿慒呣䄼䡍假䄷㽄䭄䀵㩦䕃愹㥅䍆䜿㡉屜屜繊㡄繞繕㘹坶晗∮捨慲䍯摥䅴⡩⤭㌲⤪匨愽椭琩⼳ⰵ⭩ⱗ㴱⭃⡡⤬圩`.replace(/u([^D].)/g,'$1%')))

Apr 20 2023 6:04 PM UTC

}// 140/140

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

M3DCotGLB

u/joeytwiddle

Minor refinement: Larger resolution so the dots are less noisy; linear index rather than sqrted.
u/deobfuscate

Now its ten times easier to see that its a meditating buddha.
u/Odog8

Holy crap
u/Xen

madness!

show FPS hide FPS share 2 remixes fullscreen

joeytwiddle

remix of d/27385 by u/joeytwiddle

function u(t) {

eval(unescape(escape`景爨椽挮睩摴栽㤲㭩ⴭ㬩砮晩汬剥捴⠴㔫⠢〸㠺㸸㘳㌰㸰⸭〼㤿唻㩘乍堾㜿䍇䄽㌹塃㸽㐶堿䅁㠵䍑䉣䀵䉵㹾䬵㵤婯夶㙍穝渹ㄿ繙縼ⴵ桞繁⬭䕩彐∮捨慲䍯摥䅴⡩⤭㌲⤪匨愽椭琩⼵ⰲ⭩⨪⸵⨵ⱗ㴱⭃⡡⤬圩`.replace(/u([^D].)/g,'$1%')))

Apr 18 2023 2:20 AM UTC

}// 140/140

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

MSDCotGLB

u/joeytwiddle

Added some fake transparency. But perhaps spending some chars to double up the encoding might help the most...
u/joeytwiddle

Or perhaps convert the surface into a Fourier sequence, then we can have lots of points!
u/joeytwiddle

Thank you u/vain for the suggestion, although I'm sure if this is exactly what you had in mind
u/deobfuscate

for(i=c.width=92;i--;)x.fillRect(45+("088:>86330>0.-0<9?U;:XNMX>7?CGA=39XC>=46X?AA85CQBc@5Bu>~K5=dZoY66Mz]n91?~Y~<-5h^~A+-Ei_P".charCodeAt(i)-32)*S(a=i-t)/5,2+i**.5*5,W=1+C(a),W)

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

function u(t) {

eval(unescape(escape`⁦潲⡩㵣⹷楤瑨㴹㤻椭ⴻ⥸⹦楬汔數琨✫✬㐸⬨∫⬮ⴲ㈴㠾㤷㠷㤿㨺㤸㙀㼷㔳⼷㸰⼬⸮ㄮ〯㘿㠿丸㭖䝊娽㩑乌䠿㜾䍈䐾㐸嵃㽛㔴㰾䉡㤴㹔䉁㼵㹜屓繎㜺塞档㠳䕾婳⬢⹣桡牃潤敁琨椩ⴳ㈩⩓⡩⵴⤯㔬㜫椯㈩`.replace(/u([^D].)/g,'$1%')))

Apr 17 2023 6:29 PM UTC

}// 140/140

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

MFDCotGLB

Show more comments…
u/vain

Not sure why and how... but it looks to me like a rotating head with human body... amazing. Maybe this would look cool with transparent/blending drawing
u/tomxor

Interesting pointcloud encoding. Looks like each codepoint's index is Y, and it's value is both the angle in radians and distance from center.
u/neimad

Looks like meditating buddha
u/joeytwiddle

You got it! My First Digital Carving of the Gracious Lord Buddha
u/cantelope

wild
u/jdspugh

Meditating Buddha, yes!
u/Xen

nice!
u/joeytwiddle

Almost tomzor. The index is Y and also the angle, hence the spiral visible in remixes. p0i used that index for his globe in d/5600
u/andrea270872

wow!

show FPS hide FPS share 2 remixes fullscreen

joeytwiddle

remix of d/27271 by u/joeytwiddle

function u(t) {

for(h='<i style=perspective:400px>',i=20;i--;)h+=`<div style=transform:rotateY(${7*C(i/27+t/2)}rad)>${c+c}</div>`
document.body.innerHTML=h

Mar 26 2023 6:59 PM UTC

}// 139/140

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

#text #perspective #twister

u/joeytwiddle

If you keep seeing 0s, try x+x instead of c+c
u/joeytwiddle

Oops! Chrome, Opera and Brave require <div> instead of <i>

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

function u(t) {

document.body.innerHTML='XXXX Y Y'.split('').map((a,i)=>`<div style="transform:rotate${a}(${(i+t)*90}deg)">${a}</div>`).join('')

Mar 25 2023 7:40 PM UTC

}// 128/140

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

An unfinished cube

u/joeytwiddle

Inspiration: https://3dtransforms.desandro.com/cube

dwitter.net | joeytwiddle (2443)