Shapes Editor for Small Basic

Question

Latest version of Shape Editor:

Shapes 1.42 TLW744-3.

Top article:

Now I'm writing a program named "Shapes Editor".

I'm going to introduce latest "Shapes Editor" in this thread.

This program helps to make shapes animation for your program.

If you have any comments, please let me know.

Thanks.

---

Nonki Takahashi

Answer 1

Today's latest version of "Shapes Editor" is XFZ657-7.

Sample output program (with modification) is uploaded as RQB683-1.

---

Nonki Takahashi

Answer 2

Really cool! Keep up the great work! :)

---

-Noah J. Buscher "Nothing is Impossible Until Proven Impossible."

Answer 3

Very nice!

If you could add these features,

1)Change shapes' height , width  (tuning) 　　　　　 (後で微調整できますか？）

2)save it as png file     .......  maybe extension is necessary　　

（png保存できればうれしいです）

Answer 4

1) At this moment, you can change each shape size only by editing output code.  But not so difficult because the output code is like:

shape[1] = "func=rect;x=10;y=10;width=100;height=100;...;"

So, you can edit numbers after "width=" and "height=".  In the future, this tool may have ability to change each shape size.

2) There is no plan to output as bitmap image such as png, bmp, jpg, gif, ...

This program is vector base editor.  So, someone may write converter from "Shapes Editor" output to such as SVG. 

---

Nonki Takahashi

Answer 5

Thanks!

---

Nonki Takahashi

Answer 6

NaochanON,

1) I'll write code to re-size shapes as first priority.  I started to write code for rotating shapes.  But this will be complicated and need much time.  So I decided that the priority for rotation is second.  Any way, some re-sizing code will be used as rotation code also. 

---

Nonki Takahashi

Answer 7

Very nice program!

Answer 8

I published XFZ657-8.

In this version, you can change size of each shape.

---

Nonki Takahashi

Answer 9

Thanks.

---

Nonki Takahashi

Answer 10

Wonderful !   Perfect!

Answer 11

Today, I published XFZ657-9.

In this version, you can rotate each shape.

---

Nonki Takahashi

Answer 12

My god.... I will love this tool. :)

I want program a little game after my first program (webcode in my profil) . I will use your tool for it. -D

---

Ich bin Neu

Answer 13

I hope my tool helps your development.  Thanks.

---

Nonki Takahashi

Answer 14

Today, I published XFZ657-10.

In this version, you can cut and paste each shape.

And this version became too big.  So I couldn't publish whole of this program.

A part of this program is published as GTV460.  This part outputs move and rotation

code.  You can insert GTV460 after line 1147 of "Shapes 1.0" if you need.

---

Nonki Takahashi

Answer 15

Today, I published TLW744.

In this version, you can read shapes from a file which is saved from output of this editor.

A part of this program is published as GTV460-0.  This part outputs move and rotation

code.  You can insert GTV460-0 after line 1220 of "Shapes 1.1" if you need.

Sample output program (with modification) is uploaded as PSN020.

---

Nonki Takahashi

Answer 16

In this version, you can also change pen width, pen color, and brush color for each shape.

---

Nonki Takahashi

Answer 17

I published minor bug fix version Shapes 1.12 as XFZ657-11.

Fixed bug : Can't select lines that are read from file.

---

Nonki Takahashi

Answer 18

I have a Two suggestions for the next version.

1). Make it so when you press delete it deletes the last object added.

2). Have it so you can add more than one line without having to select the "Line" button every time. (And other objects)

Thanks!

BTW VERY useful Editor! Keep up the good work.

---

One thing that is impossible is impossible no matter if it is proven so first.

Answer 19

I found a bug I think.

I Drew this:

And it came out this: RPT809 Something's wrong.

---

One thing that is impossible is impossible no matter if it is proven so first.

Answer 20

This program in in the TOP 5 BEST Small Basic programs ever!

---

-Noah J. Buscher "Nothing is Impossible Until Proven Impossible."

Answer 21

Zock77,

Thank you for your suggestions and comment.

1) Sure.  I sometimes pushed [delete] key actually.

2) I understand your needs.  But how do you stop to create the lines (or other objects) ?  cf. My reference UI is shapes in Microsoft Office.

---

Nonki Takahashi

Answer 22

Zock77,

Please use Shapes 1.12 (latest version) to update your rocket.

This is my try: RPT809-0.

Thanks.

---

Nonki Takahashi

Answer 23

Thank you!

---

Nonki Takahashi

Answer 24

I just posted this program as the featured program of the week @ sbprogramming.blogger.com!

---

-Noah J. Buscher "Nothing is Impossible Until Proven Impossible."

Answer 25

By the way, in silverlight environment, positions of rotated triangles become wrong.  So please use this tool in local environment with Small Basic IDE when you rotate triangles.

---

Nonki Takahashi

Answer 26

So what I meant about the adding objects was that if you click on the line button then thereafter whenever you click it draws a line until you click on Another button.

---

One thing that is impossible is impossible no matter if it is proven so first.

