Dweets by u/AnnanFay

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: #ScaryMovies

show FPS hide FPS share fullscreen

AnnanFay

remix of d/6862 by u/AnnanFay

function u(t) {

x.globalCompositeOperation='hue'
x.drawImage(I,X=t**3%1*2e3,Y=X**3%1e3,s=200,s,X+S(X%4)*X,Y,s,s)};{I=new Image
I.crossOrigin=I.src='//具.pw'

Feb 12 2018 7: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).

!h6q: please link https://picsum.photos/1920/1080?random

u/AnnanFay

Heh, we don't need I.crossOrigin= any more so there's 15 characters to play with.
u/davidsharp

Woah, nice thinking outside of the box 🤯

show FPS hide FPS share 1 remix fullscreen

AnnanFay

function u(t) {

x.putImageData(x.getImageData(X=t**3%1*2e3,Y=X**3%1e3,9,99),X,Y+9)};{I=new Image
I.crossOrigin=I.onload=_=>x.drawImage(I,0,0)
I.src='//具.pw'

Feb 12 2018 12:21 AM UTC

}// 140/140

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

!h6q: please link https://picsum.photos/1920/1080?random

u/AnnanFay

38 remaining after 74 characters to load an image and 28 for x.(get/put)ImageData. If anyone can figure out how to get more characters it would be awesome!

show FPS hide FPS share fullscreen

AnnanFay

remix of d/6857 by u/olligobber

function u(t) {

c.width|=i=8
for(m=200,r=t;i--;m=-m)x.stroke(new Path2D(`M960,${520-m*13/8}l${p=m*S(r)},${m}l${(q=m*S(r+=.79))-p},${m*5/4}h${m*C(r)-q}`))

Feb 11 2018 3:42 PM UTC

}// 137/140

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

u/Yogeshp3

It's one of those things that you can't tell whether it's rotating clockwise or anticlockwise

show FPS hide FPS share 2 remixes fullscreen

AnnanFay

remix of d/6850 by u/yeet

function u(t) {

r=Math.random
for(i=999;i--;)
P=G=>G[i]=(G[i]||0)+9*(r()-.5),
P(T),P(C),
x.fillStyle=r()>.5?'#fff':'#000',
x.fillRect(960+T[i],520+C[i],5,5)

Feb 11 2018 5:30 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 fullscreen

AnnanFay

function u(t) {

// This is a test
c.width=D
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*300,400,50,200)}{D=1920

Feb 10 2018 5:37 PM UTC

}// 94/140

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

I think this is a bug with Dwitter and the code should work.

u/AnnanFay

https://github.com/lionleaf/dwitter/issues/2…
u/AnnanFay

Test <script></script>

show FPS hide FPS share fullscreen

AnnanFay

remix of d/6823 by u/PietPtr

function u(t) {

for(i=0;i<960;i++)
r=Math.random(),
x.fillStyle=R(S(t+i/420)*255,S(r)*255,C(r)*200),
x.fillRect(960-(r*1920)/2,i*r,r*1920,r*i)

Feb 9 2018 11:45 PM UTC

}// 126/140

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

Just messing around and thought it looked cool.

show FPS hide FPS share 1 remix fullscreen

AnnanFay

remix of d/6806 by u/DirtyDan

function u(t) {

c.width|=a=S(t*5)
a=a>0?-a:a
with(x)font='220px x',fill(ellipse(960,750,90+a*50,10,0,0,8)),scale(1,n=.8-a/5),fillText('🌝',815,725/n+a*200)

Feb 9 2018 2:39 AM UTC

}// 138/140

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

u/iverjo

#bounce

show FPS hide FPS share fullscreen

AnnanFay

remix of d/6784 by u/silver_bear

function u(t) {

l=c.width|=a=12
with(x)for(;a-=3;fillRect(-9,6,18,-a*50))setTransform(r=C(θ=(0|Date().slice(13+a,15+a))*.524/(a>3?5:1)),n=S(θ),-n,r,l/2,l/4)

Feb 8 2018 4:06 PM UTC

}// 140/140

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

First time using setTransform, seems useful. .524/(a>3?5:1) is shortform for Math.PI * 2 / (a>3?60:24).

u/AnnanFay

Hmm, just noticed a few things. Would be smaller without with(x) since there's only two method calls. Also we don't need the 0| after the slice because the division will cast for us. So that's 7 characters.
u/akm

You can also remove some parentheses and the l variable: for(c.width|=a=12;a-=3;x.fillRect(-9,6,18,-a*50))x.setTransform(r=C(θ=Date().slice(13+a,15+a)*.524/(a>3?5:1)),n=S(θ),-n,r,960,540)
u/silver_bear

Impressive that you managed to fit both seconds and real hands. Seems I lack a bit of syntax creativity. Nicely done! :)
u/iverjo

#clock

show FPS hide FPS share fullscreen

AnnanFay

remix of d/6717 by u/AnnanFay

function u(t) {

c.width|=0
τ=2*Math.PI
y=S(t*τ*2)
with(x)for(i=2;i<9;moveTo(w=500,w),fill(arc(w,w,w/2,y,τ-y)),fillRect(w*i++-t*w%w,w,60,60))fillStyle='#FE0'

Feb 5 2018 1:23 PM UTC

}// 140/140

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

Incorporated improvements from 21medals and myself. Spent extra characters fixing the chomp rate so pac-man eats every square.

u/AnnanFay

c.width|=τ=6.3,y=S(t%1*τ*2) puts this down to 134 bytes. Thanks to joeytwiddle.
u/DeathBoy

Love it :)

show FPS hide FPS share 1 remix fullscreen

AnnanFay

remix of d/6716 by u/silver_bear

function u(t) {

c.width|=i=0,y=S(t*13),w=500
with(x)for(fillStyle='#FE0',moveTo(w,w),arc(w,w,w/2,y*.8,6.3-y);i<9;fill())fillRect(2*w+w*i+++t*-w%w,w,w/9,w/9)

Feb 4 2018 6:11 PM UTC

}// 140/140

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

6.3 is pretty much 2*PI. Putting fill() where it is causes it to fill the pacman in 9 times but saves a byte. Using with saves another 1-2 bytes.

Show more comments…
u/AnnanFay

#FFEE00 is also supposedly the official Pacman colour.
u/silver_bear

Wow, you're quite a bit more advanced than me. Very nice! :)
u/lionleaf

Cool! Similar to one of the really old dweets by u/iverjo : d/312 . :)
u/21medals

you can save 2 bytes by moving "w=500" to the moveTo()
u/AnnanFay

You can also replace 2*w+w*i+++t*-w%w with 2*w+w*i++-t*w%w for 1 byte, you can save 2 bytes by adding i=2 and w*i++-t*w%w which puts us at 135 bytes
u/AnnanFay

One thing I'd like to fix is the rate which pac-man bites down at. It would be nice if it synchronised with the squares.
u/AnnanFay

Improved: https://www.dwitter.net/d/6738

dwitter.net | AnnanFay (343)