Dweets awesomed by u/hvianna

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 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

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

Paisley

remix of d/6713 by u/Paisley

function u(t) {

c.width|=0
x.font='220px m'
x.fillText("😖,😄,😃,😅".split(",")[Math.floor(t%2*2)],Math.abs(100*(t*6 % 32-16)),400+600*Math.pow(t%2-1,2))

Feb 4 2018 2:14 PM UTC

}// 133/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 1 remix fullscreen

bepisTM

function u(t) {

if(t)c.width=192;else v=0,h=50
c.onclick=p=>h==50&&(v=-3)
x.fillText("🚗",90+20*S(t),h=Math.min(h+(v+=.2),50))
x.fillRect(0,52,192,99)

Jan 28 2018 11:10 AM UTC

}// 133/140

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

click to jump

u/joeytwiddle

+1 click to jump :D

show FPS hide FPS share 1 remix fullscreen

DonKarlssonSan

remix of d/5876 by u/DonKarlssonSan

function u(t) {

if(!window.a)a=new AudioContext,o=a.createOscillator(),o.connect(a.destination),o.start()
c.onmousemove=d=>o.frequency.value=d.clientX*3+99

Jan 11 2018 7:49 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/Lazy1337

Nice idea, but it became annoying after a while ^^ I had to edit the code to a syntax error
u/Lazy1337

killed the sound in FF which surprised me, I had to test in Chrome but it didn't work
u/DonKarlssonSan

📣📢 Move the mouse! 🔉🔊
u/DonKarlssonSan

@Lazy1337 works in both Firefox and Chrome on my Mac.
u/iverjo

#sound
u/metamero

#theremin
u/IV

lol, woke my neighbour up!

show FPS hide FPS share 2 remixes fullscreen

sigveseb

remix of d/5776 by u/ETHproductions

function u(t) {

t&&a<1920||(a=b=q=0,p=t*77%23+4,h+=20)
x.font='9em"'
x.fillText('🃏',a+=p,b)
b+=q++
b>930&q>0?q*=t%1/9-.9:0};{h=0

Jan 9 2018 12:05 AM UTC

}// 112/140

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

Remixed on my phone so I didn't clean up unused variables etc. Just wanted to see how this looks with emojis :)

show FPS hide FPS share 2 remixes fullscreen

magna

remix of d/5716 by u/magna

function u(t) {

d=x.createImageData(w=c.width=100,w);for(i=0;i<4e4;d.data[i++]=i%T(i%(t/1.1|0)*(t/1.3|0)+T(t/33))*255);x.putImageData(d,0,0)

Jan 8 2018 3:53 AM UTC

}// 124/140

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

u/joeytwiddle

I am having trouble receiving this dweet. Still trying to tune in...
u/magna

Try moving to higher ground.
u/iverjo

lol @joeytwiddle
u/iverjo

Kudos for packing so many different flavors of noise in 124 bytes
u/magna

#noise

show FPS hide FPS share fullscreen

Exca

function u(t) {

c.width|=e=y=>x.fillRect(k,720-y,50,y<0?3:8)
for(i=32;i--;){w=S(i*C(t+i/7))*(32-i)
w*=w/2
while(w>0){x.fillStyle=R(w-=8)
k=i*60
e(w)
e(-w)}}

Jan 5 2018 2:05 PM UTC

}// 140/140

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

Thanks for helping with the last few bytes go to poro

u/sigveseb

the reflections really make this one!
u/joeytwiddle

Very cool. Here is a retro-spect-rum: d/2411

show FPS hide FPS share fullscreen

veubeke

function u(t) {

t*60&127?0:T=[0,L=.001]
S=[c.width^=0]
T.map((_,i)=>S[i*2-1]=(_+T[i-1])/2+(Math.random(x.fillRect(i,540-_,2,S[i*2]=_))-.5)/L)
T=L<2?S:T
L*=2

Jan 3 2018 8:09 PM UTC

}// 140/140

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

Simple terrain generation using midpoint displacement

u/iverjo

Nice alternative to perlin noise!
u/sigveseb

Very nice! And with the horizontal flat line we can pretend that is the sea level; everything above is a mountain and everything below is the sea :)
u/iverjo

#random

show FPS hide FPS share 2 remixes fullscreen

hoplite

function u(t) {

x.fillRect(0,0,i=w=c.width=2e3,w);x.fillStyle="#fff";for(;i--;)T=t*99,z=w*99/(i-T%1),a=i+T-T%1,x.fillRect(C(a*a)*z+1e3,C(a*w)*z+500,w/i,w/i)

Jan 1 2018 11:14 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/eyalcohen4

Starwarsy
u/iverjo

#stars
u/zbstof

Reminds me of Windows 3.11 #screensaver - Starfield

dwitter.net | hvianna (8384)