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

New_Core

remix of d/17806 by u/iznax

function u(t) {

for(i=80;i--;x.fillStyle=R(0,255-v/3,v))x.fillRect(960+(a=300**(C(i/14))+9)*(S(t)),v=300+i*7+9*C(t),9,3)

Mar 2 2020 9:05 PM UTC

}// 104/140

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

coctail #glass

show FPS hide FPS share 1 remix fullscreen

lars-erik

remix of d/22610 by u/lars-erik

function u(t) {

c.width=w=128
c.style.filter=`invert(90%) blur(5px)`
for(z=w;z--;)for(y=96;y--;)if(Math.floor(z*t/400*y)%30==0)x.fillRect(z, y, 4, 4)

Apr 24 2021 1:11 AM UTC

}// 134/140

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

I have no idea what I'm doing™ #3

show FPS hide FPS share 3 remixes fullscreen

katkip

remix of d/16527 by u/katkip

function u(t) {

x.fillRect(0,0,2e3,2e3);for(i=43;i--;)for(j=71;j--;)x.clearRect(j*30+S(S(i/4+t)*2-t)*90-99,i*30+C(S(j/4+t)*2-t)*90-99,9,9);x.globalAlpha=.22

Nov 4 2019 5:13 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/Xen

sexy pattern but laggs here

show FPS hide FPS share 1 remix fullscreen

Odog8

function u(t) {

L=Math.random()*255
x.fillStyle=R(255-L,255-L/2,255-L)
e=frame-1
x.fillRect(e%35*55,~~(e/35)*55,50,50)

Mar 31 2021 3:52 PM UTC

}// 102/140

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

Contribute

show FPS hide FPS share fullscreen

ArthurThuczsec

remix of d/5700 by u/Bugsy

function u(t) {

i=c.width|=c.onmousemove=e=>{X=e.x/.3,Y=e.y/.3};for(a=410;i--;)x.fillRect(i,a+a*C(X*i)*S(((Y-i)+a*t)/a),.7,67);

Nov 23 2021 5:18 PM UTC

}// 111/140

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

u/magna

tip: you can get rid of the initial "reference error: X is not defined" error by hijacking one of the globals that you're not using in your dweet: R, T, C, S

show FPS hide FPS share 1 remix fullscreen

jonathan_b

remix of d/4809 by u/jonathan_b

function u(t) {

for(c.width|=s=490,i=s*4;i;)for(j=1;j<11;)x.fillStyle=R(s/T(j-i),-i/T(i),s/C(j-i),1/j),x.fillRect(970+s*2*C(i--)*C(t*++j+j),s+s*S(i),40,40)

Dec 31 2017 9:37 AM UTC

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

Joachim

function u(t) {

for(i=z=c.width=300;i--;x.fillRect(140+a*i+C(t*9)*30,90+i*(S(t*9%3.1)/9+.3),i,i/z))a=T(z^z/i+t*4),x.fillStyle=R(b=a*z,S(b)*z,T(b)*z)

Apr 13 2022 9:23 AM UTC

}// 132/140

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

Infinite hopscotch

u/Odog8

Thats nuts
u/Joachim

This 3D-like technique is useful for making single-direction ground textures. This is roughly how it works: A rectangle with a height of ~1px is drawn for every row of pixels on the screen. The width of every rectangle depends on how far down it is (their index). The x position of every rectangle is defined by this bit of code: T(z^z/i+t*9). This is then multiplied by their index to achieve a 3D look, as everything gets bigger & faster near the bottom of the screen. Without the animation or colours, the entire thing can get as small as 64 char: for(i=z=c.width=300;i--;)x.fillRect(140+T(z^z/i+t*9)*i,90+i,i,1). Feel free to get it even smaller!
u/vain

@u/Joachim: Thanks a lot for the litte explanation and example. =)
u/Joachim

#d3 #perspective #mist #colors
u/lineburgb

for(i=z=c.width=300;i--;)x.fillRect(140+T(z^z/i+t*9)*i,90+i,i,1)

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/3090 by u/artfarnaa

function u(t) {

c.width|=k=960;for(a=25;--a;x.arc(k+(b-k)*S(t+b/210)/2,540+(b-k)*C(t/3-b/210)/2,b*3,0,7))f=a+7*t%2,b=f*f,x.moveTo(G=b|0,0);x.fill('evenodd')

Aug 21 2017 3:50 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/artfarnaa

Very nice. Lots of unexplored ideas around this basic algorithm.
u/sigveseb

Looks like the donut from Intrinsic Gravity: http://www.pouet.net/prod.php?which=64756
u/donbright

groove is in the heart...
u/3D.ceffo

Logical mistery tour!
u/joeytwiddle

#tunnel See also: d/15643

show FPS hide FPS share 1 remix fullscreen

username

function u(t) {

r=m=>(s^=s<<3,s^=s>>2,s%m)
s=99+t|0
for(i=0;i<2e3;i-=q)for(j=q=-30;j<1e3;x.fillRect(i,j-=q,-q,-q))x.fillStyle=R(r(255),r(255),r(255))

Apr 23 2019 12:16 AM UTC

}// 133/140

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

casual golf; it only drops one line at the bottom. other than that, functionality is completely retained. could drop a lot more with minor adjustments, see next

u/KilledByAPixel

Nice! I wasn't trying to golf it except for the r function. Didn't know i could skip the parameter parens.

show FPS hide FPS share 1 remix fullscreen

NullifiedWarp

function u(t) {

c.width=1920 // clear the canvas
x.fillStyle=R(255,215,0)
for(i=0;i<2000;i++)
x.fillRect(C(i)*400+900,400+S(t+i)*300,5*S(t),200)

Jan 7 2019 1:31 PM UTC

}// 128/140

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

Invisibility ring? idk first dweet.

u/JWinslow23

One Ring to rule them all...
u/lionleaf

#gold #ring #lotr #one_ring :) Welcome! Great first dweet #first_dweet