Dweets awesomed by u/stephsmith

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

p01

remix of d/2962 by u/FireFly

function u(t) {

for(c.width|=i=61;i--;i&3?x.fill(x.lineTo(C(t+i*2)*j*q+960,q+!j*(i&8?-q:q))):x.beginPath(q=540))j=i&1,x.fillStyle=`hsla(${i*6},99%,50%,.3)`

Jul 29 2017 7:41 PM UTC

}// 139/140

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

Another take on @Firefly et al's spinning gem 💎

u/lionleaf

#gem #diamond

show FPS hide FPS share 2 remixes fullscreen

veubeke

function u(t) {

t?_[Math.random(B=c.width^=0)*6|0]++:_=[0,0,0,0,0]
x.font='100px O'
_.map((v,i)=>x.fillText('🐌',110+v,$=200+i*179,x.fillRect(0,$-130,B,4)))

Mar 17 2017 10:17 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/sigveseb

Lol!
u/veubeke

Fun hack: using *6 instead of *5 for the index adds a 6th element containing NaN. The 6th line is visible but not the snail because drawing the snail involves the NaN value.
u/gabrielsroka

neat, but are the snails going backwards?
u/innovati

you're too silly :3
u/tapgiles

What's with the _?
u/veubeke

@gabrielsroka: if you have an emoji font with a snail looking left then they’re going backwards, yes
u/lionleaf

Going backwards on my phone, but forwards on my laptop. This should be part of the snail emoji spec!!
u/veubeke

I’ll bring it up at the next snail emoji consortium meeting.
u/gabrielsroka

lol, they're soooo slow, they're going backwards. and yes, mine look left
u/gabrielsroka

according to http://emojipedia.org/snail/ Apple is in the minority, and Windows 8.1 looks left
u/magna

On my computer, the best snail always wins.
u/ilSilvano

Great idea! :-D
u/iverjo

#random
u/micahcowan

#emoji #snailrace

show FPS hide FPS share fullscreen

p01

function u(t) {

for(c.width|=i=48;i--;x.fillText(['🐸','🌷','☁️️'][k],64*S(k?i:i/9-t),i*3*C(k||i/7-t)))x.setTransform(j=((k=i>>4)*t+48-i)%16,0,0,j,960,540)

Mar 5 2017 3:53 PM UTC

}// 137/140

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

** SPACE HARRIER **

Show more comments…
u/iverjo

LOL, nice :D
u/lienthealien

D: it's incredible. I still don't fully understand whats going on the begginning of the for.
u/p01

Thanks! Touching the width ( or height ) of a canvas resets it. c.width|=i=48; ⇒ Sets i to 48. Does a binary OR of 48 on the width of the canvas and resets ( it mostly clears it ) the canvas
u/sfz

redrawing the canvas and initializing i, nice!
u/lienthealien

p01 are you a wizard?? :v
u/donbright

doesnt seem to like firefox/ubuntu
u/iverjo

Hmm, why can one not do '🐸🌷☁️️'[k]? Is it simply because they are not single-byte characters?
u/p01

@iverjo: Exactly. Although I should have used [...'🐸🌷☁️️'][k] to save 3 bytes
u/andres

emojis exist on two planes of universes
u/AstonC

Phenomenal
u/joeytwiddle

#dragon #worm #game #tribute
u/joeytwiddle

#hiddengem
u/f8f82804

#emoji
u/stephsmith

#smokedweeteveryday
u/geb

#background

show FPS hide FPS share 3 remixes fullscreen

tbroadley

function u(t) {

c.width^=0;for(i=3;i++<11;)a=i*S(t)/4,x.beginPath(),x.arc(960,540,40*i,Math.min(t+a,t+3*a),Math.max(t+a,t+3*a)),x.lineWidth=i*i/5,x.stroke()

Feb 26 2017 5:40 AM UTC

}// 140/140

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

u/sfz

sweet loader
u/Kalanchoe

mesmerizing!
u/Tosmatobeef

This is my favorite kind of loading animation
u/iverjo

#loading

show FPS hide FPS share 5 remixes fullscreen

mxfh

function u(t) {

c.width=w=1920;π=Math.PI/2;λ=0;r=w/4;for(φ=-π;φ<π;φ+=1/r){λ+=.1;x.lineTo(C(φ)*S(λ-t)*r+w/2,(C(t)*S(φ)-S(t)*C(φ)*C(λ-t))*r+r)}x.stroke()

Feb 20 2017 11:57 AM UTC

}// 135/140

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

simple orthographic projection; try some factors on the lat λ and lon φ offsets t

Show more comments…
u/mxfh

simple orthographic projection; try some factors on the lat λ and lon φ offsets t
u/wicktwo

Niiiice!
u/as

i love this one
u/ssg

nice variable names!
u/donbright

so elegant
u/lionleaf

#sphere
u/lionleaf

#d3 . (3d is currently not a valid hashtag)
u/BirdsTweetCodersDweet

#whichwayround #inorout

show FPS hide FPS share 1 remix fullscreen

icecuber

function u(t) {

c.width=192;A=Math.abs;Y=A(t*99%176-88);X=A(t*139%376-188);x.F=x.fillRect;x.F(X,Y+7,3,3);x.F(187,Y+C(X/39)*29,5,20);x.F(0,Y-S(X/29)*22,5,20)

Apr 24 2016 12:39 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/lionleaf

I'd love a blog post explaining how you approached creating this one!
u/iverjo

+1
u/SpecialAgent

+1
u/FireFly

I love this one—the movement doesn't really feel all that artificial despite being so. Hats off for figuring out how to get the pads to that :)
u/dh7

+1 very well done !!!
u/joeytwiddle

Amazing. Looks so real. Some handy techniques in here too :)
u/donbright

genius
u/TheGreatRambler

How do you do that under 140 chars?
u/lionleaf

#pong
u/lionleaf

#game
u/joeytwiddle

#tribute
u/Lazy1337

#witchcraft
u/vain

incredible - great work

You've reached the end.

dwitter.net | stephsmith (1335)