Ieri sera, una roba che davvero mi ha fatto perdere la pazienza e ogni speranza, maledetto web development, avevo iniziato a scrivere questo post ma ho poi deciso di a mimire… in pratica, il Canvas HTML5 è inconsistente, tra diverse funzioni, diversi browser, e a tratti è proprio buggato mi sa. In breve: non si può tracciare linee o contorni puliti lì dentro, viene tutto sfocato, mannaggia!!! 😶🌫️️
Beh, non è la prima volta che scopriamo che la roba nei browser gira a furia di hack, quindi non so perché proprio questa volta sono così spiazzata, però questo è. Ho scoperto questa magagna dopo aver notato che, i bordi di rettangoli nel programma che sto facendo, che sono puliti su Firefox, appaiono tutti blurrati in Chromium. Ho fatto qualche test al volo, e notato che cambiare lo spessore dei tratti sistemava il problema su un browser e lo faceva apparire sull’altro. “Sarà colpa di p5.js“, ho pensato, “ti pare che nei due browser web più grandi al mondo ci sono gli spacc?“… e quindi ho cercato. Big oopsie, perché una issue l’ho trovata, ma da lì ho scoperto che p5.js in realtà non centra. E… ecco, facendo dei test con la API Canvas liscia, senza la libreria esterna di mezzo, persiste il problema. 👹️
https://octospacc.altervista.org/wp-content/uploads/2024/06/image-2.pngHo fatto un piccolo file con vari test: jsbin.com/dadobugiye/ (caricato su JSBin, così potete verificare anche voi). In foto c’è a sinistra come ha renderizzato Firefox, e a destra Chromium (entrambi chiaramente sul mio desktop Linux). Tra le quattro linee spesse da 1 a 4 pixel, e i tre rettangoli con bordo da 1 a 3 pixel, notate come a spessore alternato si alternano anche la presenza e l’assenza di sfumatura. Quello che cambia tra la copia superiore e quella inferiore è che sulla seconda è applicato uno shift di 0.5 pixel sia per X che Y (la seconda soluzione più brutta tra le consigliate)… appunto, fare questa cagata pulisce ciò che prima era sporco e sporca ciò che era pulito. 🚬️La schifezza è dovuta al fatto che il browser fa anti-aliasing di ciò che disegna lui, e non c’è modo di disattivare la cosa; c’è una proprietà imageSmoothingEnabled che vale però solo per i dati immagine raw (forse è per questo che non ho mai notato problemi con, ad esempio, gli emulatori web di console). Quindi, in teoria si potrebbero implementare da zero funzioni per disegnare linee e roba varia, che scrivono direttamente i pixel sulla tela… ma non sembra qualcuno abbia voglia di implementarlo in librerie grafiche general-purpose e che non deviano troppo dalla API. (Io certamente no.) Shiftare ogni azione di disegno di 0.5 pixel in base al browser può sembrare una soluzione (dato che il problema è causato dall’allineamento subpixel, e ci sarebbe il metodo .translate(x,y) per farlo senza ogni volta sommare alle coordinate), ma non lo è affatto, perché lo vedete come le linee e i rettangoli appaiono tra loro diversi (e, curiosamente, le linee sono uguali tra i due browser)… 💱️
Computer potentissimi e piattaforme software di complessità estrema e potenzialità infinite, ma poi non riescono a fare delle fottutissime linee non sburrate, stiamo tornando indietro. E falliscono appunto in modo pure inconsistente!!! Non sembra proprio esserci soluzione, se non creare delle mie astrazioni sulle funzioni di disegno di linee e rettangoli (che fanno in autonomia gli shift necessari ogni volta). Veramente sto male, è possibile che se il mio numero arbitrario di spessore in pixel è pari o dispari, a seconda del gusto del browser e dell’allineamento .0 o .5 a subpixel, deve venire tutto: o grigino anziché nero, o spesso di 2 pixel anziché 1 (o la qualsiasi), o coi bordi sciolti in lava? Per ora continuo a usare p5.js e quindi il disegno a forme sul Canvas per questa applicazione, perché è comodo, ma per i prossimi progetti chissà che dovrei usare… nulla si avvicina neanche lontanamente all’efficienza di scrivere del JavaScript vanilla e averlo immediatamente prendere vita. 🤢️
https://octospacc.altervista.org/wp-content/uploads/2024/06/image-4.pngHo provato anche un’altra soluzione di tizi, un po’ brutta ma che avrei accettato se avesse funzionato: applicare un dato filtro SVG… che dire. Vero, non si vede più alcuna sbleurratura, ma gli angoli dei tratti sono più arrotondati (non chiesi), e lo spessore è comunque sbagliato. E una cosa stramba bonus: i lati delle linee superiori (ma non di quelle shiftate?!) sono tipo corrotti, hanno dei pixel che appaiono un po’ a sinistra come delle spine. Ma come cazzo è possibile?!?!?! 🌋️https://octospacc.altervista.org/2024/06/07/tela-spaccata/
https://hazelthevixen.newgrounds.com/, Your Attorney's Here to Talk to You https://www.facebook.com/profile.php?id=100082671845562&mibextid=tPfjzR about Fur Affinity and SoFurry. We have a regards of Hazel3/CuteVixen, We will leave from Hazel right Now. Why did the Attorney Say? "Harassment and Bullying can result the Law to be...
So, I went to the Office in the Court and I talked to the Attorney they said Harassment and Bullying can result the Law to the Broken what did the Attorney Spoke? "Let's learn more about Harassment and Bullying can result the Law to be Broken. If the Online Internet User is Harassing and Bullying by a Other Internet User, You...
Oh Dear, Oh My. Did you break the Law about Harassment and Bullying? So, We went to the Attorney’s Court in Philippines to request File a John Doe Lawsuit to Hazel3/CuteVixen. What did the Attorney Say? “Harassment and Bullying can result the Law to be Broken!” So, Me and my Attorney will file a John Doe Lawsuit to...
If you would like to make your blood boil, do a comparison, here are prepaid plans in Spain from one of their major telecommunications companies, Vodaphone, compared to Telus
It costs 10£ ($CAD15/mo) for 50GB plus roaming in Europe and the USA.
The top plan is 160GB for 30£ ($44)
Imagine!!
There's an odd social phenomenon tied to the "marketplace of ideas." It always starts with a stated intent to give voice to the marginalized, and it always ends with the establishment and protection of xenophobic hate speech against those same marginalized people.
I am trying to enable firefox sync (latest and greatest firefox version for win10), but as soon as I have logged in, it logs me off again and no sync ever happens. It happens over and over again.
Українська гра BROKEN LIFE - 2D point-and-click квест отримала Demo у Steam (tayemnakimnata.com) Ukrainian
Demo-версія BROKEN LIFE - української інді-гри, створеної соло-розробником про солдата, який повертається у рідне місто, що пережило жахи
Your Attorney's Here!
https://hazelthevixen.newgrounds.com/, Your Attorney's Here to Talk to You https://www.facebook.com/profile.php?id=100082671845562&mibextid=tPfjzR about Fur Affinity and SoFurry. We have a regards of Hazel3/CuteVixen, We will leave from Hazel right Now. Why did the Attorney Say? "Harassment and Bullying can result the Law to be...
Harassment/Bullying is making the Law Broken
So, I went to the Office in the Court and I talked to the Attorney they said Harassment and Bullying can result the Law to the Broken what did the Attorney Spoke? "Let's learn more about Harassment and Bullying can result the Law to be Broken. If the Online Internet User is Harassing and Bullying by a Other Internet User, You...
You're calling the Attorney for Help!
Oh No, Did I Broke the Law?
Oh Dear, Oh My. Did you break the Law about Harassment and Bullying? So, We went to the Attorney’s Court in Philippines to request File a John Doe Lawsuit to Hazel3/CuteVixen. What did the Attorney Say? “Harassment and Bullying can result the Law to be Broken!” So, Me and my Attorney will file a John Doe Lawsuit to...
Wish - Broken - Nine Inch Nails - 1992 (youtu.be)
This one goes out to my Dad, wherever the fuck he is....