Dweets awesomed by u/ose

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

Moosething

function u(t) {

v=c.width|=m=x=>x>0?x*z:0;z=240;for(i=0;i<7;i++) x.arc(p=i==0?z-m(V=S(t*5)):i==6?v-z+m(-V):z+i*z,3*z,z/2,0,7),x.rect(p,0,7,3*z);x.fill()

Dec 27 2017 8:19 PM UTC

}// 136/140

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

u/sigveseb

Newtons cradle :D
u/katkip

x.arc(p=i==0?z-m(V=C(t*2.812)):i==6?v-z+m(-V):z+i*z,3*z,z/2,0,7) for real life speed

show FPS hide FPS share 1 remix fullscreen

itsjustmustafa

function u(t) {

x.fillRect(0,0,1920,1080);x.font="99px a";for(i=6;i>-1;i--)x.fillText(["🌞","🌍","👽","🚀","🛰️","🌌"][i],880+i*150*S(t*i),590+i*90*C(t*i))

Dec 27 2017 10:21 AM UTC

}// 134/140

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

u/iverjo

+1 for the concept ;)
u/joeytwiddle

#emoji in #space #planet

show FPS hide FPS share 3 remixes fullscreen

letsbreelhere

remix of d/3826 by u/sokacsavok

function u(t) {

α=200;c.width=α*2;τ=Math.PI*2;x.font="36px A";x.fillText(['🌚','🌒','🌓','🌔','🌝','🌖','🌗','🌘'][(t|0)%8],α+C(t)*70,50+70+S(t)*70);

Dec 27 2017 3:31 AM UTC

}// 125/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/abrunkhorst

This is super clever!
u/sigveseb

Needs more upvotes!
u/miggy

I love the unicode 'α'
u/xem

-18b: x.fillText([...'🌚🌒🌓🌔🌝🌖🌗🌘']
u/letsbreelhere

@xem TIL!
u/sigveseb

Ooh clever use of ... operator
u/berti

so much yes
u/lionleaf

#sun #emoji #moon

show FPS hide FPS share 7 remixes fullscreen

sadropol

remix of d/3748 by u/sadropol

function u(t) {

c.width|=0;for(i=1;i<140;i++){b=2*t+i;o=200-(S(b+5)*126)%256;x.fillStyle=R(0,o,0,1);x.fillRect(940+((i/60)%1)*S(b)*200,400+i*6%400,8,8);}

Dec 27 2017 12:01 AM UTC

}// 138/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/sigveseb

merry christmas!
u/joe724

Beautiful!
u/Chipnstein

just got plastuer and made a nice redish background to apply this on my desktop, awesome!
u/vrishankm13

new here, but this is already my all time favorite, so beautiful
u/lionleaf

Awesome! Merry Christmas :D Some good ones last year as well, if you manage to find them ^^
u/hollo47

#tree #christmas
u/vain

beautiful xmas tree

show FPS hide FPS share 3 remixes fullscreen

snail

function u(t) {

x.transform(540,0,0,540,(c.width=1920)/2,540);
for(i=-t,n=20;n--;i+=t/8)
x.lineTo(C(i), S(i));
x.fill("evenodd");

Dec 26 2017 10:19 PM UTC

}// 113/140

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

u/sigveseb

starts of basic then gets pretty cool
u/lionleaf

It gets cooler and cooler the longer you wait!
u/vain

i love it

show FPS hide FPS share 14 remixes fullscreen

bobdunn

function u(t) {

c.width=1920; /* clear the canvas */
  for(i=0;i<64;i++)
  x.fillRect(i*30, 400 + C(4*t+(i*3))*100, 27, 200)

Dec 26 2017 10:16 PM UTC

}// 108/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/sigveseb

This is one of the coolest takes on the starter dweet I've seen in a while!
u/Xen

impressive
u/j0bit

Hypnotic
u/darrencearnaigh

Aye, that implied double-helix in the movement is pretty cool.
u/hope4tg

I like how if you stare at it long enough, you see shifting concave diamonds. Very cool!
u/3yanlis1bos

Mental
u/Xen

done you a remix https://www.dwitter.net/d/4101
u/hoppla1232

If you look at the dark spots, it moves faster
u/atgz

this makes my brain go mushy

show FPS hide FPS share 1 remix fullscreen

Cistoran

remix of d/1231 by u/iverjo

function u(t) {

c.width^=0;for(i=9;i<1e3;i+=2)s=3*(9.1-(t+i/99)%9),x.beginPath(),j=i*7+S(i*4+t+S(t)),x.lineWidth=s+s,x.arc(960,540,s*100,j,j+.6),x.stroke()

Dec 26 2017 9:17 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/lionleaf

Beautiful!
u/iverjo

Nice! Looks like it's a remix of https://www.dwitter.net/d/1231
u/Cistoran

It is! I'm new to the site and wasn't sure how to tag it as such. My apologies!
u/Xen

you can live edit the code of any dweet and a 'remix' button appears, click that and it posts with a link to the original ;-)
u/lionleaf

No worries, I've got you sorted ;-) Just make sure to use the remix feature next time. Nice remix, didn't immediately recognize it as such.
u/J2D28U

Damn... I'm new as well and this exchange has kept me here!
u/Xen

all welcome. :-)

