Small Basic: Shapes Editor

Small Basic: Shapes Editor

Overview


This article introduces a Small Basic program called "Shapes".  This is a program for editing picture with Small Basic Shapes objects.

Output


Output of "Shapes" program is a Small Basic program which shows picture you created.  So you can modify the output program to move and rotate the picture.  Program RQB683-3 is a sample output program.


Usage


These instructions are for Shapes 1.5b.


Import


Import as program ID XFZ657-15, remove comment from lines with File objects and save the program as "Shapes1_5b.smallbasic".


Pen and Brush


Click Pen Width menu and change the pen width.  Click Pen Color menu and select pen color.  Click Brush Color menu and select brush color.


Shapes


Click Rectangle, Ellipse, Triangle or Line menu and drag on the window to draw these shapes.  Created shapes can be re-sized or rotated to drag one of the pinches on the shape.  Click twice on the menu to add shapes consecutively.


Cut, Copy and Paste


Select a shape and click Cut menu to cut the shape, Copy menu to copy the shape.  After cut or copy, click Paste menu to paste the shape.  Cut and Paste will change the shape z-order also.


Save and Open


Click Save menu to save shapes to a Small Basic file.  On the textbox on Save popup window, push Ctrl+A and Ctrl+C to copy the source code, paste it to Small Basic IDE or your text editor and save it as a Small Basic program.
Click Open menu to read shapes from saved file. On the textbox on Open popup window, enter filename of the saved shapes program.

History


Following list shows typical versions of Shapes editor.
Version Released Program ID Description
0.72 2012-09-11 XFZ657-7 Oldest version which is introduced in Small Basic Forum.
0.8 2012-09-12 XFZ657-8  Supported re-sizing shapes.
0.9 2012-09-14 XFZ657-9  Supported rotating shapes.
1.0 2012-09-15 XFZ657-10
Supported copy and paste.  [*]
1.12 2012-09-18 XFZ657-11
Supported file input.  [**]
1.2 2012-09-20 XFZ657-12
Supported shortcut keys.  [**]
1.31 2012-09-20 TLW744-0 Supported palette loading and consecutive shapes addition.  [**]
1.42 2012-10-16 TLW744-3 Supported cursor keys and new UI for shapes menu.  [**]
1.5b 2013-03-30 XFZ657-15
Supported to run output program in remote.
[*] A part if this program is published as GTV460.  This part outputs move and rotation code.  You can insert GTV460 in WriteShapes subroutine if you need.
[**] A part if this program is published as GTV460-0.  This part outputs move and rotation code.  You can insert GTV460-0 in WriteShapes subroutine if you need.

Known Issues


Following list shows known issues of Shapes 1.5b.
  • "Shapes" runs properly in local environment (with Small Basic IDE).

See Also


Shapes Editor for Small Basic (an article in Small Basic Forum)
Shapes Editor - Small Basic Featured Program (an article in official Small Basic Blog)
Leave a Comment
  • Please add 8 and 5 and type the answer here:
  • Post
Wiki - Revision Comment List(Revision Comment)
Sort by: Published Date | Most Recent | Most Useful
Comments
  • Nonki Takahashi edited Revision 9. Comment: added link to Small Basic Blog

  • Naomi  N edited Revision 8. Comment: Formatting

  • Nonki Takahashi edited Revision 5. Comment: Created

  • Nonki Takahashi edited Revision 2. Comment: work in progress

Page 1 of 1 (4 items)
Wikis - Comment List
Sort by: Published Date | Most Recent | Most Useful
Posting comments is temporarily disabled until 10:00am PST on Saturday, December 14th. Thank you for your patience.
Comments
  • Nonki Takahashi edited Revision 2. Comment: work in progress

  • Nonki Takahashi edited Revision 5. Comment: Created

  • Very cool, Nonki! I did a blog post on this. It's an amazing app you made!

  • Naomi  N edited Revision 8. Comment: Formatting

  • Nonki Takahashi edited Revision 9. Comment: added link to Small Basic Blog

  • Thanks Ed, I added link to your blog post.

  • This is amazing Nonki.Really informative sample. Looks like all native SB. Big program, 2465 lines. There are things in here that I want to learn, e.g. in the save file pop-up the right click menu appears. And this interesting line:

    "If silverlight And Text.IsSubText("tri|line", shape[i]["func"]) Then".

    You show what SB can do. A lot. It's always worth checking out your code. Thanks

  • Congratulations on winning the gold medal! blogs.technet.com/.../technet-guru-awards-july-2013.aspx

  • This article was also featured on the Small Basic blog here: blogs.msdn.com/.../nonki-takahashi-s-shapes-editor-small-basic-guru-for-july.aspx

  • And finally it was featured on the home page of TechNet Wiki!

Page 1 of 1 (10 items)