Dweets awesomed by u/hamptonio

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

pangolin

function u(t) {

c.width=1920;f=(y,z)=>{x.lineTo(y*70+980,z*70+540)}
for(i=C(t);++i<25;){for(j=~~t-t;++j<20;){
f(i,0);f(0,-j);f(-i,0);f(0,j);}}
x.stroke();

Mar 14 2017 2:02 AM UTC

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

mxfh

function u(t) {

for(x.setTransform(f=51,0,i=7,f,h=360,h);i--;x.fillRect(i==3?-f:9+i*.6,i,99,1))x.fillStyle=`hsl(${(t+i)*f%h},99%,50%)`;x.strokeText('▲',4,7)

Mar 13 2017 7:50 PM UTC

}// 140/140

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

Dwitter Album Covers

show FPS hide FPS share fullscreen

recursive

function u(t) {

x.fillRect(C(t/5)*960+960,S(t)*270+270,9,9)
x.clearRect(0,h=540,2e3,h)
for(i=544;i-=8;)x.drawImage(c,0,h-i,2e3,8,0,h+i*(S(i+t)/9+1),2e3,8)

Mar 12 2017 11:00 PM UTC

}// 138/140

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

Reflections

u/Renaud___

Nice idea
u/codeslaw

love this
u/FireFly

Lovely reflections :D

show FPS hide FPS share 2 remixes fullscreen

@literallylara

function u(t) {

c.width=1920
R=_=>S(s)+(S(s++)>0?0:1)-.5
for(s=i=H=540;i--;)x.fillRect(a=960+(R()*C(t)-R()*S(t))*H,b=H+R()*H,20,20),x.lineTo(a,b)
x.stroke()

Mar 10 2017 9: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).

Show more comments…
u/sfz

that is so cool
u/donbright

woah! Tensegrity?
u/donbright

this is so much genius!!!
u/lsh

This is amazing!
u/aemkei

Whaa! Cool 3D effect!
u/donbright

loose remix https://www.dwitter.net/d/2112
u/donbright

re-remix https://www.dwitter.net/d/2468
u/donbright

oops i mean https://www.dwitter.net/d/2469

show FPS hide FPS share 3 remixes fullscreen

recursive

remix of d/1976 by u/recursive

function u(t) {

for(d=256;--d;)for(X=-32;++X<32;x.fillRect(960+X*8e3/d,100+7e4/d-h,120,9))x.fillStyle=R(h=(C(a=d/9+t*6)+C(X/9+a/3))*35,g=h+C(X^d)*6+90,g/.8)

Mar 9 2017 12:33 AM UTC

}// 140/140

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

Bluer waves

Show more comments…
u/sfz

Incredible
u/sigveseb

Epic
u/FireFly

This is crazy, great stuff :D
u/iverjo

Best water on dwitter thus far!
u/iverjo

I also tried to achieve this some time ago, but yours is much more convincing
u/iverjo

https://www.dwitter.net/d/65 and https://www.dwitter.net/d/254 and https://www.dwitter.net/d/295 and https://www.dwitter.net/d/366
u/recursive

Your idea gives really great color to the surface. I wonder if it's possible to animate the colors using your idea, and the wave geometry and lighting using mine.
u/magna

(ノಠ益ಠ)ノ彡┻━┻
u/Renaud___

very very nice
u/jsizzle

Seriously amazing. Wow
u/SpecialAgent

Bravo
u/ideokan

i am a web developre, feeling like a dumb monkey in here
u/PiggyClone205

Welcome to the club, ideokan.
u/Godcranberry

This sis amazing, totally my favorite
u/Godcranberry

is* mb fam
u/iverjo

#water
u/hollo47

#ocean
u/katkip

#waves
u/vain

Very nice and lovely wave

show FPS hide FPS share fullscreen

donbright

remix of d/1871 by u/walsh9

function u(t) {

圈=(n,d,N,D)=>{d+D<15?(圈(n,d,n+N,d+D),圈(n+N,d+D,N,D),w=2e3,m=d+D,x.beginPath(),r=w/m/m/2,x.arc(w*(n+N)/m,r,r,0,7),x.fill()):1}
圈(0,1,1,1)

Mar 7 2017 11:35 PM UTC

}// 136/140

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

basic Ford's Circles (sort of like Apollonian Circle Packing but every circle touches the floor, or here, the ceiling)

u/donbright

#math
u/donbright

see also https://www.dwitter.net/d/15086 by @taupelink
u/donbright

#numbertheory
u/taupelink

nice!

show FPS hide FPS share fullscreen

scottglz

remix of d/1855 by u/scottglz

function u(t) {

with(x){c.width^=0;F=f=>110+S(t*f)*100;for(i=9;i--;beginPath(),lineWidth=250,setLineDash([F(i),F(1)]),arc(-90,-90,270*i,0,2),stroke());}

Mar 7 2017 8:53 PM UTC

}// 136/140

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

u/danjah

this one's great!

show FPS hide FPS share 1 remix fullscreen

recursive

function u(t) {

c.width=256;
for(X=255;X--;)for(Y=144;Y--;)
if((q=C(X/8+C(t*7))+C(Y/8+S(t*8))-C(t*3)*2)>0?q<.2||X+t*30&4:Y+t*30&4)x.fillRect(X,Y,1,1)

Mar 5 2017 6:27 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 2 remixes fullscreen

veubeke

function u(t) {

for(i=1920;a=i--/400;x.fillRect(i,400+t*70+_*15,1,99))_=C(a+t)*3+C(a-t)*8+(r=i*i/t%1),
x.fillStyle=`hsl(${140-t*4+_},80%,${40-t*2-_-r*9}%)`

Mar 5 2017 5: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).

Show more comments…
u/iverjo

Nice :) This reminds me of the classic Windows XP desktop background image
u/sigveseb

very nice! can we squeeze in a blue sky?
u/veubeke

I’m trying ^^
u/magna

Not enough Unicode cows. Back to work!
u/Beginner

Amazing!
u/FENRIR

windows xp start up sound went to my head
u/iverjo

#grass
u/joeytwiddle

#landscape
u/vain

Cool and interested way to draw this landscape!

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

dwitter.net | hamptonio (6771)