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 3 remixes fullscreen

Bugsy

function u(t) {

for(c.width|=r=999;--r;x.lineTo(960+C(r+t)*a,540+S(r+t)*a))a=r/2
x.stroke()

Jun 16 2018 4:32 PM UTC

}// 75/140

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

The graph r=theta spinning around the origin. 65 characters to play with, so there's lots of remixing potential. Try messing around with the trig functions, it leads to some fun results

u/iverjo

Go fullscreen, stare at the center for 30 seconds, then look away from your screen (e.g. look at your keyboard). #opticalillusion
u/iverjo

#short

show FPS hide FPS share fullscreen

nml

function u(t) {

c.width=1920
i=0
i=i*i*10
x.fillStyle=`hsla(${i+t*20},90%,50%,.3)`
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*400,i*100,50,200)

May 8 2020 5:56 PM UTC

}// 127/140

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

some rainbow rectangle steps

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

for(c.width|=i=7;i--;x.fillText([...'🅳🆆🅸🆃🆃🅴🆁'][(i|0)%7],250+i*200,600+399**S((t%12.56<6.28?t:-t)-i/2)))x.font='6cm"'

Nov 6 2018 2:49 PM UTC

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

katkip

remix of d/19192 by u/katkip

function u(t) {

f=(x,y,n=20)=>n>0?f(2*x*y-.1,.7-y*y+x*x,n-.5):x
q=x=>S(x);for(i=3999;i--;)f(X=q(i*t+t/9)*2,Y=q(i*t)*4)?x.fillRect(Y*540+960,X*540+540,3,3):0

Jun 19 2020 1: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).

my second julia-like fractal made from scratch o_O #slowrender #julia #fractal

u/katkip

i discovered a short rendering method
u/katkip

q=x=>S(x) was initially a random function between -1 and 1

show FPS hide FPS share 1 remix fullscreen

whackashoe

function u(t) {

for(Y=48;--Y;)for(X=99;--X;){for(A=H=-2+X*.03,B=G=-1.2+Y*.05,n=0;++n<t;C=A*A,E=B*B,B=2*A*B+G,A=C-E+H);if(C+E>4)x.fillRect(X*19,Y*19,t,t)}

Jan 11 2018 12:05 AM UTC

}// 137/140

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

u/Xen

clever approach.
u/Talesseed

Nice one,
u/Talesseed

Nice one!
u/joeytwiddle

#mandelbrot

show FPS hide FPS share 1 remix fullscreen

jylikangas

function u(t) {

for(c.width=i=714;i--;F(t+i/714+(i>>7)/9,-9))(F=(a,o)=>x.strokeRect(357+S(a)*290-o/(Z=C(a)+1+(t%6<3)),99+C(a*(t/6%4|0))*99/Z,o/=Z/2,o))(i,4)

Apr 17 2018 9:12 AM UTC

}// 140/140

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

CHOO CHOO! Let it run to see all the tracks. :)

Show more comments…
u/Agnes

This is your most unbelievable one so far. What the hell.
u/aemkei

Just WOW!!! I can even hear the sound
u/Galaxtone

I stil ldon't know how to make a 3d engine and a camera view that moves around in only 140 bytes
u/New_Core

Very good one...
u/stiaje

No, this is just not supposed to be possible!
u/sigveseb

so simple and elegant :))
u/magna

Dude!
u/nystrand

Outstanding!
u/Renaud___

so great OO
u/aleamb

superb!!
u/hollo47

No. This is not possible.
u/artfarnaa

He's somehow linking another JS :}}
u/lionleaf

Woah!
u/jylikangas

http://jsriffs.blogspot.fi/2018/04/making-of…
u/iverjo

This is really, really impressive!
u/prinzphi

Unbelievable!
u/lionleaf

#train #3d #camera #hashtag_testing
u/sigveseb

Nice Making-of article! <3 more of those please :))
u/sigveseb

#witchcraft
u/lionleaf

#amazing
u/lionleaf

#making_of #blog
u/aleamb

#rollercoaster
u/pythech

wtf! many thanks for the blog post
u/micahcowan

#wireframe
u/alien

WTF!!!!
u/katkip

Wow
u/f8f82804

#d3
u/donbright

YES
u/mpasula

this is just so fucking cool!
u/Tekmap

👏👏👏👏👏
u/stephanegeorget

OMG
u/vain

How? O.o I am very enthusiastic and at the same time speechless

show FPS hide FPS share fullscreen

asteriskman

function u(t) {

c.width=w=80
for(i=0;i<3680;i++)
x.fillStyle=R(r=Math.random()*255,r,r),
t%3<0.2?x.fillText('HeLp mE',20,25):x.fillRect(i%w,i/w|0,1,1)

Oct 11 2019 11:17 AM UTC

}// 134/140

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

Inktober Day 11 - Snow

u/magna

:D

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/33437 by u/taupelink

function u(t) {

for(i=z=8e3;i--;x.fillRect(i/4,90*t,3,z/=3+S(z+i/1e3-t/8)))x.fillStyle=(z=28+8*S(8/z+t/6)+S(z+i/1500)*48/z)&9?z&23?'#B312':'#EDC6':'#4104'

May 3 2026 12:35 AM UTC

}// 138/140

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

d/35301

u/KilledByAPixel

nice

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/33398 by u/taupelink

function u(t) {

for(i=z=8e3;i--;x.fillRect(i/4-40,120*t,.3,z/=3+S(w+i/1500)))x.fillStyle=S(z=12-6*S(4/z+t%3*2*S(w=z+t^i/2e3)))<0?'#3103':z&4?'#1574':'#8761'

Feb 23 2025 6:44 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/33401 Grid of Abstract Landscapes 1

show FPS hide FPS share 2 remixes fullscreen

New_Core

remix of d/508 by u/New_Core

function u(t) {

x.beginPath();b=99;for(i=6;i--;)x.fillStyle=R(a=b*C(t)+b,t*i,a*i),x.fillRect(960+b*S(t+i),540+b*C(t+i),9,9);x.drawImage(c,-5,-3,1930,1086)

Dec 15 2016 3:06 PM UTC

}// 138/140

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

lol didnt need that beginpath there, was leftover from the other one

u/New_Core

a=255;for(i=6;i--;)x.fillStyle=R(33*t%a,66*t%a,99*t%a),x.fillRect(960+a*S(t+i),540-a*C(t+i),9,9);x.drawImage(c,-5,-3,1930,1086)
u/iverjo

Very nice, and trippy af. This is the kind of thing I meant when I said I wanted to do a remix of https://www.dwitter.net/d/508
u/New_Core

#swirl