Dweets awesomed by u/Citiral

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

KilledByAPixel

remix of d/22412 by u/KilledByAPixel

function u(t) {

x.fillStyle=R(v=t%1>.2?99-C(t*=99)*300+C(t*t)*99:t=955,v/2,v/3)
x.fillRect(959+9*S(t),721+9*C(t),3,9)
x.drawImage(c,-16,-12,1952,1098)

Apr 11 2021 3:47 AM UTC

}// 134/140

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

Desert Road 🏜️

Show more comments…
u/erin

wtf!?!?!?
u/erin

magic
u/RubyPiec

how the hell do you do these things
u/roboeor

its jjst a zoming in image
u/roboeor

bad
u/mrfoogles

thats mean
u/KilledByAPixel

#road

show FPS hide FPS share fullscreen

andy

remix of d/12942 by u/andy

function u(t) {

eval(unescape(escape`昽㉥㌻硛稽❦楬汓瑹汥❝㴧⌱〰ㄧ㭸⹦楬汒散琨〬〬昬昩㭸孺崽✣摦搲✻景爨搽攽〻昭ⴻ栽搬搽攭⠡Ⅴ籤㸾㌱⤪䵡瑨⹡扳⡃⡺㵴⼹⤪搭匨稩⤪⨮㔬攽䌨稩⬴⵨ⱸ⹦楬汒散琨搪㘴⬸㔰ⱥ⨶㐫㐰〬㔬㔩⤻`.replace(/u(..)/g,'$1%')))

Mar 30 2019 11:25 PM UTC

}// 135/140

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

Had to compress :/

Show more comments…
u/andy

f=2e3;x[z='fillStyle']='#1001';x.fillRect(0,0,f,f);x[z]='#dfd2';for(d=e=0;f--;h=d,d=e-(!!d|d>>31)*Math.abs(C(z=t/9)*d-S(z))**.5,e=C(z)+4-h,x.fillRect(d*64+850,e*64+400,5,5));
u/magna

wow!
u/magna

This is nuts!
u/katkip

#compressed
u/Xen

very nice!
u/DataMeta

Wow.
u/iverjo

Wow!
u/joeytwiddle

#hopalong

show FPS hide FPS share 4 remixes fullscreen

lionleaf

remix of d/1525 by u/lionleaf

function u(t) {

c.width=2e3;v='We have a chat! See comments!';for(i=v.length;i--;)x.font=70+S(t*5)*20+'px Arial',x.fillText(v[i],i*69,540+S(t*9+i)*20)

Jan 20 2018 5:39 PM UTC

}// 134/140

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

Discord chat for all things dwitter: https://discord.gg/emHe6cP (This dweet has been temporarily pinned to the top for visibility)

Show more comments…
u/sigveseb

Welcome all!
u/Xen

see you there :-)
u/mattdzugan

nice, might be cool to allow for #4525 syntax to automatically link to the dweet
u/lionleaf

That's the plan mattdzugan :) Except d/4525, as # is reserved for hashtags
u/edelstone

omg
u/Twitchkidd

This was the thing at the top! I think this is awesome, but I'm, what, a 'framework kiddie?' I dig it though! Where do I start on here?
u/Serg

I see "Jan 1, 2018 7:39 PM" the date of post. Is it ok?)
u/sigveseb

That's the trick used to sticky the post :D the ranking is based on a combination of date posted and number of awesome. Future date == stickied post :D
u/Serg

Not a bug. Feature!
u/ThreeNPlusOne

this website is kind of like "bytebeat", procedurally generated music from one line of code
u/tqdwqwd

qwd
u/donbright

@Twitchkidd hit 'new' and start changing numbers around
u/lionleaf

Aaaand, comments are working again! \o/
u/lionleaf

