Dweets awesomed by u/yokljo

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

f8f82804

remix of d/10658 by u/f8f82804

function u(t) {

for(c.width|=i=13;i--;x.lineTo(967+(y-1?0:1e3*S(p)/z),1e3*y/z))y='011112101211'[i],z=y-1?3:3+C(p=t+1.57*'012340302014'[i]);x.fill('evenodd')

Oct 25 2018 5:41 PM UTC

}// 140/140

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

#d3 #perspective #octahedron

u/pavel

Here is 12 characters saved: c.width^=i=0;for(y of'111121012110')x.lineTo(960+y%2*S(p=t+1.6*'123403020140'[i++])*(z=1600/(3+y%2*C(p))),y*z);x.fill('evenodd')
u/f8f82804

using 1.6 to approximate Math.PI/2 is OK, but you should change all the 4s to 0s in the second data string, just to minimze the aggregate angular error. I used 4 for clarity, because 1.57 is accurate enough that the error is hard to notice. With 1.6 you can notice that one edge is longer than the others. c.width^=i=0;for(y of'111121012110')x.lineTo(960+y%2*S(p=t+1.6*'123003020100'[i++])*(z=1600/(3+y%2*C(p))),y*z);x.fill('evenodd')

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

eval(unescape(escape`睩瑨⡸⥻挮睩摴桼㵸⹦㵦楬汒散琬瑲慮獬慴攨㤶〬㔴〩Ⱳ潴慴攨琪⸷⤻景爨椽㔻ⴭ椻牯瑡瑥⠱⸵㜩⥻晩汬却祬攽恨獬⠤筴⨹素㘰┠⑻椪㠫㈵紥总景爨樽㤹㭪ⴭ㭦⠲㤹ⰱ〰Ⱝ㐰〬㄰〩⥦⠲〰⭪ⱪⴳ〰Ⱝ樬㐰〭権絽`.replace(/u(..)/g,"$1%")))

Oct 25 2018 2: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).

rotating impossible square

u/anotherkitten

decompressed: https://pastebin.com/aB4CyAKg
u/anotherkitten

i bet one of you smart folk can fit the shape in 140
u/joeytwiddle

Nice!

show FPS hide FPS share fullscreen

pavel

remix of d/10653 by u/anotherkitten

