Hi, Back with the antialiasing vs. safari / webkit topic. This code pen sandbox illustrates the issue; using the following config I obtain a blurry image on webkit (Safari and capacitor build deployed on iPhone/Pad). Side by side check of my project, chrome vs safari at identical render sizes: […

As I recall Safari will always antialias a scaled WebGL canvas. The bitmap text bleeding is odd. Make sure the positions are integers, just in case.

Thanks Samme, this helps… Seems Apple is banning the uiwebview so I’m stuck with Canvas. I’ve been using a default 512x512 Atari bmfont from the Phaser examples so far. I’m an Atari ST nut, so it’s the perfect font. Will get a copy of BMGlyph and output a 1:1 font to match screensize. I’ll keep you…

Ok, Canvas isn’t able to apply tint, so following this blog post , I quickly updated to 3.2X+ / added a factory function: factory function declare global { namespace Phaser.GameObjects { interface GameObjectFactory { canvasBmpText(x: number, y: number, font: string, text?: string | stri…

And here goes the result on the device. Very happy. I re-created the lab’s “atari-classic” font, this time at native resolution (was 512x512, possibly explaining the resize issue / bleeding). Attached is the 1:1 font size 8 pixel bmp font. [image] The Blocky Lion looks blocky again. Victory! Tha…

Webkit antialisaing cannot be disabled (3.2x - 3.54)

Phaser 3

samme May 4, 2021, 6:12pm 6

I like the artwork.

Scaling continued: about tilemaps @2x @3x @4x

Topic		Replies	Views
Phaser 3 - Shapes are Pixelated in WebGL Phaser 3	4	383	April 9, 2024
Phaser.WEBGL blurry on iPhone Phaser 3	1	1674	August 14, 2019
Ugly bitmap text Phaser 3	2	946	September 5, 2020
Performance issues with Safari Phaser 3	8	4656	June 30, 2022
Text sometimes appear blurry or feel faded in my phaser game Phaser 3	4	1780	April 15, 2025

Webkit antialisaing cannot be disabled (3.2x - 3.54)

Related topics