show FPS hide FPS share 15 remixes fullscreen

Citiral

function u(t) {

w=1920;for(c.width=i=w;i>=0;i-=10)for(j=0;j<1080;j+=10){i2=i-w/2;j2=j-1080/2
d=Math.sqrt(i2*i2+j2*j2)/60
o=9+C(d-t*5)*5
x.fillRect(i,j,o,o)}

Dec 26 2017 8:51 PM 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/Xen

nice style...
u/Xen

done you a remix #3711
u/sigveseb

very nice steuff
u/sigveseb

stuff*
u/QuincySx

nice
u/netwander

fz_free@tom.com
u/Mew_

sweet
u/rhys5584

all glory to the hypno toad
u/IcanDivideBy0

Math.hypot(i2,j2)
u/SIGILLIM

This is oddly relaxing
u/donbright

remix https://www.dwitter.net/d/5200
u/f8f82804

#halftone
u/Fox

huh, this could make a pretty good desktop background
u/vain

looks really great

show FPS hide FPS share 3 remixes fullscreen

recursive

remix of d/1976 by u/recursive

function u(t) {

for(d=256;--d;)for(X=-32;++X<32;x.fillRect(960+X*8e3/d,100+7e4/d-h,120,9))x.fillStyle=R(h=(C(a=d/9+t*6)+C(X/9+a/3))*35,g=h+C(X^d)*6+90,g/.8)

Mar 9 2017 12:33 AM UTC

}// 140/140

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

Bluer waves

Show more comments…
u/sfz

Incredible
u/sigveseb

Epic
u/FireFly

This is crazy, great stuff :D
u/iverjo

Best water on dwitter thus far!
u/iverjo

I also tried to achieve this some time ago, but yours is much more convincing
u/iverjo

https://www.dwitter.net/d/65 and https://www.dwitter.net/d/254 and https://www.dwitter.net/d/295 and https://www.dwitter.net/d/366
u/recursive

Your idea gives really great color to the surface. I wonder if it's possible to animate the colors using your idea, and the wave geometry and lighting using mine.
u/magna

(ノಠ益ಠ)ノ彡┻━┻
u/Renaud___

very very nice
u/jsizzle

Seriously amazing. Wow
u/SpecialAgent

Bravo
u/ideokan

i am a web developre, feeling like a dumb monkey in here
u/PiggyClone205

Welcome to the club, ideokan.
u/Godcranberry

This sis amazing, totally my favorite
u/Godcranberry

is* mb fam
u/iverjo

#water
u/hollo47

#ocean
u/katkip

#waves
u/vain

Very nice and lovely wave

dwitter.net | ose (2885)