function u(t) {

with(x)for(c.width=-1,translate(150,i=84);--i;rotate(t),t=2.1,fill(new Path2D('M67 28 9-72-9-72 37 11-19 11-28 25')))fillStyle=R(a=50*i,a,a)

Oct 24 2018 8:24 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/yonatan

hah! - works as a separator
u/anotherkitten

dang, well done. wasn't sure if it was doable.
u/lionleaf

Nicely done!
u/aleamb

cool!
u/magna

damn.
u/joeytwiddle

Very good
u/katkip

Awesome!
u/katkip

#path2d
u/pavel

#uncompressed in black and white

show FPS hide FPS share 3 remixes fullscreen

yonatan

remix of d/10629 by u/yonatan

function u(t) {

s=c.style;s.backgroundBlendMode='difference';for(b=[i=9];i--;s.background=b)b[i]=`radial-gradient(at ${50+S(t+i)*50}%${i*9}%,#fed,#012 50%)`

Oct 24 2018 7:13 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/lionleaf

Wow! That's trippy and cool looking :D Looks like an oil spill or something #plasma #oil #oil_spill
u/joeytwiddle

Great!
u/tomxor

Neat, looks like #diffraction and #Interference, I guess it is litterally the later.
u/katkip

cool
u/Purpzie

Still seems to look the same without s.backgroundBlendMode='difference'
u/yonatan

Dwitter doesn't reset CSS styles when you edit the code. Try making it '' instead of 'difference'
u/lionleaf

u/yonatan Oh, I guess that's a bug.
u/DataMeta

Absolutely incredible

show FPS hide FPS share 1 remix fullscreen

rbong

function u(t) {

eval(unescape(escape`⁴㼱㩭㵮敷⁗敢䅳獥浢汹⹉湳瑡湣攨湥眠坥扁獳敭扬礮䵯摵汥⡕楮琸䅲牡礮晲潭⡠尰慳洁尰尰尰ĆŜ态缁缃ȁ尰܅ā慜ぜ《ँݜ〠尰⁜ぬୠⱣ㴾挮捨慲䍯摥䅴⠰⤩⤩⹥硰潲瑳㭡㵭⹡⡴⤻砮晩汬剥捴⡡ⱡⱡⱡ⤊`.replace(/u(..)/g,"$1%")))

Oct 22 2018 7:16 PM UTC

}// 139/140

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

Useless WebAssembly Example

Show more comments…
u/rbong

Note that this will probably only work on the desktop in Chrome and Firefox. Source below.
u/rbong

Compiled with: https://github.com/rbong/dwitter-wasm
u/rbong

.wat file source: (module (export "a" (func $a)) (func $a (param $0 i32) (result i32) (i32.mul (get_local $0) (get_local $0))))
u/rbong

.js source: a=m.a(t);x.fillRect(a,a,a,a)
u/yonatan

#wasm
u/joeytwiddle

awsm
u/katkip

i dont understand
u/katkip

oh, nvm awesome

show FPS hide FPS share 3 remixes fullscreen

ersagun

function u(t) {

for(i=j=0,f=24;f--;i+=d("◴∈⌹⌙⍈⌮⌠⌇⌢⌑⌆⌤⌾⍃⌣⌘⌯⌧〈⌳〉⌤⌬⌯"),j+=d(
"○⍈⌾⋻⌤⋧⌥⌬⌰⍕⍓⌗⌥⋼⌘⌭⋧〉⌔⌗⍃⌫⌛〈"))d=a=>C(t*f)*(a.charCodeAt(f)-9e3)
x.fillRect(i,j,9,9)

Oct 21 2018 12: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).

#yeah

Show more comments…
u/ersagun

This uses a modified version of DCT. All data is in 2 magic strings. To create your own: https://pastebin.com/zEH5aH1R copy this to a dweet draft, draw, get your own magic strings.
u/katkip

wait wot that s actually toi impresive to think how its made
u/iverjo

Clever!
u/Banjuan

Wow dude!
u/Banjuan

Wow dude!
u/magna

yup.
u/aleamb

yeah!!!
u/f8f82804

Awesome! I don't think I've seen a technique like this before! #compressed #math
u/cantelope

crazy cool

show FPS hide FPS share 1 remix fullscreen

akx

function u(t) {

for(c.width=i=500,x.font="300px sans";i--;)with(x)save(),beginPath(),rect(0,i,1e4,1),clip(),fillText("👻",99+30*S(.02*i+5*t),270),restore()

Oct 20 2018 12:40 PM UTC

}// 139/140

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

spooky!!!

show FPS hide FPS share 3 remixes fullscreen

tomxor

function u(t) {

x.fillRect(0,0,i=2e3,i)
for(t+=160;p=i&1,m=t/C(t/i)+p*(t/2+i%t),i--;)x.clearRect(
960+m*S(n=t/9+i*i)*C(!p*i/t),
540+m*C(n+p*2),s=3-C(n)*3,s)

Oct 17 2018 8:45 PM UTC

}// 140/140

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

#space #planet #saturn

Show more comments…
u/joeytwiddle

Wow, beautiful! I am blown away. #dots #lighting #shading
u/lionleaf

Wow! That's amazing
u/magna

WOW!
u/sigveseb

no way!
u/yonatan

beautiful!
u/jellyedwards

That's incredible, well done!
u/jellyedwards

If you change this bit too use t it's like Saturn uses its ring as a hula hoop: 540+m*C(n+p*t)
u/katkip

woow... gj bro
u/keithclark

Nice!!!
u/aleamb

wow! superb!
u/iverjo

That's pretty rad
u/rnbw

my mind is officially boggled o_o
u/Purpzie

This is absolutely beautiful.
u/tomxor

Thanks for all the kind comments :) for those interested: the key is in the parity bit p=i&1 this allowed me to combine two different but similar functions by multiplying parts in an out on each iteration. You should be able to pull the two apart into something more intelligible.
u/magna

@tomxor are you on Twitter as @tomxor by any chance?
u/tomxor

I am not, nor am I on any other social network... unless you consider Github one :P but a different pseudonym..
u/jylikangas

Beautiful dweet!
u/aleamb

The Cosmos is all that is, or ever was, or ever will be. The contemplation of the this Cosmos stir us.
u/Renaud___

so Beautiful
u/ivylab

This is absolute badass
u/vain

OMG! This part blew me away!
u/jdspugh

Well done!

show FPS hide FPS share 1 remix fullscreen

yokljo

function u(t) {

c.width=1920
x.fillRect(0,0,1e4,1e4)
for(i=1;i<230;i++)x.clearRect(S(t+i*50)*i+970,(o=C(t+i))*.02*i+535+C(750/i+S(t)*.3)*470,o*8,6)

Oct 12 2018 12:28 PM UTC

}// 131/140

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

u/magna

Sweet!
u/arxpoetica

Awesome

show FPS hide FPS share 1 remix fullscreen

veubeke

function u(t) {

c.width^=0
for(i=9;i--;)for(k=20;k--;x.fillRect(960+(_=i*5+S(t)*15-28)*($=20+k/2),k?600+k:400,50*$/20,k?1:200))x.fillStyle=R(0,0,0,k?.8/k:1)

Oct 11 2018 8:57 PM UTC

}// 140/140

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

#default

u/joeytwiddle

#shadow Nice!
u/donbright

greatness

dwitter.net | yokljo (12394)