Dweets awesomed by u/shensd

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

anotherkitten

function u(t) {

for(c.width|=i=384;i--;x.fillText(...k?['egg',700+C(t*99)*9,600+S(t*57)*9]:['🥚',C(i)*2e3,(i+t)*99%2e3-99]))x.font=(k=i==99)?"9cm A":"5cm A"

Nov 28 2018 8:01 PM UTC

}// 139/140

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

u/veubeke

eggciting :D
u/lionleaf

#egg

show FPS hide FPS share fullscreen

shensd

function u(t) {

c.width|=0;l=S(t)*300;x.fillRect(0,0,1920,620);for(i=l;i<l+250;i++){x.fillStyle=R(i/2,i/4,i,255);x.fillRect((i+600),(i+300),300,300)}

Jan 4 2018 5:16 AM UTC

}// 134/140

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

He appears

u/magna

Nice idea!
u/Xen

good style

show FPS hide FPS share 2 remixes fullscreen

jbl

remix of d/5314 by u/jbl

function u(t) {

c.width|=i=300
x.lineWidth=.1
while(--i)q=19+S(t/6)/28*i,x.arc(S(q/3)*i+q*60,(C(q*S(t/2))+4)*i/2+200,(C(q)*60+200)*S(i/96),0,7)
x.stroke()

Jan 4 2018 2:37 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 more comments…
u/magna

Nice!
u/nystrand

cool!
u/rikardlindstrom

love it!
u/iverjo

It looks organic
u/lionleaf

#balloon #organic #floppy
u/leonarven

Damn that looks impressive, still such simple! :)
u/skeletonNatte

Somehow pretty unsettling

show FPS hide FPS share fullscreen

sandromiccoli

function u(t) {

x.strokeStyle=R(0,0,0,0.1);for(i=0;i<9;i++){r=t*i/100000;x.rotate(r);s=20+t*25*i;x.strokeRect(c.width/2-s/2,c.height/2-s/2,s,s)}

Jan 4 2018 2:16 AM UTC

}// 128/140

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

u/magna

Pause, print, sell prints, profit!
u/sandromiccoli

<3

show FPS hide FPS share 2 remixes fullscreen

BackendForth

