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 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!
u/joeytwiddle

😅

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 1 remix 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

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/3266 by u/joeytwiddle

function u(t) {

eval(unescape(escape`挮獴祬攮晩汴敲㵠楮癥牴⠱⥠㭦潲⡩㵣⹷楤瑨㴱攳㭩ⴭ㬩堽椪⨳┳㈭ㄶ⭃⡩⭴⨲⤬娽椯ㄵ〬夽⡩⨪㌥㤳⭴⨲⤥ㄳⴹⱆ㴨娭㈩⨪㈬砮杬潢慬䅬灨愽ㄯ䘬砮晩汬剥捴⠵ㄲ⬹㤪堯娬㐰〫㈰〪夯娬圽⠹⭆⨴⤯娬圩`.replace(/u([^D].)/g,'$1%')))

Dec 12 2022 9:05 AM UTC

}// 140/140

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

#snow #focus

u/magna

Amazing!
u/jorduino

The code you have provided is a JavaScript program that uses the u() function to draw an animation on an HTML canvas element. The u() function is called 60 times per second, and uses the elapsed time t as a parameter to create the animation. The code uses a number of shorthand functions and variables to simplify the implementation of the u() function. The S, C, and T variables are shorthand for the Math.sin(), Math.cos(), and Math.tan() functions, respectively. The R() function is used to generate rgba color strings, and the c and x variables represent the canvas element and its 2D context, respectively. The u() function uses a loop to iterate over a range of values for i, and uses these values to calculate the X, Y, and Z coordinates for each iteration. The X and Y coordinates are used to draw a rectangle on the canvas using the fillRect() method, and the Z coordinate is used to scale the rectangle and create the illusion of depth. The globalAlpha property is used to set the transparency of the rectangles, and the style.filter property is used to invert the colors of the canvas. Overall, this code appears to be a simple example of how the canvas element and the u() function can be used to create an animation in JavaScript. It uses some advanced features of the language, such as shorthand functions and the canvas element, to create a visually interesting effect.
u/joeytwiddle

This gives a better distribution of particles: Y=((i-.1)**5+t*2)%13-9 no more grid, but a few clusters

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/16668 by u/joeytwiddle

function u(t) {

for(c.width=X=110;X--;)for(Y=68;T[7]=X/3,T[6]=Y/3,Y--;)for(l=6;x.fillRect(X,Y,s=T[0],s),l--;T[l]=S(v))for(v=n=l;n++<7;)v+=S(l+5*t/n)*T[n]

Nov 23 2022 2:16 PM UTC

}// 137/140

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

A minor remix, since Firefox got faster

dwitter.net | joeytwiddle (2426)