Dweets awesomed by u/robbyg

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

jellyedwards

function u(t) {

for(w=c.width|=i=290;i--;T=S(t*6.28)*R)x.font='40em a',i<99-t/2||i>99?x.fillRect(w-i*9,0,9,w):x.fillText(["🪓","😃"][~~t%2],T<0?R-T:R,R=700)

Oct 14 2021 8:46 PM UTC

}// 139/140

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

heeeeeeeere's emoji #ScaryMovies

u/pavel

Hah its gets a little wider every hit, nice.
u/lars-erik

No play makes Jack a dull boy! 😄👍
u/sigveseb

love it

show FPS hide FPS share fullscreen

magna

function u(t) {

eval(unescape(escape`󙌽󚍆󛍓󛍘󛍙󛍃󛍦󚜽󟭻󮌮󩭯󫭴󟝠󙍻󡭽󨽭󘌤󮽦󯝠󞽸󛭦󪝬󫍓󭍹󫍥󟝃󞽸󛭦󪝬󫍔󩝸󭌨󤼬󦌪󞜬󦜪󞜩󯜊󙌨󜼰󛌧󧍵󜬵󠝃󙼬󝌰󛌱󜌰󛌧󭍥󨝬󙼩󒬤󚌶󛌧󡍷󪝴󭍥󬬧󛌶󝜬󝼶󛌧󘽦󩭦󙼩󒬤󚌱󜼬󙽜󭝄󞌳󡝜󭝄󡍁󞌧󛌸󞌬󝜲󚜊󙌨󜜬󨍏󙽒󡝉󣍌󦝠󛌴󜌬󜜱󞜬󤬨󚜬󙽡󬭩󨝬󙼩`.replace(/u../g,'')))

Oct 13 2021 10:47 PM UTC

}// 140/140

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

Essential reading

Show more comments…
u/magna

Text positioning tweaked on a Chrome on macOS, so may look screwed up on other browsers.
u/magna

Also, holy shit. Look at those artifacts around the skunk. Who at Apple cleaned that image?
u/magna

*Apple -> Chrome/Google? I don't know who is responsible for the emojis :)
u/mxfh

Lol. Apple Skunkworks I suppose. dwitter is a whole argument while real other browsers should be enforced to be allowed on iOS.
u/rep_movsd

Chromium doest show the skunk :(
u/tomxor

Safari/webkit is the new IE in terms of browser stagnation and bugs, i come to dwitter to not care about it :)
u/mxfh

ok, spotty alpha channels are not that rare: https://observablehq.com/@mxfh/emojis

show FPS hide FPS share fullscreen

ciaccodavide

remix of d/24054 by u/ciaccodavide

function u(t) {

for(m=Math,i=1e4*(t<1);i--;)r=m.random,X=r(),Y=r(),d=m.hypot(j=.5-X,k=.27-Y),x.fillRect(2e3*X,2e3*Y,69-d*345,1);c.style=`margin:${r()}px`

Oct 12 2021 8:45 AM UTC

}// 137/140

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

The Ring #ScaryMovies

u/ciaccodavide

maybe I should have used margin:${r()/2}px for a subtler shake

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/24073 by u/pavel

