Dweets awesomed by u/lewdev

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

prplz

function u(t) {

c.width|=0;x.scale(20,20);for(i=96,t*=2;i--;)for(j=54;j--;)if((i^j)&8)x.fillRect(i+S(t+j/9),j+S(t+i/9),z=1.11,z)

Mar 4 2018 3:22 AM UTC

}// 112/140

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

u/akm

your use of bitwise operator's pretty cool!!
u/dwitter

looks pretty good
u/geb

#background
u/UEZ

#flag

show FPS hide FPS share 1 remix fullscreen

jylikangas

function u(t) {

for(c.width=250,t*=Y=w=69;Y--;x[f](-w+Y*7-S(t/w)*w,0,7,50+S(Y^w)*9))x[f='fillRect'](w-w/(z=Y)+S((v=Y+t)/w)*z*3,w+w/z,v&4?350/z:0,S(v/9)*3)

Mar 1 2018 9:50 AM UTC

}// 138/140

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

OutRun :)

Show more comments…
u/sigveseb

Yeeees!
u/joeytwiddle

Whoa nice :D
u/Renaud___

wow
u/zanella

Just the road and the skyline effects alone are awesome. Dwitter is getting more and more awesome. :)
u/artfarnaa

thanks Jyklikangas. Your dwits are very motivating.
u/TheGreatRambler

Really nice!
u/aleamb

#road

show FPS hide FPS share fullscreen

snydej

remix of d/7060 by u/snydej

function u(t) {

for(T(0,i=4e3,.06);r=--i**4.3;T(t**(i<9?9:i<30)*200+r,a=r%5*S(i+t)**2,51*a))T=(w,s,a)=>x.fillRect(w*2%2e3,w%1079,s,s,x.fillStyle=R(a,a,a,a))

Feb 24 2018 2:52 AM UTC

}// 140/140

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

Golfed this one better and added a few details, like differing star sizes.

Show more comments…
u/DirtyDan

Cool!
u/snydej

Feature request: When in fullscreen center the canvas and fill unused space with black. I'm guessing the white background is there in case the dweet has transparency. Would it be possible to put the canvas in a div with a white background and put a black background behind that?
u/New_Core

Did you want t?0:c.height=2e3 infront of your dweet and expand the w%1079 number by a few 100?
u/snydej

It'd be nice but I don't have the room to add it to this dweet. I'm sure some dweets do that and so I tried to suggest a fix that wouldn't break that behavior.
u/AnnanFay

"When in fullscreen center the canvas and fill unused space with black" This seems like it would break many dweets.
u/snydej

By unused space I mean the space OUTSIDE the canvas. This is pretty standard behavior when fullscreening anything.
u/snydej

For instance, d/6967. On my monitor the canvas does not extend to the bottom of the screen in fullscreen mode and there is a white bar running along the bottom. This makes the dweet look cut off. If it were a black bar it would look fine because the screen would just look dark there. This is how everything from TVs to YouTube deal with fullscreening when the source material that has a different aspect ratio from the screen.
u/snydej

by d/6967 above I meant https://www.dwitter.net/d/6967 I think the period messed up the link
u/snydej

Actually it looks like the canvases already their background color set to white (I had assumed that the background was not set and that setting it would change the rendering of some dweets, but it looks like that's not the case.) So you wouldn't even need the additional div that I suggested originally.
u/Renaud___

Beautiful
u/aleamb

amazing
u/joeytwiddle

I think the canvas is transparent by default, the white is just the page behind it.
u/snydej

Nope, that's what I thought too. The image data within the canvas is initially transparent (this affects the rendering of dweets that call x.drawImage(c, ... ) but there is also a background css property on the canvas that is set to white and this causes transparent areas of the canvas to show up as white regardless of what's behind them. You can try this out by locally tweaking the css for the body element that contains the canvas. On most dweets you don't see any part of this element unless the dweet is fullscreened but there are exceptions like d/7084 . I don't know what the best way to handle that would be.
u/donbright

:)
u/iverjo

#stars
u/joeytwiddle

#landscape #scene
u/larzuk

quite impressive!
u/vain

nice night sky with shooting stars. just incredible work

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/2470 by u/joeytwiddle

function u(t) {

for(i=c.width=90;i--;t?x.fillText(T[i],i%4*17,9+10*(i>>2)):T[i]=g=i)onclick=e=>(((h=4*(e.y>>6)+e.x/99|0)-g)**2|17)^17||(T[g]=T[h],T[g=h]='')

Feb 6 2018 9:41 AM UTC

}// 140/140

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

As promised, this version prevents cheating, although there is still one "special move" you can use ;-)

u/joeytwiddle

(The aim of this game is to arrange the numbers vertically)
u/zanella

This is freaking awesome. I'm getting genuinely scared of what can be done here. Sooner or later someone will post a dweet that mines bitcoins.
u/Apex

@zanella that's already possible lol, but Monero to be specific
u/joeytwiddle

