Dweets awesomed by u/4ce

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

4ce

remix of d/26285 by u/4ce

function u(t) {

x.lineWidth=25;x.arc(990,360,60,6,6);x.arc(990,720,60,0,3);x.arc(1005,150,75,3,6);x.arc(990,900,90,0,3);x.arc(990,330,90,3,3);t||x.stroke()

Oct 13 2022 2:11 AM UTC

}// 139/140

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

Simple code style : paperclip. 📎 d/26251 Strong copy like a obfuscate original version. (maybe⠀i⠀lost⠀joke...)

Show more comments…
u/4ce

And 3 paperclip. 📎 ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ My code style: paperclip. 📎 d/26251 With Math.Pi and without tricks 139 symbol, not strong copy... x.lineWidth=25;P=Math.PI;x.moveTo(1050,343);x.arc(990,720,60,0,P);x.arc(1005,150,75,P,0);x.arc(990,900,90,0,P);x.lineTo(900,343);x.stroke() ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ More short version paperclip. 📎 d/26251 Strong copy, 129 symbol,tricks like in no 📎 d/26286 and d/26284 x.lineWidth=25;for(A=0;A<5;A++)x.arc(A==2?1005:990,[360,720,150,900,330][A],A<2?60:A>2?90:75,'60303'[A],'63633'[A]);t||x.stroke() ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ MoreMore short version paperclip. 📎 d/26251 Strong copy, 126 symbol but in svg version d/26285 113symbol x.lineWidth=25;for(A=5;A--;)x.arc(A==2?1005:990,[330,900,150,720,360][A],A>2?60:A<2?90:75,'30306'[A],'33636'[A]);t||x.stroke() ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ //Sorry for flood. I make 📎 chaain!(but i try not "flooded" in future...) ~_^⠀goodLuck!
u/tomxor

I'm pretty sure the SVG version can go even smaller if you convert it to relative commands (lowercase)
u/jasnh

*floods anyways because the code formatting adds really inefficient line breaks*
u/4ce

For: u/tomxor ≈"SVG ver. smaller if convert"(?) Yes it's true: SVG path in canvas: paperclip. 📎 d/26251 not strong copy, 108symbol! x.lineWidth=24;x.stroke(new Path2D('M1048 343V720a1 1 0 11-118 0V150a1 1 0 11148-2V900a1 1 0 11-178 0V343')) And some time i use good online svg path tool(me not paid,i not know autor,i not know what been if you open this): https://yqnn.github.io/svg-path-editor/ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ For: u/jasnh "really inefficient line breaks" Maybe it's my bad(?) design with bug and "⠀" symbol on all line... ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ For⠀everyone:⠀~_^⠀Thanks!⠀
u/jasnh

it does not seem to be your problem
u/lerc

You can further reduce the path string by holding repeating elements in a var x.lineWidth=24;Q="0a1 1 0 11";x.stroke(new Path2D(M1048 343V72${Q}-118 0V15${Q}148-2V90${Q}-178 0V343))
u/lerc

of course hard to represent in a comment with backticks being used for markup
u/4ce

For u/lerc you can try use: ```Result\`code\` block!``` >after posting> Result`code` block! ;Or this app d/26270 but i no sure what all works like needs; ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ u/lerc paperclip 📎 : x.lineWidth=24;Q="0a1 1 0 11";x.stroke(new Path2D(`M1048 343V72${Q}-118 0V15${Q}148-2V90${Q}-178 0V343`)) 105Symbols! ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ u/lerc paperclip 📎 Q in ${Q="0a1 1 0 11"} :: x.lineWidth=24;x.stroke(new Path2D(`M1048 343V72${Q="0a1 1 0 11"}-118 0V15${Q}148-2V90${Q}-178 0V343`)) 103Symbols! ~_^

show FPS hide FPS share 1 remix fullscreen

384.cz

function u(t) {

c.width=999
for(i=190;i--;)x.fillStyle=R(255,i,0),x.fillRect(199+S(i+t)*i,199+C(i+t)*i,i,i)

Oct 12 2022 12:36 PM UTC

}// 91/140

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

#fireball

u/4ce

The #sun like a #food !

show FPS hide FPS share 1 remix fullscreen

4ce

remix of d/26251 by u/KilledByAPixel

function u(t) {

x.lineWidth=24;x.stroke(new Path2D('M1048 343V720A1 1 0 11930 720V148A1 1 0 111079 148V901A1 1 0 11901 901V343'))

Oct 11 2022 11:31 PM UTC

}// 113/140

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

SVG path in canvas: paperclip. 📎 (in sim looks≈≈=like d/26251 but ok... remix! )

show FPS hide FPS share fullscreen

4ce