Code blocks are live! Thanks u/magna :) use backticks ` to enable
u/magna

YAY! 🎉 🎉 🎉
u/BirdsTweetCodersDweet

console.log("hooray for code blocks!");
u/BirdsTweetCodersDweet

are code blocks gonna have syntax highlighting any time?
u/lionleaf

Test u/lionleaf test
u/lionleaf

#feature #chat #discord
u/lionleaf

#text

show FPS hide FPS share 2 remixes fullscreen

crimbles

function u(t) {

t||x.translate(980,540)
for(var i=0;i<1500;i++){
x.fillStyle=R(C(t/i)*i,S(i/t)*i,T(t)*i)
x.fillRect(i,t,S(t)*2,C(t)*i);x.rotate(S(T(i/t)))}

Jan 2 2018 8:12 AM UTC

}// 139/140

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

The longer you watch, the weirder it gets

u/sigveseb

Rocks
u/iverjo

Novel!

show FPS hide FPS share 1 remix fullscreen

travisdoesmath

function u(t) {

a=256;b=8
for(i=1;i<128;i++) {
  x.fillStyle = R(60*t%a,120*t%a,180*t%a)
  x.fillRect(((60*t^i)%128)*b+448, 28+i*b, b, b)
}

Jan 2 2018 2:35 AM UTC

}// 124/140

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

u/nickd3000

This is really cool, nice magic to find the x Coordinate
u/Xen

love it

show FPS hide FPS share 1 remix fullscreen

rikardlindstrom

function u(t) {

t||x.translate(980,540)
c.style.background=R(x.fillStyle='#fff',++t<4&&x.drawImage(c,~x.fillText(0,~x.scale(s=1+C(t)/20,s),0),~x.rotate(t)))

Dec 31 2017 7:03 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/Flopster

Wow! Too bad it doesn't reset, but this looks incredible!
u/rikardlindstrom

Thanks! All I could fit in 140 characters. Happy to hear suggestions how to squeeze it further though!
u/magna

Amazing!
u/iverjo

Kudos
u/sigveseb

So pretty!
u/tqdwqwd

qwd
u/meesh

Wow!
u/iverjo

#galaxy
u/lionleaf

#space #stars

show FPS hide FPS share 3 remixes fullscreen

Pjaerr

function u(t) {

c.style.background=R();x.fillStyle=R(...[S,C,T].map(_=>127*(_(t)+1)));a=137.5*frame;r=8*frame**.5;x.fillRect(r*C(a)+960,r*S(a)+540,8,8)

Dec 30 2017 7:50 PM UTC

}// 135/140

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

A little bit of Phyllotaxis. http://algorithmicbotany.org/papers/abop/abo…

Show more comments…
u/Pjaerr

btw, changing the angle a from 137.5 to 137.3 or 137.6 produce different, albeit nice, patterns.
u/Bendoman

Second best thing on here by far.
u/dubistdu

WOW
u/trupples

Also.. shouldn't it be 137.5 * pi / 180 ~~ 2.39982772149 as the trigonometric functions take in radians?
u/trupples

137.5 also kind of "isolates" the spirals after a short while while 2.4 does not
u/Pjaerr

Yeah, that'll be it actually. I still thought it looked decent!
u/DiamondDrake

I was just working on a Phyllotaxis dweet, though i was trying to use ellipse that just needs way too many characters
u/@no_identd

Although the point about radians is fully correct, I'd like to point out that the most accurate IEEE single float approximation of this angle in degrees is 137.50777 (which internally becomes 137.5077667236328125)
u/lionleaf

#spiral #flower #plant #botany
u/fujimotos

This is amazingly beautiful.

show FPS hide FPS share 1 remix fullscreen

travisdoesmath

remix of d/4815 by u/travisdoesmath

function u(t) {

for(i=0;i<300;i++){x.fillStyle=R((i)%255,(i)%255,(i+20*t)%255);x.beginPath(),x.arc(960-i/9*S(i+t)*30,540+i/9*C(i+t)*30,i/2,0,6.28);x.fill()}

Dec 30 2017 6:01 AM UTC

}// 140/140

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

u/crimbles

Remixed https://www.dwitter.net/d/5358

show FPS hide FPS share fullscreen

Maxzilla

function u(t) {

t?(v+=9.81/8,v*=.99,p+=v):(v=0,p=0,b=80),p>1080-b&&(v=-v,p=1080-b),c.width=w=1920,h=200,b=50,x.fillRect(w/2-b,p,b,b)

Dec 29 2017 4:54 PM UTC

}// 116/140

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

u/iverjo

#bounce

show FPS hide FPS share 2 remixes fullscreen

ben

remix of d/4509 by u/ben

function u(t) {

v=(a,b,g,r)=>{for(i=0;i++<r;)x.fillRect(a+=S(g),b-=C(g),r/9,2)
r>1?v(a,b,g+=o,r*=.7)&v(a,b,g+=5,r):0}
o=S(t)/9+1
c.width=500
v(250,280,0,80)

Dec 29 2017 1:23 PM UTC

}// 140/140

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

blowing in the fractal wind

Show more comments…
u/sigveseb

Sweet!
u/Xen

very nice!
u/Bendoman

Fabulous.
u/lionleaf

Amazing!
u/lynnlangit

love, love, love it!
u/nystrand

elegant!
u/iverjo

#recursive
u/lionleaf

#fractals
u/lionleaf

#fractal . hmm, maybe not plural
u/vain

so beautiful - amazing work!

dwitter.net | Citiral (4170)