sadguitarius

I've been playing around with the new JS Painter feature (which is wonderful!) and I noticed that while these custom UIs look great on my Retina display, the jsui and jit.mgraphics objects still appear pixellated. Does anyone know if there a hidden setting to get those objects looking crisper? Thanks!

I've been playing around with the new JS Painter feature (which is wonderful!) and I noticed that while these custom UIs look great on my Retina display, the jsui and jit.mgraphics objects still appear pixellated.  Does anyone know if there a hidden setting to get those objects looking crisper?  Thanks!


jsui-and-mgraphics-on-retina-display

Politely nudging this thread (maybe rude to bump)... anyone?

So... I realized that I wasn't asking the right question. I can see that mgraphics UIs and the like show up fine on Retina, but 3D rendering does not. I noticed that one of the new features of Max 7 is a high_res attribute for OpenGL rendering. Is there a way to get jsui objects to recognize this?

So... I realized that I wasn't asking the right question.  I can see that mgraphics UIs and the like show up fine on Retina, but 3D rendering does not.  I noticed that one of the new features of Max 7 is a high_res attribute for OpenGL rendering.  Is there a way to get jsui objects to recognize this?


could you possibly post your js painter files? i'm really interested in using this feature but can't wrap my mind around it! it'd be great.

I was going to post a link to the thread with Josh's examples but I can see you've already been there. Those examples are much more useful for learning than any of the half-broken things I've done so far. Sorry!

I was going to post a link to the thread with Josh's examples but I can see you've already been there.  Those examples are much more useful for learning than any of the half-broken things I've done so far.  Sorry!


I've narrowed this issue down to the Image object in jsui. It doesn't appear to take the retina pixel count into consideration so the output is blurry after dumping the MGraphics context into an instance of Image. Also, the jit.mgraphics object always appears low-res on my retina display. Anything I should try? I've attached one of Darwin's MGraphics examples which demonstrates the problem. Thanks!

I've narrowed this issue down to the Image object in jsui.  It doesn't appear to take the retina pixel count into consideration so the output is blurry after dumping the MGraphics context into an instance of Image.  Also, the jit.mgraphics object always appears low-res on my retina display.  Anything I should try?  I've attached one of Darwin's MGraphics examples which demonstrates the problem.  Thanks!


jsui and mgraphics do not support high resolution retina display drawing at this time.

Well shucks. Thanks for clarifying and I hope that retina support happens in the future!

Well shucks.  Thanks for clarifying and I hope that retina support happens in the future!


Hello... has there been any changes regarding this or am out of luck if I want to draw to an Image object and have its contents rendered on a retina screen?

should work fine now, are you seeing something to the contrary?

https://cycling74.com/forums/mgraphics-image-differs-from-standard-drawing-on-2x-retina-displays

FWIW the least painful solution seems to be to use scale(2, 2) when when drawing the cached image (on a 2x-sized canvas) and then scale(0.5, 0.5) before calling image_surface_draw() in the target drawing space.

So I guess it depends on the definition of "work fine"?

"
FWIW the least painful solution seems to be to use scale(2, 2) when when drawing the cached image (on a 2x-sized canvas) and then scale(0.5, 0.5) before calling image_surface_draw() in the target drawing space.
"

Hi Rob. Can we be sure we're not conflating things here -- is the fsaa a jitter reference? Neither jsui, Sketch, or mgraphics documentation has anything about "enabling fsaa". jsui has an attribute to explicitly disable it ("nofsaa") it seems, but it's off by default.

Hi Rob.  Can we be sure we're not conflating things here -- is the fsaa a jitter reference?   Neither jsui, Sketch, or mgraphics documentation has anything about "enabling fsaa".  jsui has an attribute to explicitly disable it ("nofsaa") it seems, but it's off by default.

it's an attribute of sketch. not sure why not documented. search the browser for jsui, there's an example called something like image-stuff. basically does what you describe I believe.