function u(t) {

c.width=1920
for(i=0;i<1920;i+=4)
{s=i/99-t*4%27+5
w=Math.pow(2,-s*s)*99+9
x.fillRect(i,540-w/2+S(i/43)*9+(i>960?i/2-480:0)*(i%8?1:-1),8,w)}

Jan 4 2018 1:11 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 more comments…
u/justinwzig

This rocks
u/magna

Awesome!
u/lurifax

Smooth!
u/sigveseb

Niiice
u/jbl

beautiful!
u/Bugsy

Golfed and slightly cleaned at https://www.dwitter.net/d/5543. Have fun with the extra characters!
u/Bugsy

(cleaned is referring to some slight blockiness on the right side of the animation, not the code. My code is much uglier :P)
u/BackendForth

Neat! TIL Javascript accepts python notation for exponents.
u/ETHproductions

Golfed even further at https://www.dwitter.net/d/5601. Now there's 30 extra chars to play around with :-)
u/mohd-akram

I was expecting it to open like a zip :D
u/lionleaf

#feynman #feynman_diagram #organic #quantum_field_theory
u/lionleaf

#zip
u/rodrigo.siqueira

Neural sign propagating through axon terminals
u/rodrigo.siqueira

#neural
u/rodrigo.siqueira

#neuralnetwork

show FPS hide FPS share fullscreen

eviltoad

remix of d/5428 by u/eviltoad

function u(t) {

t||(a=s=1);f=(n)=>n<0|n>2080?s*=-1:x.fillRect(0,a=n,2920,50*Math.random());x.fillStyle=R(a*S(t/.1),a*C(t+.1),a*S(t));f(a+s);x.rotate(a);

Jan 3 2018 10:37 PM UTC

}// 136/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 3 remixes fullscreen

hoplite

function u(t) {

i=c.width=96;for(;i--;)for(k=54;k--;)A=t=>(S(i/9+t)*S(k/7)+S(k/9+t)*S(i/7-t))*255,x.fillStyle=R(A(t),A(t+.2),A(t+.4)),x.fillRect(i,k,1,1)

Jan 2 2018 10:57 PM UTC

}// 137/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/Xen

very nice style
u/sigveseb

Quite excellent, very nice
u/joeytwiddle

Lush
u/magna

Wow! Nice!
u/crimbles

That's so nice
u/Chipnstein

Woah... new dosktop background
u/codeslaw

Yes
u/joeytwiddle

#plasma #metaballs #color
u/vain

nice plasma like fx

show FPS hide FPS share fullscreen

RomanW

remix of d/5233 by u/RomanW

function u(t) {

z=34;f=(60*t)%960;'ȏ܀လa8๼0৷耠ĻƟ臿ﰿ聛＝〇ﾛ态繨ﰀε＀Əﾀ؇￠ᨃ￠簁｠㼀＀羀羀翀⟀῀㏠࿀ᇰϠᡰǰ࠸xࠌ࠘ం耄᠀〆㠀ข瀡Ǡ耿'.charCodeAt(f/16)>>f%16&1&&x.fillRect(f%31*z,~~(f/31)*z,z,z)

Jan 2 2018 4:12 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/Pjaerr

That's cool.
u/Chipnstein

Was expecting dickbut... not exactly disappointed but still cool
u/aemkei

OMFG! This is incredible!!
u/aemkei

but shorter but ugly: f=60*t;x.fillRect(f%31*9,f/3,'ȏ܀လa8๼0৷耠ĻƟ臿ﰿ聛＝〇ﾛ态繨ﰀε＀Əﾀ؇￠ᨃ￠簁｠㼀＀羀羀翀⟀῀㏠࿀ᇰϠᡰǰ࠸xࠌ࠘ం耄᠀〆㠀ข瀡Ǡ耿'.charCodeAt(f/16)>>f%16&1,9)
u/RomanW

Nice aemkei, thanks!
u/oldspork

This is amazing. I'm brand-new to coding and very new to Dwitter; how on Earth do all of those symbols and letters code for a picture of the Earth?
u/RomanW

Hi oldspork! The magic happens with the function charCodeAt. This function gets the numeric value of one character at a time. Since these are UTF-16 characters, you can get 16 bits of information in one character.
u/lionleaf

#globe #earth #bitmap #pixelart
u/Purpzie

Is there an easy way to make these kinds of things? (specifically how the data for each pixel is stored)
u/dsamarin

String.fromCharCode.apply(null, new Uint16Array(34).map((r) => Math.random()*0xffff))

show FPS hide FPS share fullscreen

nystrand

function u(t) {

for(i=w=3e3,a=b=g=333*T(t%9/7);j=(i^a*a)%4,i--;x.fillRect(a+=g+C(j*5+t)*g-a/2-w+g,b+=g+S(j*9+t)*g-b/2-w,s,s),w=2)x.fillStyle=R(s=w*9,w,s,.1)

Dec 28 2017 2: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).

Show more comments…
u/sigveseb

This one is fantastic! Good job indeed
u/Bendoman

Brilliant!
u/Xen

very very impressive!
u/magna

HOW ON EARTH
u/nic

MIND:=BLOWN
u/lowpoly

Gawd, I learnt a lot today
u/Citiral

Since when does Javascript support black magic?
u/sigveseb

Needs more upvotes!
u/doof

this was such a delight to unpack :)
u/Lazy1337

wow
u/aleamb

amazing
u/iverjo

I'm awestruck
u/xem

unbelievable
u/trapkid

lol
u/aleamb

epic! one of the greatest dwitter
u/ThreeNPlusOne

sierpinski triangle :D
u/xem

It'd be nice to have a blog post explaining it :) (please?)
u/trupples

I didn't look much into it but it might have to do with a thing I read about once where if you have a point that "walks" half the distance towards a random corner of a triangle you'll end up drawing a sierpinski triangle sorta like you can see in https://www.dwitter.net/d/5097
u/trupples

And according to http://distrustsimplicity.net/articles/sierp… if you were to use 4 points instead of 3 you'd get a tetrahedron like in this dweet. Fascinating stuff
u/stiaje

#witchcraft
u/lionleaf

#top_of_the_year
u/Scaledish

wow
u/Tekmap

👏👏👏👏👏
u/vain

that's not from this world! incredible code / 3d fx and blur
u/rodrigo.siqueira

3D flying #sierpinski pyramid #fractal

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

dwitter.net | shensd (1231)