Dweets awesomed by u/davidsharp

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

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

jylikangas

function u(t) {

c.width=900
for(j=9;j--;x.beginPath())for(a=T(t/j),i=16;i--;x.stroke())x.lineTo(200+j*60+S(t)*99+S(a+=(7-i)%2*11)*25,240+(i%4>>1)*99+C(a)*9)

Jun 24 2018 9:58 AM UTC

}// 140/140

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

Wireframe #default

Show more comments…
u/aleamb

greeeeat!
u/magna

YAY!
u/joeytwiddle

Brilliant
u/donbright

my gosh....
u/vain

great work / code !
u/joeytwiddle

That's not a #cube, it's eight cuboids!

show FPS hide FPS share 3 remixes fullscreen

pythech

function u(t) {

c.width|=0
with(x)for(translate(900,500),i=10*t;i-->0;fill())beginPath(fillStyle='red'),arc(5*i,0,20*C(i*.9)+30,0,9),rotate(-Math.PI*2*.618)

Jun 18 2018 3:43 AM UTC

}// 140/140

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

.618 is an approximation to the golden ratio. Putting .5 == 1/2 will create 2 spokes. Similarly .6 == 3/5 will create 5 spokes.

u/pythech

Inspired by Numberphile: https://www.youtube.com/watch?v=sj8Sg8qnjOg
u/DataMeta

I really dig it!
u/aleamb

love it!
u/zanella

You had me at "golden ratio".

show FPS hide FPS share 1 remix fullscreen

veubeke

function u(t) {

r=Math.random
for(a=2e3;a--;x.fillRect(a,b,9,9))_=r(b=r()*960)*200>Math.hypot(a-960,b-400)-99,x.fillStyle=R(s=(_?7:r()+2)*40,s,220+_*r()*20)

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

u/joeytwiddle

#sun in #sky or possibly reflected in #water aka #sea aka #ocean
u/aleamb

amazing!

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

function u(t) {

for(c.width|=k=511;k--;x.fillRect(960-W-500*S(j/41)*C(a),960-j*(i+S(a)),2*W,9))i=k>>5,j=k%32,x.fillStyle='#f7f'+j/5,W=99*S(j/10)*S(a=t+i*17)

May 29 2018 10:12 AM UTC

}// 140/140

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

Happy Vesak! https://en.wikipedia.org/wiki/Vesak

u/joeytwiddle

Here is the colourful 3d version: https://codegolf.tk/a/270
u/fujimotos

Lotus!
u/hollo47

This is absolutely beautiful!
u/lionleaf

Amazing! #vesak #flower
u/aleamb

great!!

show FPS hide FPS share 2 remixes fullscreen

generative-eu

function u(t) {

c.width=1920;x.lineWidth=10;for(i=0;i<40;i++){s=S(i/6);x.beginPath();x.arc(960,540,15*i,a=s*t,a+2);x.strokeStyle=R(0,0,0,.5+s/3);x.stroke()}

May 21 2018 4: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).

show FPS hide FPS share 1 remix fullscreen

prplz

remix of d/8150 by u/prplz

function u(t) {

x.font='4em a'
r=Math.random
for(i=666;i--;x[y+C(t/2)*T&8^z+S(t/2)*T&8?'fillRect':'clearRect'](y*T,z*T,T=32,T))y=r()*66,z=r()*T

May 20 2018 1:45 PM UTC

}// 127/140

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

Thanks u/jylikangas for the re-using T technique

u/Xen

nice effect, you no longer need font
u/prplz

haha oops

show FPS hide FPS share fullscreen

loernz

remix of d/8062 by u/nix

function u(t) {

for(c.width=i=1e3;i>1;i-=9)x.beginPath(),s=1+S(1+S(i)+t),x.ellipse(500+99*s*s*1.7,(s*600)+t,h=80*(1+S((S(t/7)+i))),h,s*10,-s-i,6),x.stroke()

May 11 2018 9:54 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

New_Core

function u(t) {

t?c.width=-1:a=1
a+=(t%6)-3
x.arc(300+a,119-68*S(2*t%3.16),50,0,7)
x.stroke()
x.clip()
x.font="6cm A"
x.fillText("Dwitter",200*S(t)-200,160)

May 11 2018 9:01 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/uchenna

please i'm new to javascript how can i use this code on my project
u/sigveseb

this is a cool one!
u/prplz

Nice! I didn't know about clipping
u/BuRRak

Cool! By commenting out clip you see what is going on a bit more!‮
u/fujimotos

#text
u/13thptr

#clip

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/8082 by u/magna

function u(t) {

for(i=389;i--;x.fillText('🌈',i%26*80-S(a=t*2+i/2)*70,~~(i/26)*80+C(a*.9)*70));

May 11 2018 5:35 AM UTC

}// 78/140

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

dwitter.net | davidsharp (7034)