Max Gardener at 22:42, 5 December 2012

2012-12-05T22:42:58Z

Show changes

Max Gardener at 22:18, 5 December 2012

2012-12-05T22:18:47Z

Max Gardener: /* Day 2 */

2012-12-05T22:11:17Z

‎Day 2

Max Gardener: /* Day 1 */

2012-12-05T22:08:33Z

‎Day 1

Max Gardener at 22:07, 5 December 2012

2012-12-05T22:07:49Z

Show changes

Max Gardener at 22:02, 5 December 2012

2012-12-05T22:02:10Z

Max Gardener: /* Day 2 */

2012-12-05T21:58:11Z

‎Day 2

Max Gardener: /* Day 1 */

2012-12-05T21:55:55Z

‎Day 1

Gtaylor@rtqe.net: /* Day 1 */

2012-12-05T21:54:25Z

‎Day 1

Gtaylor@rtqe.net at 15:24, 26 October 2012

2012-10-26T15:24:45Z

@@ Line 17: / Line 17: @@
 Enjoy!
-[//1cyjknyddcx62agyb002-web-assets.s3.amazonaws.com/ddg_mgraphics1/1101BasicStrokes.zip Download the patch]
+[http://1cyjknyddcx62agyb002-web-assets.s3.amazonaws.com/ddg_mgraphics1/1101BasicStrokes.zip Download the patch]
 ==Day 2==

@@ Line 25: / Line 25: @@
 Enjoy!
-[/1cyjknyddcx62agyb002-web-assets.s3.amazonaws.com/ddg_mgraphics1/1102BezStrokes.zip Download the patch]
+[http://1cyjknyddcx62agyb002-web-assets.s3.amazonaws.com/ddg_mgraphics1/1102BezStrokes.zip Download the patch]
 ==Day 3==

@@ Line 17: / Line 17: @@
 Enjoy!
-[http://1cyjknyddcx62agyb002-web-assets.s3.amazonaws.com/ddg_mgraphics1/1101BasicStrokes.zip Download the patch]
+[//1cyjknyddcx62agyb002-web-assets.s3.amazonaws.com/ddg_mgraphics1/1101BasicStrokes.zip Download the patch]
 ==Day 2==

@@ Line 17: / Line 17: @@
 Enjoy!
-[ftp://1cyjknyddcx62agyb002-web-assets/ddg_mgraphics1/1101BasicStrokes.zip Download the patch]
+[http://1cyjknyddcx62agyb002-web-assets/ddg_mgraphics1/1101BasicStrokes.zip Download the patch]
 ==Day 2==

@@ Line 25: / Line 25: @@
 Enjoy!
-[http://1cyjknyddcx62agyb002-web-assets/ddg_mgraphics1/1102BezStrokes.zip Download the patch]
+[/1cyjknyddcx62agyb002-web-assets/ddg_mgraphics1/1102BezStrokes.zip Download the patch]
 ==Day 3==

@@ Line 13: / Line 13: @@
 ==Day 1==
-BasicStrokes shows how to set up the mgraphics system and do basic line drawing - called ''paths'' drawn with ''strokes''. This is about the simplest useful patch I could come up with, but it hopefully helps you see how easy it is to create a basic UI.
+BasicStrokes shows how to set up the Mgraphics system and do basic line drawing - called ''paths'' drawn with ''strokes''. This is about the simplest useful patch I could come up with, but it hopefully helps you see how easy it is to create a basic UI.
 Enjoy!
@@ Line 39: / Line 39: @@
 ==Day 4==
-This shows some basic uses of the pattern generation functions within mgraphics. The creation of the pattern (pattern_create_linear and pattern_create_radial) builds a gradient for use during shape fills. In these originating calls, you define the ''influence'' points - the points on a plane that describe the location of gradient startup. If these points are close together, the edge between segments will be tightly defined; if the points are farther apart, the edge will be more of a gradient.
+This shows some basic uses of the pattern generation functions within Mgraphics. The creation of the pattern (pattern_create_linear and pattern_create_radial) builds a gradient for use during shape fills. In these originating calls, you define the ''influence'' points - the points on a plane that describe the location of gradient startup. If these points are close together, the edge between segments will be tightly defined; if the points are farther apart, the edge will be more of a gradient.
 Once you define the two points, you have to give each a color (using the add_color_stop_rgba function, which needs an index - either 0 or 1 - followed by an rgba color set) and tell the next drawing routine to use this pattern for drawing. The next time you do a '''fill()''' or '''stroke()''' call, the routine will use the pattern rather than a single color.
@@ Line 61: / Line 61: @@
 I wanted to do something with the mouse, with timers and in non-relative mode. So this is what you get: a cool little drawer that does some cool animation on the tail of the draw. Later this week I'll be doing a patch with a little easier means for persistent drawing, but for the moment you can have a little fun with this.
-One fun part of this is to see what happens when mgraphics tries to draw really short, but really wide, lines. You get funky little stars because minute (1- or 2-pixel) lengths cause significant changes in the drawing function.
+One fun part of this is to see what happens when Mgraphics tries to draw really short, but really wide, lines. You get funky little stars because minute (1- or 2-pixel) lengths cause significant changes in the drawing function.
 Enjoy!
@@ Line 133: / Line 133: @@
 ==Day 13==
-In this patch, we are going to investigate what happens when we use the translate function to change the drawing location within mgraphics. You select different menu options to see what happens when you shift the location around. The last menu entry uses the translate function to draw the oscillator in the middle of the box.
+In this patch, we are going to investigate what happens when we use the translate function to change the drawing location within Mgraphics. You select different menu options to see what happens when you shift the location around. The last menu entry uses the translate function to draw the oscillator in the middle of the box.
 When you use the translate function, you are moving ''user space'' around. After drawing/rendering is complete, the drawing is clipped to the display area. So, translate calls in a positive direction move the origin (0,0) to the right and down, while translate calls in a negative direction move the origin up and to the left.
@@ Line 181: / Line 181: @@
 ==Day 18==
-Back to playing with transformative function - in this case the most arbitrary of all: the '''transform()''' function. The transform function takes six arguments, for which I've given the labels xx, xy, yx, yy, x0 and y0. (Note: These are taken from deep within the Max mgraphics code, but you'll see how they relate to the real world in a second...)
+Back to playing with transformative function - in this case the most arbitrary of all: the '''transform()''' function. The transform function takes six arguments, for which I've given the labels xx, xy, yx, yy, x0 and y0. (Note: These are taken from deep within the Max Mgraphics code, but you'll see how they relate to the real world in a second...)
 All of the '''rotate()''', '''translate()''' and '''scale()''' functions can be built into a single transformation using these size values. The xx and yy values control the x and y scaling. The xy and yx values are the basis of the '''rotate()''' function. The x0 and y0 values are offsets as provided by the '''translate()''' function. But you can see that presenting this information in a matrix format gives you the ability to play with arbitrary scaling and movement options that would be difficult to do with the normal functions.
@@ Line 264: / Line 264: @@
 This is a very simple implementation of a layered sprite system. It has a GenericSprite object, and a use-specific ship object that augments the GenericSprite with a move function. The result is that bangs move the ship back-and-forth among some trees, properly layered within the other sprites.
-Nothing too mgraphics-specific here, but useful for seeing how to perform some basic sprite-like operations within the JSUI/MGraphics system.
+Nothing too Mgraphics-specific here, but useful for seeing how to perform some basic sprite-like operations within the JSUI/MGraphics system.
 Enjoy!
@@ Line 292: / Line 292: @@
 Using the '''transform()''', '''translate()''', '''rotate()''' and '''scale()''' functions give us the ability to do some complex graphical drawing that would otherwise require altogether too much math to consider. In this one, we use these function to create a tilted three-planet orbit display on a pretty blue background.
-Oh, and we also pipe the output to a Jitter matrix! In order to do this, we use the '''push_group()''' '''and pop_group()''' functions to create a working area for the drawing, produce an image from the result, then display the output in both the JSUI drawing area and output it as a matrix. The translation (from mgraphics to Jitter matrix) isn't perfect, but it gives us the ability to do a lot with the result.
+Oh, and we also pipe the output to a Jitter matrix! In order to do this, we use the '''push_group()''' '''and pop_group()''' functions to create a working area for the drawing, produce an image from the result, then display the output in both the JSUI drawing area and output it as a matrix. The translation (from Mgraphics to Jitter matrix) isn't perfect, but it gives us the ability to do a lot with the result.
 Enjoy!
@@ Line 304: / Line 304: @@
 Not the most elegant wordwrap function ever written, but you get the idea.
-I hope you've enjoyed the series, and find the mgraphics system to your liking!
+I hope you've enjoyed the series, and find the Mgraphics system to your liking!
 [http://1cyjknyddcx62agyb002-web-assets/ddg_mgraphics1/1130VerySpecialMessage.zip Download the patch]
 [[Category:Max And Mgraphics]]

Mgraphics Patch-A-Day - Revision history

Max Gardener at 22:42, 5 December 2012

Max Gardener at 22:18, 5 December 2012

Max Gardener: /* Day 2 */

Max Gardener: /* Day 1 */

Max Gardener at 22:07, 5 December 2012

Max Gardener at 22:02, 5 December 2012

Max Gardener: /* Day 2 */

Max Gardener: /* Day 1 */

Gtaylor@rtqe.net: /* Day 1 */

Gtaylor@rtqe.net at 15:24, 26 October 2012