Dweets awesomed by u/alexander

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

tomxor

remix of d/15355 by u/tomxor

function u(t) {

eval(unescape(escape`挮獴祬攽❦楬瑥爺楮癥牴⠱✻景爨愽戽瀽㌮ㄴⱩ㴲攴㭩ⴭ㭡⬽⡲ⵡ⭢⩓⡡⩰⤩⼴Ɫ⬽⠰ⵡ⩢⭃⡡⩰⤩⼴⥩☱☦砮晩汬剥捴⠹㘰⬶㐰⩓⡙㵢⬲⤪䌨堽愯⸳⤬㠰〫㘴〪䌨天Ⱞㄬ䌨堫⸵⤪⨮㤫⸱籼⸱Ⱳ㴨楞愪椯琩┲⤻`.replace(/u(..)/g,"$1%")))

Aug 10 2019 11:46 PM UTC

}// 140/140

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

M Class ? #planet #space

Show more comments…
u/tomxor

#waitforit
u/aleamb

nice!
u/13thptr

amazing! #d3 #shading
u/tomxor

Thanks :)
u/magna

O M F G
u/moto

great
u/katkip

looks good

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

eval(unescape(escape`景爨挮睩摴桼㵯㵛椽眽㤶そ㭩ⴭ㬩潛楝㵛㈮ㄫ䌨愽椫琯㤩⩃⡢㵩⨲〩ⱓ⡡⤪䌨戩ⱓ⡢⤬恨獬⠤筩紬㘹┬㔰╠崻景爨孚ⱘⱙⱸ⹦楬汓瑹汥嵯映漮獯牴⠩⹲敶敲獥⠩⥸⹦楬汒散琨眫眪堯娬㔴〫眪夯娬猽㔰⽚⽚ⱳ⤻`.replace(/u(..)/g,"$1%")))

May 8 2019 7:09 AM UTC

}// 139/140

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

Depth demo

Show more comments…
u/pavel

181 for(c.width|=o=[i=w=960];i--;)o[i]=[2.1+C(a=i+t/9)*C(b=i*20),S(a)*C(b),S(b),`hsl(${i},69%,50%`];for([Z,X,Y,x.fillStyle]of o.sort().reverse())x.fillRect(w+w*X/Z,540+w*Y/Z,s=50/Z/Z,s)
u/pavel

Notice how the objects 'in front' are always drawn 'in front'
u/pavel

This requires a bunch more chars and is only needed when objects have unique colors, which requires more. It seems impossible to do this without compression.
u/pavel

Pretty simple technique, when generating the 3d points instead of directly drawing them, store them in an array, sort it by depth back to front, then draw.
u/keithclark

