Dweets awesomed by u/sebbert

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

tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪀽𜐹𜠬𤠽𝀸𛁩🐸𜀶𝀻𪐭𛐻𮀮𩡩𫁬𤡥𨱴𚁓𚰹𝠬𥀫𝐴𛁃𚁍𨑴𪀮𨑴𨑮𜠨𤰽𪐥𞐷𛑒𛁔👩𛰹𝰭𤠬𬠽𚁓𚡓𚱔𚡔𚐪𚠮𝐩𚠹𚐪𜠰𛑲𙠴𝀦𙡲🠳𝠿𬠼𝀲🱔𛱒𞡓𛱒𞠱𛁲🠳𝠿𬠼𤠺𮠨𜰩𛰵𚐩𮠽𫠽🡮𛐭𙠦𠰨𥀯𜠫𤰪𥀯𤠫𭀪𞐩𚡃𚁔𛰴𛑺𚁮𚐪𜠩𛑲𛰶`.replace(/u../g,'')))

Nov 13 2020 1:17 AM UTC

}// 140/140

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

#stargate

Show more comments…
u/DataMeta

wow WHAT
u/DataMeta

super rad combo of that fluid/smoke technique from a while back and the recent 2.5D Doom texture tricks!
u/chris@grimtech.net

Is this an incoming or outgoing wormhole? thanks
u/magna

WHAT.
u/sigveseb

Holy smokes!
u/tomxor

https://news.ycombinator.com/item?id=25088683
u/aleamb

brutal! amazing!!!
u/rep_movsd

This is one of the all time greats
u/Xen

Yess!
u/UEZ

Awesome. One rookie question: where are the color values saved?
u/red-lady

Stargate!!
u/tomxor

@UEZ the width and height of fillRect are used, when less than one pixel it will interpolate the alpha channel in proportion to the area. The same happens when an edge lies between two pixels (anti-aliasing).
u/UEZ

@tomxor: thanks for your fast reply. :-) That's what I thought but when will width used, when height? I'm trying to under JS by converting it to FB.
u/UEZ

*understand
u/tomxor

The following are equivalent when the values of w and h are between 0 and 1: fillRect(0,0,w,h) == fillRect(0,0,w*h,1). This is because the alpha channel of this pixel value is roughly proportional to the subpixel area (w*h). In terms of the patern we are trying to create, multiplication it's like the continuous version of AND, i.e the binary version is 1 IF w AND h. Additionally a lot of characters are saved when separating into w and h because we dont need to wrap the actual subexpression used to create w and h in parens and multiply them i.e fillRect(0,0,(.1+.2)*(.3+.4),1) becomes fillRect(0,0,.1+.2,.3+.4), that's -5 chars!
u/UEZ

@tomxor: thx.
u/nystrand

epic!
u/jelmo

Nice
u/vain

Wow! This seems to be your stargate... Seems you are not from this world! Incredible!!!

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/13713 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𤐽𡀽𞐶𜀬𦀽𤰨𭀪🐹𞐩𚰱𛁙👓𚁴𚡴𚐫𜐬𦠽𤐫𚁘𛐱𚐪𝀰𜀬𭀿𭀦𜐿𥰽𞀴𜀭𦐪𜰵𜀪𚁘🀱🱘𞠲𛑘𚐺𚁚👑𚡘𛁗🐶𜀰𛐲𝐰𚠨𦀼𜐿𦀺𚁄🐵𜀬𜠭𦀭𦀪𦐫𦐩𚐩𞡚👗👄🐰𛁸𛡦𪑬𫁓𭁹𫁥👠𪁳𫀨𙁻𞐹𚡘𚡙𯐠𞐹𙐤𮱄𯐥𨀬𮀮𩡩𫁬𤡥𨱴𚁚𛁗𛁳👴🰹𞠲𩐳𛁳𚐻`.replace(/u../g,'')))

May 22 2019 5:17 AM UTC

}// 139/140

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

Dark Side of the Dweet V3 - With improved rainbow and random fill

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

for(i=1;i<500;x.fill(p=new Path2D(),p.ellipse((S(i)*1e9+t*i)%3e3-499,i*99%1080,q=1e4/i,q,i,0,i++-1?4+4*S(9*i+t):7)))x.fillStyle=R(i/2,i,i*4)

May 22 2019 4:23 AM UTC

}// 140/140

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

Circle Factory

u/donbright

love it, reminds me of Chahi's Another World
u/joeytwiddle

Nice #abstract art and I like the #colors

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(c.width|=t%=i=6;i--;x.lineTo(960+1e3*X*C(A)/z,3e3*(1+t/6-S(a))/z))X=3*C(a=i%2*3.142/(1+1e4**(i-t)))-1,z=6+t+X*S(A=(i+t/4)/.477);x.fill()

May 21 2019 9:58 AM UTC

}// 140/140

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

Let's see what unfolds

Show more comments…
u/jylikangas

Clever!
u/katkip

im shocked #genius
u/aleamb

wow!
u/donbright

so great
u/eph_aim

beautiful!
u/katkip

#infinite #loop
u/magna

#pavel
u/KilledByAPixel

Perfect loop 60 fps #GIF for you https://imgur.com/gallery/5kY1gNX
u/Ath0r

just wow
u/artfarnaa

Best dwitter

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/13709 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`儽䐽㤶〬堽匨琩⬱ⱙ㵓⡴⩴⤫ㄬ娽儫⡘ⴱ⤪㐰〬琿琦ㄿ圽㠴〭太㌵〪⡘㰱㽘㨲ⵘ⤺⡚㵑⩘ⱗ㴶〰ⴲ㔰⨨堼ㄿ堺⡄㴵〬㈭堭堪夫天⤩㩚㵗㵄㴰ⱸ⹦楬汓瑹汥㵠桳氨⑻坽ⰹ㤥Ⱔ筄紥怬砮晩汬剥捴⡚ⱗⱳ㵴㼹㨲攳ⱳ⤻`.replace(/u(..)/g,"$1%")))