function u(t) {

u=h=511;for(c.width|=k=0;k<2;k+=.02)for(i=u=u*5&h;w=i--/4;)x.fillRect(((k||S(i))+t/4)%1*h*5-h-u*T%w,T=h+(i&5?i-u:u-i),k?w:u,2+S(T>h&&w+t*9))

Oct 11 2021 8:36 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/KilledByAPixel

nice!
u/yonatan

Thanks. A little too fast, should have been t/8 instead of t/4...
u/aemkei

Thought the same. t/8 is really a calm beauty!
u/yonatan

Yeah, my screen does 30Hz so I only notice it when exporting to a gif.
u/Joachim

I like the animated #water
u/magna

t/h/9*u for parallax
u/magna

Here we go: d/24088

show FPS hide FPS share 1 remix fullscreen

TGY

remix of d/24073 by u/pavel

function u(t) {

for(i=u=~u*7&511;w=i--/4;)x.fillRect(t*2e3-u*T%w,T=640+(i&5?i-u:u-i),w,1)

Oct 11 2021 8:30 PM UTC

}// 73/140

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

show FPS hide FPS share fullscreen

ciaccodavide

remix of d/23983 by u/pavel

function u(t) {

for(c.width&=i=10368;i--;x.fillRect(i&127,i>>7,f(.7),1))f=n=>(z=5-i/3e3-3*n)>T(Math.hypot(i/64%2-1,i/5e3-n)*9-6*t)?f(n+.6+.3*S(t)):--z*.4

Oct 11 2021 8:13 PM UTC

}// 137/140

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

ripple #raytracing #remix

show FPS hide FPS share 3 remixes fullscreen

pavel

remix of d/24056 by u/KilledByAPixel

function u(t) {

for(i=u=~u*7&511;w=i--/4;)x.fillRect((t||S(i))*2e3-u*T%w,T=640+(i&5?i-u:u-i),t?w:u,t?2:i/u)

Oct 11 2021 5:55 PM UTC

}// 91/140

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

u/pavel

for(i=u=~u*697&475;w=i--/4;)x.fillRect((t||S(i))*2e3-u*T%w,T=640+(i&5?i-u:u-i),t?w:u,t?2:i/u) has the parabola shape but is 92 and a little too symmetric.
u/pavel

Err, I meant for(i=u=~u*81&493;w=i--/4;)x.fillRect((t||S(i))*3e3-u*T%w,T=640+(i&5?i-u:u-i),t?w:u,t?2:i/u)

show FPS hide FPS share fullscreen

ArthurThuczsec

remix of d/24008 by u/KilledByAPixel

function u(t) {

for(X=t&&X+r*25,i=h=6+X%4*C(t*5)<<6;--i;x.fillRect(X-r*i/8,600+(r*8&3?i-h:h-i),i/4,r))r=1+S(i^X)

Oct 7 2021 4:07 PM UTC

}// 96/140

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

u/KilledByAPixel

it is a bit smaller with out the sky/water :)

show FPS hide FPS share 1 remix fullscreen

danny@hille.dk

remix of d/23879 by u/danny@hille.dk

function u(t) {

//bounce












eval(unescape(escape`󮬽󨼮󭽩󩍴󪌽󭼽󜬱󞌻󩭯󬬨󫜽󜽥󝌻󫜭󛜻󚝸󛭦󪝬󫍒󩝣󭌨󪜽󫜥󭼬󪬽󫜯󭽼󜌬󮬪󚬮󜜬󜬩󛍲󟜨󦌽󪜯󭼪󝌭󜬩󚭘󚼨󦜽󪬯󭼪󝌭󜜮󜜩󚭙󛍤󟝲󟬱󟽓󚍴󚬴󙜳󛬲󚜯󞌭󛬲󝌺󠼨󬬩󛼷󛍺󟝓󚍘󛽤󛝴󚬱󞜩󚭃󚍙󛽤󚽴󚬹󚜻`.replace(/u../g,'')))

Oct 6 2021 8:38 PM UTC

}// 140/140

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

bouncy bouncy remix

u/magna

Wow! Also, the flex of taking up 22 characters with that preamble :D
u/danny@hille.dk

u/magna thanks :-)
u/danny@hille.dk

glsl version -> https://glslsandbox.com/e#75728.1
u/danny@hille.dk

#d3 #ball

show FPS hide FPS share 4 remixes fullscreen

KilledByAPixel

remix of d/20239 by u/KilledByAPixel

function u(t) {

for(i=c.width|=0;i--;)x.arc(960,540+C(i/40-t*6)*40,i,0,9)
x.stroke()

Oct 4 2021 11:17 PM UTC

}// 68/140

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

Moiré Waves

u/sigveseb

Wow, somehow this one looks the same in fullscreen too for me. I was expecting it to have completely different patterns because of the moire effect!
u/theonewhostands

May I ask why you used 'c.width|=0'? to my understanding, it should always return the same value. 1920 | 0 = 1920
u/danny@hille.dk

when you set the with of a canvas, the canvas is reset/cleared, c.width|=0 is 2 char shorter than c.width=1920
u/theonewhostands

Interesting. I understand now. Thank you very much!
u/magna

Whoa!

dwitter.net | robbyg (44918)