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

show FPS hide FPS share 1 remix 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

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

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/27238 by u/vgel

function u(t) {

eval(unescape(escape`睩瑨⡸⥦楬汒散琨〬〬挮睩摴桼㵘㵴㴾㔵ⴲ㔪琥㘵ⰲ攳⤬晩汬却祬攽刨獣慬攨㌶ⰳ㘩ⱦ楬汔數琨'🌞✬堨琩ⰱㄩⱦ楬汔數琨≜畤㠳摜畤摦慜畦攰昢ⰲ㈬㈵⤬⸵⤬晩汬剥捴⡘⡴⬷⤬〬㈵ⰳ〩`.replace(/u([^D].)/g,'$1%')))

Mar 21 2023 8:52 PM UTC

}// 133/140

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

happy "orbits" nice try FBI

u/deobfuscate

*the earth is flat*
u/joeytwiddle

Pareto Principle: You will spend 80% of the time encoding that flipping emoji!
u/vgel

the illuminati doesn't want you to know about the creases!

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/27243 by u/rodrigo.siqueira

function u(t) {

eval(unescape(escape`挮睩摴桼㴰੦潲⡭㴶攴㭭ⴭ㭸⹦楬汒散琨㘰⩘ⰷ㈪夭㐵Ⱬ㵦☲ⰸ⤩椽津㙥㌬堽椯㈷㌫㔬夽䌨䬽椪⡭⼹㤥㜩⤪⨳⨴⭓⡋⬱⤪㔫㤬昽⡘⨴⤥夭吨䬩⴨堯㈥⡘簲⤭㐩⨪㈫堫㤪琠`.replace(/u([^D].)/g,'$1%')))

Mar 21 2023 7:02 PM UTC

}// 125/140

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

Animated version #compressed

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/9666 by u/joeytwiddle

function u(t) {

c.width=99;for(j=288;x.shadowBlur=j--/9;x.fillRect(45+15*C(j%9-t),9*T(j%9+t),5,5))x.fillStyle=x.shadowColor=R();c.style.filter='contrast(30'

Feb 25 2023 9:25 AM UTC

}// 140/140

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

Again with the #metaballs

u/joeytwiddle

contrast(${T(t/5)} is interesting; less focus = more clarity

show FPS hide FPS share fullscreen

joeytwiddle

function u(t) {

for(i=c.width=1e3;i--;x.fillRect(512+50*X/Z,99*(3+S(2*Z-t)+C(X/3+t))/Z,W=(6+F*6)/Z,W))X=i%32-16,Z=i/256,F=(Z-1.5-C(t))**2,x.globalAlpha=.2/F

Feb 5 2023 3:56 AM UTC

}// 140/140

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

more fun with #focus aka #depthoffield

u/Joachim

Wow!!! This is amazing! #blur #d3 #perspective
u/danny@hille.dk

LOVE IT!

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/26971 by u/joeytwiddle

function u(t) {

x.fillRect(0,0,2e3,1080)
for(j=9;j--;)for(i=99;i--;)W=50-i/2,x.clearRect(550+j*99+S(t)*300+i/4*S((5+j)*i*i-t*3)-W/2,i?610+2*i:400,W,i?1:200)

Jan 29 2023 1:44 PM UTC

}// 140/140

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

#default reflected in rippling #water (night, redux)

u/joeytwiddle

This is more efficient than fillRect() but it's too long! c.width|=c.style.filter='invert(100%)' (This way, we also need to change clearRect into fillRect)
u/magna

c.style.filter='invert(' suffices since browsers are notoriously forgiving

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

function u(t) {

for(c.width|=j=9;j--;)for(i=99;i--;)W=50-i/3,x.fillRect(425+j*100+S(t)*300+i*i/250*S((5+j)*i**5-t*3)-W/2,610-!i*210+!!i*i*2,W,i?1:200)

Jan 29 2023 1:44 PM UTC

}// 134/140

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

#default reflected in rippling #water (day)

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/26942 by u/neimad

function u(t) {

for(i=c.width=255;i--;)
x.fillStyle=['#078930','#FCDD09','#DA121A','#222'][S(i/20+t)+S(i/10+(2-S(t)*4))+S(-i/5+t)&3],
x.fillRect(0,i,255,i)

Jan 28 2023 2:43 AM UTC

}// 139/140

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

Rasta Bars

u/joeytwiddle

(I'm sure this bad joke has been made before)

show FPS hide FPS share fullscreen

joeytwiddle

function u(t) {

x.fillRect(0,0,1920,1080)
for(i=99;i--;x.clearRect(960+Y*S(a)/2-W/2,140+Y+Y*C(a)/9-W/2,W,W))Y=70*i**.5,W=(5+4*S(4*t*C(i**5)))*(1+C(a=i+t/3))

Dec 15 2022 7:02 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 #christmas #xmas

u/joeytwiddle

For more lights: i=200 and Y=50 or 500 and 32

dwitter.net | joeytwiddle (2181)