Top dweets by u/nonce

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

nonce

remix of d/2357 by u/Jenky

function u(t) {

w=c.width|=0
c.style.filter=`hue-rotate(${-t%60}deg`
for(i=0;++i<99;)z=50+i*i/80,x.font=z+`px a`,x.fillText('🌳',(S(i)*w+t*z*4)%(w+z)-z,z*5)

Mar 31 2017 4:47 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/cantelope

Looks great in chrome. seems the filter does not work in ff.
u/cantelope

i see now it simulates the changing of the seasons. very cool!
u/nonce

May I ask what FF are you on? I have FF 52.0.2 (on MacOS) and it seems to work.
u/donbright

color does not work on firefox / ubuntu. 52.0.1 64 bit, however it still looks amazing in black and white! i just love the whole effect of it, brilliant.
u/cantelope

@nonce I checked it in FF 45.8 on Win10 ( screenshot http://lookie.ml/i-12BLJO ), but Chrome is my primary browser. I've noticed that unicode tends to render somewhat inconsistently between browsers, which is why i avoid using it. But it's a great graphical hack when it works. :D
u/nonce

Oh my, it might not be consistent but I almost spat my soda all over my screen when I saw that screenshot.
u/Lazy1337

#landscape
u/Lazy1337

#trees
u/joeytwiddle

2023: working on FF Nightly on Android

show FPS hide FPS share fullscreen

nonce

remix of d/2311 by u/Lappi

function u(t) {

c.width=1920;x.font='9em Arial';
for(i=0;i<360;i++)
x.fillStyle=`hsl(${i*t/10},99%,50%)`,
x.fillText('▒▒',i*5,S(i*5+t*i/200)*400+600);

Mar 29 2017 4:55 AM UTC

}// 135/140

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

u/tapgiles

Great idea to add texture!
u/donbright

fascinating patterns going on here! i like to contrast the left w the right

show FPS hide FPS share fullscreen

nonce

function u(t) {

f=frame
g=_=>'\\uD83C\\uDD'+(230+_).toString(16)
m=f%25,n=~~(f/25)
x.font='40px o'
x.fillText(eval(`'${g(m)}${g(n)}'`),m*76,n*43)

Mar 31 2017 6:42 AM UTC

}// 129/140

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

Flags of the world. Inspired by: https://esham.io/2015/04/emoji-flags-redux

u/Jenky

Doesn't work at all in Windows, which is a shame :( - Cool to see the range on mobile, though!
u/Polyducks

Works fine in Chrome on Windows for me!
u/f8f82804

#emoji
u/katkip

Where is A as a row

show FPS hide FPS share fullscreen

nonce

remix of d/2330 by u/mxfh

function u(t) {

with(x)font='9em sans-serif',fillStyle=`hsl(${S(t*8)*180},90%,${t%.3<.1?70:0}%)`,fillText('П',905,560),drawImage(c,-20,-10,1960+S(t),1100)

Mar 28 2017 7:03 PM UTC

}// 138/140

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

u/donbright

font='9 em sans' also works :)
u/nonce

@donbright great tip!
u/cantelope

'9em x'' seems to do the same thing as '9em sans' ¯\_(ツ)_/¯
u/donbright

this reminds me of an old carnival ride in my home town, it was called Phantasmagoria, no longer in operation, but you would ride thru tunnels of glowing pillar-gates. good times. nice job

show FPS hide FPS share fullscreen

nonce

remix of d/2271 by u/Jenky

function u(t) {

w=(c.width=c.clientWidth)/2;m=!t?0:m;c.onmousemove=e=>m=e.layerX;x.font="9em A";x.translate(w,200);x.scale(m<w?1:-1,1);x.fillText('👀',0,0)

Mar 27 2017 6:34 AM UTC

}// 138/140

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

Move the mouse over the eyes

show FPS hide FPS share 2 remixes fullscreen

nonce

function u(t) {

c.width=600
x.font='9em a'
x.fillText(['🚗','🚃','🚙','🚚','🚌'][(_=~~(t/2))%5],620-(t*512&1023),250)
c.style.filter=`hue-rotate(${_*60}deg`

Mar 31 2017 3:41 AM UTC

}// 135/140

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

Traffic

u/nonce

(count the colors)
u/cantelope

i think i saw my car!

show FPS hide FPS share 1 remix fullscreen

nonce

remix of d/2299 by u/nonce

function u(t) {

with(x)font='999px Impact',strokeStyle=`hsl(${t*9%360},99%,50%)`,setLineDash([lineWidth=9,2e3]),lineDashOffset=t*99,strokeText('❤',500,850);

Mar 26 2017 5:43 PM UTC

}// 140/140

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

u/tapgiles

Doesn't seem to do anything for me in Chrome. ♡ seems to render something at least...

You've reached the end.

dwitter.net | nonce (165)