May 10 2019 2:11 AM UTC

}// 140/140

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

Dark Side of the Dweet V2 - Now With Rainbow and Trippy Draw Style!

u/KilledByAPixel

It takes a while but will eventually fill in nicely.
u/joeytwiddle

#album #album_cover
u/katkip

lol its a prism
u/sebbert

dark side of the fourier transform

show FPS hide FPS share 2 remixes fullscreen

lurifax

function u(t) {

for(x[f='fillRect'](i=0,0,2e3,2e3);i++<(w=255);x.fillStyle=R(a=w*2-i*2,a/2,50,1.2-i%w/w))x[f](960-S(2*t+S(t+i))*i*3,540-C(t+i)*i*2,i/5,i/5)

Oct 7 2017 1:02 PM UTC

}// 139/140

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

u/magna

WOW! Depth of field with just colours!
u/lionleaf

Stunning!
u/sigveseb

Radical!
u/sadropol

Lovely!
u/Galaxtone

It has that dancing ballerina effect
u/Galaxtone

is it going left or right?

show FPS hide FPS share 2 remixes fullscreen

sebbert

function u(t) {

c.width=999;for(a=b=z=0,w=140;z<400;z+=.1)a=S(a*2.4-t)*S(t*2)+C(a+b+t)+C(z*2.34+t),b=C(z*1.56),x.fillRect(a*w+500,b*w+w+w,2,2)

Mar 4 2017 12:59 AM UTC

}// 126/140

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

Show more comments…
u/donbright

woah!
u/SpecialAgent

Energize!
u/FireFly

This one is really cool o.o
u/FireFly

I would love an explanation or pointer about the maths going on here… in particular I don't understand why the 1.56 constant for the b= is so sensitive. It looks like an approximation of π/2, but all of π/2, 1.57 and 1.5 behave vastly differently/more chaotically. So what's the relationship between these numbers/how is 1.56 derived?
u/tapgiles

What the... @.@ Looks so detailed!
u/joeytwiddle

Some other constants with similar behaviour: 1.17, 2.34, 3.12, 3.51, 3.90, 4.68, 6.24
u/joeytwiddle

And a few with different behaviour: 3.08, 6.05 (!), 6.35

show FPS hide FPS share fullscreen

hamptonio

function u(t) {

r=540;m=t%99|0;for(n=1;n<m;n++){c.width=2e3;for(i=0;i<6.3*n;i+=.01){q=r*C(i*m/n);x.lineTo(2*r+C(i)*q,r+S(i)*q)}x.fill("evenodd");x.stroke()}

Mar 3 2017 6:12 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/iverjo

Kudos!
u/donbright

excellent

show FPS hide FPS share 3 remixes fullscreen

New_Core

function u(t) {

c.width=1920;for(i=16;i--;)x.ellipse(1e3+300*S(t+i*.1),500+50*C(t+i*.1),160*S(-i*.5)+160,50*S(i*.1)+5,1.6+.5*S(t*.5),9.5,0,6.3);x.stroke();

Mar 3 2017 3:31 PM UTC

}// 139/140

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

Show more comments…
u/sfz

wow creative!
u/sfz

reduced it by about 15 bytes in case you want to try to do something else with the extra room: c.width|=0;for(i=16;i--;)x.ellipse(1e3+300*S(t+i/9),500+50*C(t+i/9),160*S(-i/2)+160,50*S(i/9)+5,1.6+S(t)/2,9,0,7);x.stroke()
u/iverjo

So good!
u/sigveseb

is that a pseudo-3D fish? super nice!
u/donbright

marvellous
u/magna

WAAAAT
u/SpecialAgent

Magnificent depth!
u/joseprio

Really impressive :)
u/Kalanchoe

Amazing!
u/ArtsyBiker1

WHOA
u/gautjac

beautiful
u/21medals

Reduced it ±20 bytes and added beginPath() without changing any values:
u/21medals

for(c.width|=i=16;a=i--/10;x.stroke())x.beginPath(),x.ellipse(1e3+300*S(t+a),500+50*C(t+a),160*S(-i/2)+160,50*S(a)+5,1.6+S(t/2)/2,9.5,0,6.3)
u/New_Core

#fish
u/joeytwiddle

#model
u/Cloud

https://www.dwitter.net/d/17352
u/vain

incredible 3d fish

show FPS hide FPS share fullscreen

donbright

remix of d/1755 by u/SpecialAgent

function u(t) {

n=frame
q=n%2?400:289.2
d=n%2?2*t:2*t/.61518
X=960+q*C(d),Y=540+q*S(d)
n%4?x.moveTo(X,Y):x.lineTo(X,Y)
x.stroke()
x.fillRect(X,Y,9,9)

Mar 3 2017 2:36 AM UTC

}// 133/140

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

This shows the pattern traced by a line directly between the Earth and Venus as they orbit the sun. This pattern is pretty ancient, for example discussed in the book Quadrivum about the old academic relationships between art and science. This type of pattern may be helpful to appreciate the concept of Orbital Resonance in a planetary system.

Show more comments…
u/donbright

thx to https://nssdc.gsfc.nasa.gov/planetary/factsh… for the data
u/sfz

Fascinating
u/donbright

inspired by @SpecialAgent obvs!
u/SpecialAgent

This pattern is very pleasing to the eye, very nicely done!
u/sigveseb

This space stuff is nice!
u/Lazy1337

#cardioid
u/Lazy1337

#math
u/donbright

#venus #space #orbits

dwitter.net | sebbert (1745)