it's an attribute of sketch. not sure why not documented.  search the browser for jsui, there's an example called something like image-stuff. basically does what you describe I believe. 

Thanks. jsui_imagestuff-example.maxpat is the patch. I'm not sure how the sketch.fsaa relates to mgraphics (which is the general theme of this thread), though. I didn't get errors when I tried setting a "fsaa" on mgraphics, but that may be well beside the point. My assumption would just be that the jsui "nofsaa" attribute proxied to the Sketch / mgraphics settings and kindly became "opt out" rather than the opposite.

Anyway, I think the original question was specifically re: "output is blurry after dumping the MGraphics context into an instance of Image". So here's the current state of things and an example patch. It doesn't seem like there's been any change in how mgraphics deals with this.

Screenshot 2023-07-18 at 12.29.28.png

Thanks.  jsui_imagestuff-example.maxpat is the patch.   I'm not sure how the sketch.fsaa relates to mgraphics (which is the general theme of this thread), though.  I didn't get errors when I tried setting a "fsaa" on mgraphics, but that may be well beside the point.  My assumption would just be that the jsui "nofsaa" attribute proxied to the Sketch / mgraphics settings and kindly became "opt out" rather than the opposite.

Anyway, I think the original question was specifically re: "output is blurry after dumping the MGraphics context into an instance of Image".  So here's the current state of things and an example patch.  It doesn't seem like there's been any change in how mgraphics deals with this.

If you're looking for specific discussions or information about Jsui and Mgraphics on retina displays,

 I recommend searching online forums and communities dedicated to Max/MSP, Max for Live, or Cycling '74 (the company behind Max). Websites like the Cycling '74 forum, Reddit's r/MaxMSP subreddit, or other Max/MSP-related communities might have discussions or user experiences regarding Jsui and Mgraphics on retina displays.

These communities are typically a great place to connect with fellow Max users, share knowledge, and get specific insights on using Jsui and Mgraphics with retina displays.

Additionally, you can refer to the official documentation, release notes, or updates from Cycling '74 to see if there have been any specific updates or improvements related to retina display support for Jsui and Mgraphics since my knowledge cutoff in September 2021.

If you're looking for specific discussions or information about Jsui and Mgraphics on retina displays, I recommend searching online forums and communities dedicated to Max/MSP, Max for Live, or Cycling '74 (the company behind Max). Websites like the Cycling '74 forum, Reddit's r/MaxMSP subreddit, or other Max/MSP-related communities might have discussions or user experiences regarding Jsui and Mgraphics on retina displays.

JSUI and MGraphics are two components used in the Max programming environment for audiovisual programming.

JSUI (JavaScript User Interface) is a graphical user interface (GUI) object that allows you to create custom interfaces using JavaScript code within Max. It provides a way to create interactive elements such as buttons, sliders, and menus for controlling and manipulating audio and visual processes.

MGraphics, on the other hand, is a graphics system in Max that allows you to create and manipulate 2D and 3D graphics. It provides a set of drawing functions and objects for creating shapes, images, and animations. MGraphics is primarily used for creating visual components and effects in Max.

Regarding their compatibility with Retina displays, both JSUI and MGraphics can be used on Retina displays without any major issues. Retina displays have a higher pixel density, which means that the visual elements created with JSUI and MGraphics will 

r and more detailed. However, it's important to ensure that the graphics and interface elements are properly scaled and optimized for the higher resolution of Retina displays to provide the best user experience.

Regarding their compatibility with Retina displays, both JSUI and MGraphics can be used on Retina displays without any major issues. Retina displays have a higher pixel density, which means that the visual elements created with JSUI and MGraphics will appear sharper and more detailed. However, it's important to ensure that the graphics and interface elements are properly scaled and optimized for the higher resolution of Retina displays to provide the best user experience.

ok thanks for providing the clarity and the workaround. I will ticket this so perhaps it can be improved in a future update.

jsui and mgraphics on retina display