New #emoji dweets

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

davidsharp

function u(t) {

c.width|=0,s='🕐🕑🕒🕓🕔🕕🕖🕗🕘🕙🕚🕛'
with(x)font="100px a",fillText(s[0]+s[1+2*(((new Date()).getHours()%12)-1)],1000,500)

Jun 26 2018 4:03 PM UTC

}// 113/140

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

This is just the time rounded down in hours, there's a bunch of logic that could be golfed away if the clocks string was also golfed down (the first character of each emoji is the same, these also count against the 140 characters)

u/davidsharp

Darn, string should've been 🕛🕐🕑🕒🕓🕔🕕🕖🕗🕘🕙🕚
u/micahcowan

Pretty neat!The -1 doesn't work out for hours at 0 or 12. Could have added 23 (before the % 12) instead of subtracting 1 (or yeah, your string-based fix).
u/micahcowan

#emoji #clock
u/davidsharp

I think I fixed the string, and adjusted the numbers, but then undid a bunch of changes, including my string fix and adjusted the code for the broken string instead 🤦‍♂️

show FPS hide FPS share 1 remix fullscreen

pythech

remix of d/5183 by u/coderkid

function u(t) {

c.width|=0
with(x)for(i=9;--i;font="15em 🤔")fillText('🤔',C(t*i)*300+999,S(t*i)*300+640)

May 29 2018 8:07 PM UTC

}// 87/140

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

emoji spinner #emoji

show FPS hide FPS share fullscreen

jylikangas

remix of d/7978 by u/BuRRak

function u(t) {

for(X=120,Y=99,c.width=i=-1;++i-3;x.font=2.5-i+"em a",x.fillText([...'🌞🌍🌑'][i],X+=r/2+C(a=t*i**2)*r,Y+=S(a)*r)-r/2)r=i*(90-i*40)

May 4 2018 9:00 PM UTC

}// 128/140

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

Different implementation. Arc version in the comments below.

u/jylikangas

with(x)for(X=150,Y=90,c.width=i=-1;++i-3;arc(X+=C(a=t*i*i)*r,Y+=S(a)*r,k/4,0,7),beginPath(fill()))r=i*(k=80-i*35),fillStyle=R(v=!i*X,v,r*4)
u/prplz

Is it flat?
u/BuRRak

You guys are crazy :D
u/micahcowan

#emoji

show FPS hide FPS share fullscreen

joeytwiddle

function u(t) {

c.width=420;x.scale(25,25),i=0;for(j of '🌇🌆🌅🌉🌃🌌⛺🌄')k=4*C(6.28*i++/8-t/5)-3,x.globalAlpha=k<0?0:k,x.fillText(j,3,9)

Apr 30 2018 10:27 AM UTC

}// 114/140

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

Stellar-themed serene scenes

u/lionleaf

Nice one! #emoji
u/joeytwiddle

Blurred out of the park in Chrome v83 on Linux
u/joeytwiddle

Fixed version: c.width=420;x.font="13em'",i=0;for(j of "🌇🌆🌅🌉🌃🌌⛺🌄")k=4*C(6.28*i++/8-t/5)-3,x.globalAlpha=k<0?0:k,x.fillText(j,75,185)

show FPS hide FPS share fullscreen

Agnes

function u(t) {

for(c.width|=i=M=20+~~t,x.font="128px A";i--;x.fillText("🐷",1920*i/M,540+300*S(6.4*i/M+t)));

Apr 26 2018 11:00 AM UTC

}// 92/140

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

Swine wave #swine #sine

Show more comments…
u/zanella

*applause*
u/Aezur

Swinewave function. Nice. :P
u/lionleaf

#emoji
u/sigveseb

Lol
u/lionleaf

Reference to typo on d/7779 🤣
u/iverjo

lol

show FPS hide FPS share fullscreen

Agnes

function u(t) {

with(x)for(c.width|=i=9,scale(m=100,m),font='2px A',fillText("🚚",r=20-t*(1+.2*C(t)),6);i--;fillRect(Math.min(4+i+S(t)*3,r+i/2-4),4,.5,2));

Mar 9 2018 1:49 PM UTC

}// 138/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/fujimotos

Haha, good.
u/jylikangas

Awesome! Reminds me of Shikato animations. :D
u/aleamb

Lol! nice!
u/Xen

love it :-)
u/magna

LOL
u/M1T0

haha very smart
u/Agnes

#default
u/joeytwiddle

#physics
u/micahcowan

#truck #emoji
u/vain

haha... great idea and impressive implementation

show FPS hide FPS share fullscreen

Paisley

function u(t) {

c.width|=0
!t?(Y=500,v=0,D=1,c.onclick=()=>v+=15):Y-=v*D,v-=0.2,D=Y<200||Y>999?0:1
x.font='200px x'
x.strokeText(D?'🦆':'🍗',999,Y)

Feb 5 2018 10:12 PM UTC

}// 129/140

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

Attempted to make a "flappy duck" game, there must be a way to add obstacles, I couldn't find the chars tho :(

u/AnnanFay

Hmm, there's block characters like ▓▆ǁ and shapes like ⎔/⬢. You'll want to use fillText though.
u/lionleaf

#interactive #game #flappybird #emoji
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 fullscreen

akm

function u(t) {

f=document.getElementsByTagName('canvas')[1]
r=f.getContext('2d')
r.font='50px Arial'
r.fillText('😀1🍇1🍉1🍊1🍒1🍍1😉'.split(1)[~~t%7],0,0)

Feb 2 2018 11:37 PM UTC

}// 133/140

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

I improved the stats

u/akm

(you might need to "refresh" the code by adding/removing a character to activate the stats)
u/BirdsTweetCodersDweet

lol
u/13thptr

#emoji #stats

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

dwitter.net | #emoji