Dweets awesomed by u/trusktr

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

gpolonus

remix of d/17830 by u/gpolonus

function u(t) {

c.width/=1
onmousemove=e=>c.a=e.x/15
f=(a,y)=>x.fillRect(a,y,9,9)
for(i=0;i++<2e3;)f(i,S(t+i/100*(c.a||0))*400+500)

Mar 8 2020 1:53 PM UTC

}// 115/140

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

Variable Sine wave frequency. Move your mouse! #interactive

show FPS hide FPS share fullscreen

tomxor

remix of d/17835 by u/pavel

function u(t) {

eval(unescape(escape`𫱮𫑯𭑳𩑭𫱶𩐽𩐽🡦𚁸𛡬𪑮𩑗𪑤𭁨🐴𛀴𛁣𛡷𪑤𭁨👩𫡮𩑲𥱩𩁴𪀬𤠽𩐩𒡦🐨𦀬𦐬𭰩🐾𚁒𛡸𛑘𛑷𛰲𚐪𚠲𚰨𤠮𮐭𦐭𭰯𜠩𚠪𜠼𭰪𭰪𝠮𜠸𚰳𩐴🱷🠶𙠦𩠨𦀬𦐬𭰯🐲𚑼𩠨𦀫𭰬𦐬𭰩𯁦𚁘𛁙𚱷𛁷𚑼𩠨𦀫𭰬𦐫𭰬𭰩𞡸𛡳𭁲𫱫𩑒𩑣𭀨𦀬𦐬𭰬𭰩`.replace(/u../g,'')))

Mar 5 2020 2:17 AM UTC

}// 135/140

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

#interactive #quadtree (move your mouse)

u/tomxor

Note the intersection is fuzzy since full circle-AABB takes too much code, instead it's just circle-point + current subdivision width based radius (w*w*6.28), i.e it becomes more accurate as it converges.
u/tomxor

This is why there are a bunch of divisions around it that would not exist with an exact test. Pavel's doesn't do this by cleverly choosing a geometry that only need intersect the top left of each square.
u/katkip

Nice!

show FPS hide FPS share fullscreen

gpolonus

remix of d/17827 by u/gpolonus

function u(t) {

t?0:p=q=0
f=(a,b,c,d)=>x.moveTo(a,b)|x.lineTo(c,d)|x.stroke()
onmousemove=e=>((a,b)=>f(a,b,q,p)|f(2e3-a,b,2e3-q,p)|(q=a,p=b))(e.x*3.4,e.y*3)

Mar 4 2020 6: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).

Mirror lines #interactive

u/gpolonus

The cursor if off in the y direction. I wanted to change the 3 multiplier to 3.4 but couldn't figure out where to save characters. Any suggestions would be much appreciated!

show FPS hide FPS share 2 remixes fullscreen

tomxor

remix of d/17761 by u/ElisionFR

function u(t) {

c.width=innerWidth
n=t?n.map(([A,B,X,Y])=>[A,B+.6,X+A/4,Y+B/4,x.fillRect(X,Y,3,3)]):[]
onmousemove=({x,y})=>n[t*60&255]=[x-C,y-S,C=x,S=y]

Feb 27 2020 12:12 AM UTC

}// 137/140

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

#interactive #particles #physics

u/tomxor

lol nmap
u/katkip

Awesome!
u/aleamb

amazing!
u/DataMeta

haha dude niice

show FPS hide FPS share fullscreen

Odog8

function u(t) {

eval(unescape(escape`ⅴ☦⡁㵂㴰⤻䴽䵡瑨⹡扳㭣⹷楤瑨㵩湮敲坩摴栻砮景湴㴧㍥洢✻潮浯畳敭潶攽攽㸨堽攮砬夽攮礩㭸⹦楬汔數琨✽ħⱘⱙ⤻砮晩汬呥硴⠧伧ⱁⱂ⤻䄭㵍⡁ⵘ⤯⡁ⵘ⬮ㄩ㭂ⴽ䴨䈭天⼨䈭夫⸱⤻
`.replace(/u(..)/g,'$1%')))

Feb 26 2020 11:58 PM UTC

}// 131/140

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

Cat & mouse test

u/aleamb

#interactive

show FPS hide FPS share 3 remixes fullscreen

tomxor

function u(t) {

x.fillRect(0,0,i=2e3,i)
for(t+=160;p=i&1,m=t/C(t/i)+p*(t/2+i%t),i--;)x.clearRect(
960+m*S(n=t/9+i*i)*C(!p*i/t),
540+m*C(n+p*2),s=3-C(n)*3,s)

Oct 17 2018 8:45 PM UTC

}// 140/140

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

#space #planet #saturn

Show more comments…
u/joeytwiddle

Wow, beautiful! I am blown away. #dots #lighting #shading
u/lionleaf

