P5.js: Text Anti-Aliasing

Created on 3 Jan 2021  路  2Comments  路  Source: processing/p5.js

Most appropriate sub-area of p5.js?

  • [ ] Accessibility (Web Accessibility)
  • [ ] Build tools and processes
  • [ ] Color
  • [ ] Core/Environment/Rendering
  • [ ] Data
  • [ ] DOM
  • [ ] Events
  • [ ] Friendly error system
  • [ ] Image
  • [ ] IO (Input/Output)
  • [ ] Localization
  • [ ] Math
  • [ ] Unit Testing
  • [x] Typography
  • [ ] Utilities
  • [ ] WebGL
  • [ ] Other (specify if possible)

Details about the bug:

  • p5.js version: v1.2.0
  • Operating System: Windows

I've tried disabling anti-aliasing using the following function.
setAttributes('antialias', false);

Is setting this flag to false meant to make text non-aliased? If not, are there any other way to do it?

I'm trying to get my text to look like this: https://i.imgur.com/S312pVj.png
But instead it's smoothed, like this: https://i.imgur.com/ODbjsI0.png

bug

Most helpful comment

Hi @nullify0000, the setAttributes function is a WebGL mode function and won't have an effect on text. You can try noSmooth to see if it works for you.

All 2 comments

Welcome! 馃憢 Thanks for opening your first issue here! And to ensure the community is able to respond to your issue, be sure to follow the issue template if you haven't already.

Hi @nullify0000, the setAttributes function is a WebGL mode function and won't have an effect on text. You can try noSmooth to see if it works for you.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Vbbab picture Vbbab  路  3Comments

Patchy12 picture Patchy12  路  3Comments

kjhollen picture kjhollen  路  3Comments

ogoossens picture ogoossens  路  3Comments

oranyelik picture oranyelik  路  3Comments