Hot dweets 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

function u(t) {

f=(c,X)=>{
if((x.fillStyle='green')!=c)x.fillStyle=c;
x.fillRect(X,99,99,99)
};
f('red',0);f('not color',99);f('rgb(0,0,255)',198);f(1,297)

Apr 19 2023 6:19 PM UTC

}// 140/140

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

if new parametr color (c in f(c,X) )== not default color orAnd typeColor ? make new color : else make default color ; How you think thisIdea==goodAndNearWithoutBug?

u/4ce

UPD: 1) "typeColor" in demo probably meaning color,pattern,gradient or any valid value 2) base idea what fillStyle work if get value like a color and maybe not make error if get other values and if fillStyle get "values other" previous value colorLike stay untouched 3) more simple code f=(c,X)=>{x.fillStyle='green';x.fillStyle=c;x.fillRect(X,99,99,99) };f('red',0);f('not color',99);f('rgb(0,0,255)',198);f(1,297) ; ~_^⠀goodLuck!

show FPS hide FPS share fullscreen

4ce

function u(t) {

s=S(t);
c.width+=0;
for(i=10;i--;)
x.fillStyle=R(-s*(10-i)*25,s>-.2&&s<.2&&Math.random()*255,s*i*25),
x.fillRect(485+i*100+s*300,400,50,200)

Nov 3 2022 1:48 PM UTC

}// 140/140

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

||||/⠀⠀(OnO)⠀⠀\||||

u/4ce

someTags: #matrix #default

show FPS hide FPS share 2 remixes fullscreen

4ce

remix of d/26362 by u/4ce

function u(t) {

t?c.width+=0:X=Y=n=400;onmousemove=e=>{X=e.x,Y=e.y};for(i=999;i--;)x.lineTo(960+C(i*X+t/2)*n,540+S(i*Y+t/2)*n);x.stroke();throw 'X'+X+' Y'+Y

Oct 21 2022 10:31 AM UTC

}// 140/140

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

Lissajous shapes(curve) remix. Because i found good d/10051 with console message and mouse move interface but without slider... Remix d/10051 + d/26362 created for add "interface conception" #interactive example and140! P.s. not press "Awesome!" on this, maybe, for differentiation news line...

show FPS hide FPS share 1 remix fullscreen

4ce

remix of d/26356 by u/magna

function u(t) {

eval(unescape(escape`瑼籣⹩湳敲瑁摪慣敮瑈呍䰨≢敦潲敢敧楮∬怤筨㴧㱩湰畴⁴祰攽牡湧攠楤㴧絘㹘夤筨絙㹠⤻挮睩摴栫㴰㭦潲⡩㴹㤹㭩ⴭ㬩砮汩湥呯⠹㐰⭃⡩⼳〪堮癡汵攫琩⨳〰ⰵ㐰⭓⡩⼳〪央癡汵攫琩⨳〰⤻砮獴牯步⠩`.replace(/u([^D].)/g,'$1%')))

Oct 19 2022 9:59 PM UTC

}// 140/140

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

Lissajous shapes(curve) 10k variations! , "i/30" from d/25915 ; Tags: #html #interactive

u/4ce

autoCompressOff: t||c.insertAdjacentHTML("beforebegin",`${h='<input type=range id='}X>XY${h}Y>`);c.width+=0;for(i=999;i--;)x.lineTo(940+C(i/30*X.value+t)*300,540+S(i/30*Y.value+t)*300);x.stroke()
u/4ce

u/cantelope #slider #controls
u/4ce

I tried say=>' "i/30" from d/25915 ': if change some "30" can have little other result and what : d/25915 remix source too, but many parametrs just coincidence... "10k"==X.value*Y.value . ~_^⠀GoodLuck!

show FPS hide FPS share 1 remix fullscreen

4ce

function u(t) {

t||c.insertAdjacentHTML("beforebegin","<input type=range id=r>");c.width+=0;for(i=r.value;i--;)x.fillStyle=R(i*20),x.fillRect(i*20,99,10,99)

Oct 17 2022 10:15 AM UTC

}// 140/140

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

Just #example #interactive Dweet canvas with #html interface. Base idea add debug interface for d/26305 but something works slow.That's all... now(?)

u/taupelink

cool!
u/magna

Cool idea! I made a lazy remix: d/26356
u/cantelope

#slider #controls

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

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) {

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

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!

You've reached the end.

dwitter.net | 4ce (66)