Answer 27

I just posted this program as the featured program of the week @ sbprogramming.blogger.com!

---

-Noah J. Buscher "Nothing is Impossible Until Proven Impossible."

Thank you very much.

---

Nonki Takahashi

Answer 28

Sure!

---

-Noah J. Buscher "Nothing is Impossible Until Proven Impossible."

Answer 29

Where can I download the latest version?

---

Ich bin Neu

Answer 30

Nonki, can I post this program as a .ZIP download on the blog? I will show that you made it.

---

-Noah J. Buscher "Nothing is Impossible Until Proven Impossible."

Answer 31

Today, I published latest version of Shapes 1.2 as XFZ657-12.

Summary of Shapes 1.2

• Supported short cut keys for cut ([Ctrl]+X), copy ([Ctrl]+C), paste ([Ctrl]+V) and delete ([Delete]).
• Bug fixed: A frame of rotating shape doesn't appear after paste.

---

Nonki Takahashi

Answer 32

Noah,

Do you mean .zip of .exe and .dll file?

Any way, this tool outputs Small Basic source file.  So, user needs Small Basic IDE to run the output.  Then user can import the tool from Small Basic IDE without .zip file.

Who will use the .zip file?

---

Nonki Takahashi

Answer 33

Timo,

Today I published XFZ657-12.

Please download from above.

I will continue to announce future latest versions in this thread.

Thanks.

---

Nonki Takahashi

Answer 34

It will be on the blog's archives for download, even after this post is lost. The .ZIP can be used by anyone with the need for it, but they can not claim credit for it, nor abuse your TOU.

---

-Noah J. Buscher "Nothing is Impossible Until Proven Impossible."

Answer 35

The .ZIP file would contain the source code, .EXE, and .DLL's.

---

-Noah J. Buscher "Nothing is Impossible Until Proven Impossible."

Answer 36

So what I meant about the adding objects was that if you click on the line button then thereafter whenever you click it draws a line until you click on Another button.

---

One thing that is impossible is impossible no matter if it is proven so first.

Natural UI (like Paint).  I worried one point that how to unselect shape.  Current UI, following sequence is available.

(1) Draw first line.

(2) Click a point that there is no shape in canvas.

(3) Change pen width.

(4) Draw second line (with changed width).

Now I'm planning to support new UI that like Paint and allows to unselect shape by click on menu bar.

Thank you for your suggestion again.

---

Nonki Takahashi

Answer 37

The .ZIP file would contain the source code, .EXE, and .DLL's.

---

-Noah J. Buscher "Nothing is Impossible Until Proven Impossible."

Noah,

OK. You can upload this tool with source, .exe, and .dll.

By the way, I couldn't find your blog...

---

Nonki Takahashi

Answer 38

It has its own sticky thread, but the link to it is http://sbprogramming.blogspot.com/.

---

-Noah J. Buscher "Nothing is Impossible Until Proven Impossible."

Answer 39

Noah,

In security point of view, only source code will be more safe, won't it? 

---

Nonki Takahashi

Answer 40

How so?

---

-Noah J. Buscher "Nothing is Impossible Until Proven Impossible."

Answer 41

User can't confirm there is no bad behavior such as delete or overwrite local files in .exe file before run it.  But can in source file.

---

Nonki Takahashi

Answer 42

It has its own sticky thread, but the link to it is http://sbprogramming.blogspot.com/.

---

-Noah J. Buscher "Nothing is Impossible Until Proven Impossible."

Thank you, I could find. Interesting site! I'll keep checking it.

---

Nonki Takahashi

Answer 43

Thanks! Also, thank you for pointing out the security issue, I will post yours as source code only.

---

-Noah J. Buscher "Nothing is Impossible Until Proven Impossible."

Answer 44

Timo,

Today I published XFZ657-12.

 It's very easy! Nice!  I made this in a couple of minutes.

Answer 45

NaochanON,

Good picture!

---

Nonki Takahashi

Answer 46

Really cool!

---

-Noah J. Buscher "Nothing is Impossible Until Proven Impossible."

Answer 47

I published latest version of Shapes 1.31 as TLW744-0.

Summary of Shapes 1.31

• Supported palette loading form shapes data file.
• Supported consecutive  shapes addition.
• Bug fixed pinches came under a shape after pen or brush color change.

Comment in line 2086 to use "Open" menu.

---

Nonki Takahashi

Answer 48

Thanks :D

I download now the newest version. Sorry that I needed a so long time to answer.... But I got no message that here is a new answer (I have alert online)

How can I copy a part of my shape? Dor example a leg of Naochan's crab?

---

Ich bin Neu

Answer 49

Following is an example of a shape copy with Shapes 1.31 :

(1) Click "Rectangle" menu icon and draw a rectangle.

(2) Click menu bar (to stop consecutive shape addition).

(3) Click a rectangle (to select a rectangle).

(4) Click "Copy" menu icon or push [Ctrl]+C.

(5) Click "Paste" menu icon or push [Ctrl]+V.