Wow! That's amazing
u/magna

WOW!
u/sigveseb

no way!
u/yonatan

beautiful!
u/jellyedwards

That's incredible, well done!
u/jellyedwards

If you change this bit too use t it's like Saturn uses its ring as a hula hoop: 540+m*C(n+p*t)
u/katkip

woow... gj bro
u/keithclark

Nice!!!
u/aleamb

wow! superb!
u/iverjo

That's pretty rad
u/rnbw

my mind is officially boggled o_o
u/Purpzie

This is absolutely beautiful.
u/tomxor

Thanks for all the kind comments :) for those interested: the key is in the parity bit p=i&1 this allowed me to combine two different but similar functions by multiplying parts in an out on each iteration. You should be able to pull the two apart into something more intelligible.
u/magna

@tomxor are you on Twitter as @tomxor by any chance?
u/tomxor

I am not, nor am I on any other social network... unless you consider Github one :P but a different pseudonym..
u/jylikangas

Beautiful dweet!
u/aleamb

The Cosmos is all that is, or ever was, or ever will be. The contemplation of the this Cosmos stir us.
u/Renaud___

so Beautiful
u/ivylab

This is absolute badass
u/vain

OMG! This part blew me away!
u/jdspugh

Well done!

show FPS hide FPS share 1 remix fullscreen

keithclark

remix of d/8806 by u/keithclark

function u(t) {

for(Z=L=52,c.width=L*4;Q=Z--/9;)for(Y=X=L;X>-L;x.fillRect(X--/Q*9+99,L+U/Q,9/Q,L))Y+=7*C(X/2^Q*2+t*9),x.fillStyle=R(U=Y<L?Y:L,Q*L+U,U/L<<8)

Jul 9 2018 10:15 PM UTC

}// 139/140

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

Managed to create a flat sea. Had to trade off the nice distance fog effect.

Show more comments…
u/joeytwiddle

Awesome infinite #landscape
u/lionleaf

Amazing!
u/jylikangas

Love it! Well done!
u/iverjo

Wow!
u/lionleaf

#minecraft
u/zanella

Replace Y<L?Y:L with Y and you'll understand how the flat sea effect was achieved. Nice one. ;)
u/Conjuror

love it
u/vain

OMG - really hot shit :D

show FPS hide FPS share fullscreen

corruptio

remix of d/5600 by u/p01

function u(t) {

for(i=h=432;i--;x.fillRect(h+(h/i-1)**.5*S(t-i)*i,i,9,44))x.fillStyle=R(v='㓀职뿽흟�巶涷溲疗恋ᑐㆇന䁓ꘐ㒄␅਩先р蠂'.charCodeAt(i/16)>>i%16&1,v*h,99,C(t-i))

Jan 8 2018 9: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).

Show more comments…
u/aemkei

🌎 😍
u/p01

Fantastic job! Love the use of the cos(t-i) aka backface culling as alpha value of the fillStyle to sort the splats and skip clearing the whole canvas. That was THE killer optimization to fit in 140 chars.
u/sigveseb

Wow! ACE
u/donbright

:O
u/lionleaf

Amazing!
u/Teijou

Does it JS or another language?
u/fusty

Wow . . . how?
u/fusty

It would be amazing if you could post an expanded, commented version along with your 140 character versions on this site.
u/oldspork

I'm completely new to all coding and just found out about this amazing community; how on Earth do these symbols code for a globe?
u/hg

oldspork These symbols are just what unicode decides his binary data can best be represented as in text. The real magic is the charCodeAt part of their code.
u/iverjo

#sphere #earth #globe

show FPS hide FPS share 5 remixes fullscreen

p01

function u(t) {

for(i=h=c.width=432;i--;)C(t-i)>0&&x.fillText('.⬤'['榁翻꺿듻ퟝ믭󫥤큰삗⢠挎ᩐ肦䰠椉䠊ᑒꊐࢀင'.charCodeAt(i/16)>>i%16&1],192+(i*h-i*i)**.5*S(t-i)/2,i/2+9)

Jan 5 2018 8:35 PM UTC

}// 137/140

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

AND THE WORLD GOES ROUND 🌏🌍🌎

Show more comments…
u/Xen

nice :-)
u/xem

what an achievement!
u/aemkei

You made it! 🙇
u/nystrand

W🌎W !
u/sigveseb

up to the top of the frontpage you go!
u/lowpoly

Wow, your work always inspired me :)
u/trupples

Wow, congratz! I tried doing this but failed miserably lol. Awesome work
u/Renaud___

Nice work !! :)
u/donbright

beautifuyl
u/aemkei

Now with color: d/5747 by u/corruptio.
u/iverjo

#sphere #earth #globe
u/vain

Wow! Insane! Nice to see you here, P01 :-) greetz

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

dwitter.net | trusktr (3112)