#interactive #puzzle #game
u/fujimotos

#playable

show FPS hide FPS share fullscreen

Paisley

function u(t) {

c.width|=0
!t?(Y=500,v=0,D=1,c.onclick=()=>v+=15):Y-=v*D,v-=0.2,D=Y<200||Y>999?0:1
x.font='200px x'
x.strokeText(D?'🦆':'🍗',999,Y)

Feb 5 2018 10:12 PM UTC

}// 129/140

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

Attempted to make a "flappy duck" game, there must be a way to add obstacles, I couldn't find the chars tho :(

u/AnnanFay

Hmm, there's block characters like ▓▆ǁ and shapes like ⎔/⬢. You'll want to use fillText though.
u/lionleaf

#interactive #game #flappybird #emoji
u/fujimotos

#playable

show FPS hide FPS share fullscreen

aleamb

function u(t) {

c.width=255,x.font="30px p",!t&&(s=y=0,b=140,c.onmouseup=e=>{s++})
y<b&&(y+=a=t*t-s)
x.fillRect(b,b,30,2)
x.fillText(y>b&&a>2?'💥':'🚁',b,y)

Jan 25 2018 8:41 PM UTC

}// 138/140

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

You must land the helicopter smoothly. Click on canvas to stop the fall.

Show more comments…
u/aleamb

For reset game, refresh page. i did not have space for build a reset.
u/bepisTM

oh my god this is really cool
u/lionleaf

Haha, amazing :) Awkward to reset, but I managed to land the helicopter!
u/donbright

lolo
u/donbright

top 5 anime endings
u/joeytwiddle

Oh man. I finally landed it! :-D
u/joeytwiddle

Nice #game !
u/aleamb

thanks joeytwiddle
u/katkip

Wowowowow
u/aleamb

#interactive

show FPS hide FPS share fullscreen

aleamb

function u(t) {

for(i=s=33;a=s*s,i--;)for(d=t*1e8&1<<i;a--;)m=a%s,n=a/s,x.fillStyle=R((m^n)*70),x.fillRect(((d?s-m:m)+s*i)*3,n*3,3,3);x.drawImage(c,0,96)

Jan 24 2018 3:55 PM UTC

}// 137/140

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

Building an infinite maze.

Show more comments…
u/aleamb

I did not have space for Math.random, so i have used the decimals from t variable multiplying by 1e8 and then extract one variable bit for true/false condition. Thus it is not true random
u/aleamb

Better said, it is worst than Math.random
u/donbright

kewl
u/aleamb

#maze
u/rep_movsd

Similar ones I did (inspired by 10PRINT)
u/rep_movsd

Similar ones I did (inspired by 10PRINT)
u/rep_movsd

https://www.dwitter.net/d/15089 and https://www.dwitter.net/d/15107

show FPS hide FPS share fullscreen

ellisk1

function u(t) {

c.width|=z=4+C(t);r=89;f=a=>x.lineTo(250*z+r*C(q=a-S(t+a)/3)*z,99*S(2*t)+r*z*(1+S(q)));f(0);f(1.3);f(2);f(2.5);f(0);f(2);r=99;f(2);x.fill()

Jan 23 2018 4:09 AM UTC

}// 139/140

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

Flying Paper Airplane

Show more comments…
u/donbright

:)
u/sigveseb

Nice idea
u/trupples

Woah
u/aleamb

Great idea. Very nice dweet.
u/Qwitter

Cool
u/Xen

but is it flying towards or away?
u/ellisk1

Good question! It's up to the viewer haha
u/mrbhawk

This is my favourite dweet ever.
u/aleamb

the most elegant dweet ever seen
u/hollo47

#paperplane #elegant
u/joeytwiddle

#model

show FPS hide FPS share fullscreen

Bam191

remix of d/5936 by u/Bam191

function u(t) {

x.fillStyle=t?'#0f0':x.fillRect(0,0,宽=2e3,宽),r=Math.random,x.font="3em'",b=t*宽%1100,b>1e3?a=r()*宽:x.fillText(String.fromCharCode(r()*宽),a,b)

Jan 12 2018 1:56 PM UTC

}// 140/140

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

With help from the code golf team, we were able to get the matrix crawl to have a black background :D

u/sigveseb

would be cool to have some sort of feature in dwitter to group effects into categories. Here's my take at matrix! :D d/4922
u/iverjo

Tags would be helpful for grouping effects
u/rippedspine

nice!
u/joeytwiddle

#matrix

show FPS hide FPS share fullscreen

DirtyDan

function u(t) {

p=Math.PI*2
c.width=a=1920
b=540
for(i=0;i<a;i+=192)for(j=0;j<b;j+=10){z=j/b*p
x.fillRect(a/2+b*S(z)+8*C(z),b*C(i/a*S(z+t))+99*C(z),9,9)}

Jan 7 2018 2:53 AM UTC

}// 137/140

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

dwitter.net | lewdev (33077)