Dweets awesomed by u/Jenky

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

cantelope

remix of d/2359 by u/Jenky

function u(t) {

x.globalAlpha=.1
x.fillRect(0,0,i=w=2e3,w)
if(!t)for(p=[];w--;)p.push([w*9%i,w])
p.map(v=>{v[0]+=C(t+=.2),v[1]-=S(t),x.clearRect(...v,9,9)})

Apr 1 2017 7:36 AM UTC

}// 140/140

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

Experimenting with map. Might need more practice heh.

u/sigveseb

Nice style
u/donbright

love the fade

show FPS hide FPS share fullscreen

magna

function u(t) {

c.width=1920;for(i=9;i--;x.fillRect(400+i*100+S(t)*300,400,50,200));with(c.style)transform=`perspective(200px)rotate3d(1,1,1,${S(t/9)}turn`

Apr 1 2017 4:43 AM UTC

}// 139/140

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

Thinking outside the box.

Show more comments…
u/sigveseb

:D
u/lionleaf

haha, amazing
u/aemkei

Super fun! It's the perfect demo for April Fool's day.
u/magna

:D
u/magna

#default
u/katkip

#d3

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/2352 by u/sfz

function u(t) {

c.width=w=512
with(x)filter='sepia(1',fillRect(0,h=240,w,w),font='9em a',fillText('🚃',w-(t*w&1023),h+(t&4)),fillRect(Math.random()*w,0,1,w)

Apr 1 2017 2: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).

u/cantelope

all aboard the steampunk trolly!
u/nonce

ahahaha
u/magna

Challenge: Add vignette, film grain and random scratches.
u/magna

#film

show FPS hide FPS share 1 remix fullscreen

codeslaw

function u(t) {

m=400
x.fillRect(0,0,c.width|=i=m*5,i)
x.globalCompositeOperation='screen'
while(i--)x.fillText('💙❤️💚',990+S(t/i**.1)*m,550+S(i/t**.02)*m)

Mar 31 2017 8:50 PM UTC

}// 138/140

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

Analog

Show more comments…
u/magna

OMFG
u/nonce

oh my, this is great.
u/nonce

I feel like this might open the floodgates with people making use of the globalCompositeOperation setting... if only it was shoter :-p
u/codeslaw

You take a 30-40 char hit depending on which mode, but there's still room for fun :D
u/donbright

doesnt seem to work on linux chrome or linux firefox
u/codeslaw

Ah bummer

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

Jenky

function u(t) {

c.width=c.clientWidth
t?p.map(v=>{x[v[2]?'lineTo':'moveTo'](...v)}):p=[]
x.stroke()
onmousemove=e=>p.push([e.pageX,e.pageY,e.buttons])

Mar 31 2017 1:48 PM UTC

}// 134/140

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

Basic drawing program, not sure if this has been done similarly already, should work cross-browser

show FPS hide FPS share 1 remix fullscreen

Jenky

function u(t) {

w=c.width|=0
for(i=0;++i<99;)z=50+~~(i**2/80),x.font=z+`px a`,x.fillText(['🌲','🌳'][i%2],(S(i)*w+t*z*4)%(w+z)-z,z*5)

Mar 31 2017 11:58 AM UTC

}// 115/140

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

Trees to go along with https://www.dwitter.net/d/2352 :D

Show more comments…
u/Jenky

I challenge someone to combine the two, golfing that is gonna be a doozy
u/z3vin

i love this can you explain: z=50+~~(i**2/80), specifically ~~ and **
u/nonce

~~ is Math.floor() and ** is Math.pow(), I do not understand why you need to floor? Why do you need an integer z? Also i*i is 1 char shorter than i**2 so you could shorten it to: z=50+i*i/80 am I missing something?
u/nonce

FWIW you can have a non integer font size
u/nonce

Golfed a bit, removed the pines (they are evergreen) and added a season: https://www.dwitter.net/d/2361 (autumn)
u/Jenky

Totally missed that, and didn't realise fonts could have floating px. Nice remix, too :D
u/sfz

floating px makes the rendering much slower but it's doable with a reasonable amount of entities
u/nonce

@sfz what about floating em? What is the perf like for that?
u/aemkei

Nice one! Really love the style.
u/aemkei

You can save ~9 bytes:
u/aemkei

for(w=c.width|=i=0;++i<99;)z=50+(i**2/80),x.font=z+px a,x.fillText(i%2?'🌲':'🌳',(i**7+t*z*4)%(w+z)-z,z*5)
u/tapgiles

Very nice!
u/Polyducks

omg haha are these emoji!? That's so smart!!!
u/joeytwiddle

#landscape #parallax #trees
u/micahcowan

#emoji
u/katkip

#perspective

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

cantelope

remix of d/2328 by u/cantelope

function u(t) {

x.save(),x.translate(960,540);for(i=99;i--;x.fillStyle=`hsl(${i*6+t*800},80%,90%`,x.fillRect(a=i*10,a,-a*2,-a*2),x.rotate(.775));x.restore()

Mar 31 2017 5:50 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 FPS hide FPS share 2 remixes fullscreen

sfz

remix of d/2351 by u/nonce

function u(t) {

c.width=w=512
with(x)fillRect(0,h=240,w,w),clearRect(t*999%w-31,h+7,93,9),font='9em a',fillText(['🚗','🚃','🚙'][~~(t/2)%3],w-(t*w&1023),h)

Mar 31 2017 4:25 AM UTC

}// 136/140

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

dwitter.net | Jenky (2198)