175. Removed need for reverse() by reversing the projection (far points are painted near and vice-versa): for(c.width|=o=[i=w=960];i--;)o[i]=[C(a=i-t/9)*C(b=i*20),S(a)*C(b),S(b),hsl(${i},69%,50%];for([Z,X,Y,x.fillStyle]of o.sort())x.fillRect(w+w*X/(j=2.1-Z),540+w*Y/j,s=50/j/j,s)
u/keithclark

158 - for(c.width|=o=[i=w=708];i--;o[i]=[C(a=i+t)*C(b=i*20),S(a)*C(b),S(b),R(a)]);for([Z,X,Y,x.fillStyle]of o.sort())Z-=2,x.fillRect(960+w*X/Z,540+w*Y/Z,s=50/Z/Z,s)
u/Joachim

#d3 #ball

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

remix of d/13325 by u/KilledByAPixel

function u(t) {

for(i=0;i<2e3;x.fillRect(i?960+i*S(F=260*(t+9)/i+S(i*i)):0,i?500+.2*(2*i*C(F)+2e4/i):0,K=i++?S(i)*9:2e3,K))x.fillStyle=R(99*i,2*i,i,i?1:.4)

Apr 20 2019 7:07 PM UTC

}// 139/140

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

#blackhole

Show more comments…
u/DataMeta

Quite cool!
u/katkip

wow
u/aleamb

epic!
u/donbright

#space #astronomy
u/KilledByAPixel

Full explanation on my blog: http://frankforce.com/?p=6378
u/chenliang

cool
u/katkip

top of the year

show FPS hide FPS share 6 remixes fullscreen

magna

remix of d/6493 by u/magna

function u(t) {

x.fillRect(0,0,2e3,2e3);for(i=64;i--;)for(x.setTransform(1,0,0,1,i%8*240,(i>>3)*135),j=99;j--;)x.clearRect(120+C(t+j/4)*50,67+S(j*i)*50,3,3)

Jan 26 2018 1:14 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/donbright

!!!!!!!!!!
u/donbright

man this is... unbelievable
u/aleamb

fucking awesome!
u/magna

thanks! there's a lot of room to play around with variations with this idea. go nuts!
u/sandstedt

Amazing!
u/zanella

I didn't know computers could do such thing. :D
u/rikardlindstrom

Wowwowowow
u/Qwitter

!!!!!!!!!!!!!!!!!
u/Qwitter

This makes me just eant to give up a qwit
u/sigveseb

Really nice :D
u/sigveseb

64-in-1 dweet value megapack ^^
u/diceroll123

how do i give you Dwitter Gold™️?
u/magna

I only take Dwittercoin, but thanks for the thought!
u/Qwitter

Have a Dwitcoin <svg height="40" width="40"><circle cx="10" cy="15" r="9" stroke="#999900" stroke-width="2" fill="#bfbf22" /><text x="7" y="20" fill="#cfcf00">$</text><text x="5" y="20" fill="#eeee00">D</text></svg>
u/bepisTM

wait what, dwitter comments support tags?
u/Qwitter

<del>no</del>
u/bepisTM

<span style="color:#f06">test</span>
u/Qwitter

<svg height="20" width="40"> <text x="5" y="10" fill="red" transform="rotate(30 0,0)">P</text> <text x="10" y="10" fill="red" transform="rotate(20 0,0)">A</text> <text x="15" y="20" fill="red" transform="rotate(-20 0,0)">S</text> <text x="20" y="35" fill="red" transform="rotate(-30 0,0)">S</text> </svg>
u/StarStep

pass
u/lionleaf

#multi_dweet #awesome #visualization
u/lionleaf

#multidweet
u/rodrigo.siqueira

A collection of Lissajous patterns
u/vain

Lissajous patterns in 140 chars? top!

show FPS hide FPS share fullscreen

MrFuzzzy

function u(t) {

c.width=999;if(!t)a=Array(99).fill(99)
c.onmousemove=d=>a[0]=d.clientY*1.5
for(i=1;i<99;i++){x.strokeRect(i*9,a[i]=a[i]*.6+a[i-1]*.4,99,99)}

Jan 8 2018 7:54 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/Xen

nice idea
u/sigveseb

Haha I saw this and I was like "this one totally reacts to mouse input" before I even looked at the code :D nice one
u/magna

Love this!
u/Xen

sigveseb i dont even check anymore, i just wave my mouse over every dweet... :-D
u/iverjo

#interactive

show FPS hide FPS share fullscreen

alexander

remix of d/5322 by u/Xen

function u(t) {

x.globalAlpha=.1
x.lineWidth+=t
x.strokeStyle=`hsl(${(Z=t*t/8)*7},100%,50%)`
x.beginPath()
x.fill(x.arc(960,540,Z%2*600,Z-1,Z+1))
x.stroke()

Jan 3 2018 1:33 PM UTC

}// 140/140

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

Gets progressively more trippy

show FPS hide FPS share fullscreen

Xen

remix of d/3167 by u/Xen

function u(t) {

for(i=c.width|=0;i--;x.fillRect(960+S(p=.9*i+S(t)*3e3/i*S(t))*(d=i*i/1e3)-i*C(t),540+C(p)*d-i*S(t),s,s))x.fillStyle=R(Z=t*i%255,s=i/5,255-Z)

Jan 2 2018 9:31 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/jbl

WOW! 💯
u/lionleaf

Testing new links u/Xen
u/Xen

Yay! d/5309
u/donbright

i would have said this was impossible if i didnt see it
u/lionleaf

#alien #needle #color #floppy #rotation
u/sybarita

Yo what ... this is amazing
u/mrperson59

Is this what sleeping beauty pricked her finger on?

show FPS hide FPS share 1 remix fullscreen

travistx

remix of d/5281 by u/travistx

function u(t) {

x.lineWidth=40
x.strokeStyle=`hsl(${t*60},100%,50%)`
x.beginPath()
x.arc(960,540,t%2*300,t*4,t*4+.1)
x.stroke()

Jan 2 2018 5:31 PM UTC

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

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

alexander

remix of d/4973 by u/alexander

function u(t) {

x.lineWidth=10
c.onmousemove=function(e){X=e.clientX*3.385;Y=e.clientY*3.385}
c.onclick=function(e){c.width=1920}
x.lineTo(X,Y)
x.stroke()

Dec 31 2017 3:13 PM UTC

}// 138/140

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

More precise mouse controls

u/coderkid

It is true for this feed view, it doesn't work on different canvas sizes. try full screen.
u/alexander

Yeah I've tried, but I feel that the feed view is more important

dwitter.net | alexander (547)