function u(t) {

c.outerHTML="<input placeholder=typeCode oninput=\"i1.innerText='```'+this.value.replace(/\`/gm,'\\\\`')+' ```'\"style=width:99%><hr id=i1>"

Oct 9 2022 8:43 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 code in Dwitter comment #DCIDC converter v1beta aboutThis: https://www.dwitter.net/d/26261 (comment4)

u/4ce

UPD: This " #app " eat all multiline symbol ,Dwitter comment single line too , thehefore some code can be broken and i inot sure what all work correct but this #application was helpfull for me , thehefore i just leave its here. ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ Instruction(and old text): Type code through click on "typeCode" and copy code bellow "typeCode" in your comment... =_= It's work? tags: #interactive #html ~_^⠀goodLuck!

show FPS hide FPS share fullscreen

4ce

function u(t) {

r=e=>s=Math.floor(Math.random()*13);x.fillStyle=r()>5?R():`hsl(${r()*28},99%,50%)`;x.font='350px s';x.fillText('Hello Dwitter'[s],s*144,668)

Oct 8 2022 6: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).

iTryedMake="Hello Dwitter!,without compress,full original".split(',') ~_^

u/4ce

function u(t){ r=e=>s=Math.floor(Math.random()*14);x.fillStyle=r()>5?R():hsl(${r()*26},99%,50%);x.font='999 200px s';x.fillText('Hello Dwitter!'[r()],s*141,611) }//version 147 symbol
u/4ce

Cool style Array iTryedMake from https://www.dwitter.net/d/2782
u/4ce

r=e=>s=Math.floor(Math.random()*13);x.fillStyle=r()>5?R():`hsl(${r()*28} 99%50%`;x.font='350px s';x.fillText('Hello Dwitter'[r()],s*144,668) // 140 v1.1 for all symbol blink
u/4ce

How enter ` symbol in Dwitter comment? Try use(type) this: ```code block``` for make: code block and escape symbol: ` with: \ in "code block" like this: ```Result\`code\` block!``` Live example(?): Result`code` block! ~_^

show FPS hide FPS share fullscreen

danny@hille.dk

function u(t) {

x.fillRect(0,0,w=c.width|=0,w)
for(i=180;i--;x.beginPath(x.fillStyle='#00f1'))x.fill(x.arc(940+C(i/30)*300,540+S(i/30+t)*300,99-i*.5,0,7))

Aug 3 2022 4:28 PM UTC

}// 138/140

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

Ouroboros

u/4ce

This "dweet" have kind of continuation d/26362 ~_^

show FPS hide FPS share fullscreen

pavel

function u(t) {

for(i=c.width|=0;i--;x[i&1?'moveTo':'arc'](960+8*r*C(a=i*.0997),540+8*r*S(a),r+r/(1.2+999**S(i/180+a-2*t)),0,7))r=1.0028**i
x.fill`evenodd`

Apr 8 2022 11:33 PM UTC

}// 139/140

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

Kaleidoscopic Spiral

u/pavel

Remix of https://twitter.com/beesandbombs/status/1386…
u/pavel

#beesandbombs
u/pavel

I like this trick of re-using the same args for moveTo and arc back to back. The first two args are x and y for both and moveTo ignores extra args.
u/magna

YES!
u/vain

very cool and beautiful fx.

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

function u(t) {

for(j=9;j--;)for(i=2e3;i--;x.fillRect(X,Y,85,2))x.fillStyle=R(k=i%2*180,k,k),k?(X=i/5+j*170+49,Y=i):(X=j*170+377-i/22,Y=i/5+360)

Dec 12 2021 4:03 PM UTC

}// 128/140

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

Spatial Contradiction (#art reproduction) #default artwork from 1958 by Waldemar Cordeiro, a pioneer in the use of computer in the arts in Brazil and Latin America. He was the precursor, theorist and leader of the concrete movement in Brazil. Original name: "Contradição Espacial".

u/magna

Awesome! :)
u/magna

Scrolling up and down, this creates the optical illusion that the bars are shifting left and right
u/neimad

that's a neat trick!

show FPS hide FPS share fullscreen

lerc

remix of d/20904 by u/lerc

function u(t) {

eval(unescape(escape`𭁼𯀨𨰮𭱩𩁴𪀽𝀰𜀩𒡬👡🐾𚁸𛡤𬡡𭱉𫑡𩱥𚁣𛀭𭰬𛑨𚐬𤰨𭀪𨐩𚰱𚐊𮀮𬱥𭁔𬡡𫡳𩡯𬡭𚁁🐱𛠰𜐬𠠽𛠰𜐬𛑂𛁁𛁷🐲𜀰𚱓𚁴𚐪𚁑🐴𜀩𛁨🐹𞐫𠰨𭀩𚡑𚐊𮀮𩡩𫁬𤱴𮑬𩐽𤠨𜀬𜀬𪀪𫀨𜐮𝐩𚐊𮀮𩡩𫁬𤡥𨱴𚁵🐨𫀨𜠮𜐩𛑬𚀱𚐩𚡑𛀭𭐬𝀬𝀩𒠻`.replace(/u../g,'')))

Aug 16 2021 1:49 PM UTC

}// 135/140

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

Night Flight

u/rep_movsd

The initial part looks like a rock

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/23158 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󭽩󭍨󚍸󚝦󫽲󚍴󟽣󫍩󬌨󚜺󨼮󭽩󩍴󪌽󝌸󜌬󬽡󭭥󚍲󩝳󭍯󬭥󚍤󬭡󭽉󫝡󩽥󚍣󛌭󜼬󜌩󚜩󛍤󬭡󭽉󫝡󩽥󚍣󛍷󟜵󜌬󜌩󛍩󟝴󟼷󞬳󩜴󞽩󛜭󞽴󟽡󬭣󚌲󜜵󛌱󜼷󛌱󜜷󛍡󟜨󪜪󜜶󛼷󛜱󚜪󜜮󝜷󛍡󚜺󩭩󫍬󤭥󨽴󚍩󙝷󛍩󛽷󯌰󛌱󛌱󚜩󩭩󫍬󤽴󮝬󩜽󤬨󭬽󪜪󚬷󙜱󜼷󛍶󚬳󛍩󛼷󝼩`.replace(/u../g,'')))

Jun 23 2021 3:26 AM UTC

}// 140/140

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

Autostereogram #3 Heptagram

u/erin

wheres the second one
u/KilledByAPixel

second one was a bit glitchy so i deleted it, here was the code for it with(x)for(t?clip():c.width=480,save(restore(drawImage(c,-6,0))),drawImage(c,w=40,0),i=t?7:2e4;i--;t?arc(215,133,113,a=(i*4/7+.5)*Math.PI,a):fillRect(i%w,i/w|0,1,1))fillStyle=R(v=i**7%258,v,v*2)

dwitter.net | 4ce (1289)