(6) Drag a rectangle copied to appropriate position.

---

Nonki Takahashi

Answer 50

Thanks very much.

---

Ich bin Neu

Answer 51

Nonki,

 That Shapes Editor is really quite amazing! I especially like how you made it able to save in .sb files!

Answer 52

Math Man,

Thank you very much for your comment.  I did so in order to avoid comment out.

---

Nonki Takahashi

Answer 53

2) There is no plan to output as bitmap image such as png, bmp, jpg, gif, ...

Nonki Takahashi

 Nonki and other guys ,  good news.

1)I made a PNG image (background is transparent)  file saving  program.

You need  Litdev extension and Data extension .

Try this.   HRK412       It's technic is as below.

Pname=Program.Directory+"\testpng.png"
LDUtilities.GWCapture(Pname,"False")         '   gets a window image
GraphicsWindow.BackgroundColor="black"
crab= ImageList.LoadImage(Pname)
crab=PictureTools.SetTransparencyColor(crab,"White")  '  set transparency clolor
Pname2=Program.Directory+"\Crabpng.png"
PictureTools.SaveImage(crab,Pname2)          '  save it as a PNG file

2)I made your program a little simpler.    PLZ refer. 

Answer 54

 Nonki and other guys ,  good news.

1)I made a PNG image (background is transparent)  file saving  program.

You need  Litdev extension and Data extension .

Try this.   HRK412       It's technic is as below.

Pname=Program.Directory+"\testpng.png"
LDUtilities.GWCapture(Pname,"False")         '   gets a window image
GraphicsWindow.BackgroundColor="black"
crab= ImageList.LoadImage(Pname)
crab=PictureTools.SetTransparencyColor(crab,"White")  '  set transparency clolor
Pname2=Program.Directory+"\Crabpng.png"
PictureTools.SaveImage(crab,Pname2)          '  save it as a PNG file

2)I made your program a little simpler.    PLZ refer. 

1) Exciting!  I've got your "Crabpng.png".

2) Simple!  I'll refer your code for next version of "Shapes" editor.

---

Nonki Takahashi

Answer 55

Today, I published Shapes 1.42 as TLW744-3.

In this version, consecutive shapes addition need to click menu item twice.

Comment in line 2106 to use "Open" menu.

Summary of Shapes 1.42 :

• Supported cursor key to move a shape.
• New UI for consecutive shapes addition.
• Added instruction in save popup.

---

Nonki Takahashi

Answer 56

 高橋さん　FileSave方法を考えました。　以下はどうですか？

１８８６行目に以下の３行を追加すると、bufdataは自動的に"Shape20121017_123456.sb"のように保存されます。　FileLoad方法も今考えています。　１８２３行目のoText=AddTextBoXを

AddMultiLineTextBox に変更し、そこに"Shape"が頭についた".sb"のリストを書き込み、

それをスライダーでスライドして欲しいファイル名を探し、FileNameBoxに入力するやり方です。、

Mr. Takahashi. I was thinking about how to FileSave.  What is the following?

If you  add  following three lines to line 1886,  buf data is saved as "Shape20121017_123456.sb" automatically . I'm thinking about how to  FileLoad now.  Change oText = AddTextBoX on line 1823 to  AddMultiLineTextBox.       The list of files with "Shape**** . Sb" was added to the box.   You can search a file you wanted by slider,and then   enter thefilename into the  FileNameBox.

Fdate=text.Append(text.Append(Clock.Year,Clock.Month),Clock.day)+"_"+text.Append(text.Append(Clock.hour,Clock.Minute),Clock.Second)
  PGDS=program.Directory+"\Shape_"+fdate+".sb"
  File.WriteContents(PGDS,buf)
EndSub

Answer 57

Yes, your idea will make [Save] sequence simple.

Now I'm considering that Shapes editor becomes big so Shapes will be just a editor for single picture object and other animation program should be read these picture objects and write animation program.

Then for animation program, it will better that each picture object has its own name.

So I think such as "Robot.shapes.sb" will be better than like "Shape20121017_123456.sb". 

---

Nonki Takahashi

Answer 58

In your program, there isn't filename inputbox for save .

So, I made easy code.(filename=Shape+date)

"Robot.shapes.sb" etc will be better.

BTW  I added  file loading codes.   PLZ refer.  QXK334

Answer 59

I LOVE this!!!!!!! It's so fun!

I made this rather quickly, thanks to Nonki!

---

I am a 10 year old that loves math, games, and computers. "Everyone is potentially great, you just have to turn it into kinetic greatness."

Answer 60

In your program, there isn't filename inputbox for save .

So, I made easy code.(filename=Shape+date)

"Robot.shapes.sb" etc will be better.

BTW  I added  file loading codes.   PLZ refer.  QXK334

I saw QXK334.  Interesting.  I'll consider something about [Open] and [Save] for next version of Shapes.

Thanks.

---

Nonki Takahashi

Answer 61

Math Man, Good picture!  Thanks.

---

Nonki Takahashi