Shoes Tutorial Note

- For the Shoes App Rookie Creators -

October 18th, 2009 by ashbb (Satoshi Asakawa), citizen428 (Michael Kohl), kotp (Victor H. Goff III)

Note: Now under revising with Policeman!

Table of contents

1. 00100 Introduction
2. 00200 Download Shoes
3. 00300 First step
4. Birds-eye view (Survey basic features)
   • 00401 Concept
   • 00402 No.1 para (sample1.rb, sample2.rb)
   • 00403 No.2&3 stack and flow (sample3.rb, sample4.rb)
   • 00404 No.4 button (sample5.rb)
   • 00405 No.5 image (sample6.rb)
   • 00406 No.6 edit_line (sample7.rb, sample7-1.rb)
   • 00407 No.7 link (sample8.rb)
   • 00408 No.8 background (sample9.rb, sample10.rb, sample57.rb)
   • 00409 No.9 Shoes.url (sample11.rb)
   • 00410 No.10 clear (sample12.rb, sample13.rb)
5. Tips for creating our original Shoes apps
   • 00501 Open Shoes built-in manual and Shoes console window
   • 00502 Output messages on the Shoes console window (sample15.rb, sample15-1.rb)
   • 00503 shoes --help
   • 00504 App object and coding style (sample16.rb, sample17.rb, sample18.rb, sample47.rb)
   • 00505 Built-in Constants and methods
   • 00506 Scope: A tip of using the YAML file (sample19.rb, sample19-1.rb)
   • 00507 keypress, mouse and clipboard (sample20.rb, sample21.rb, sample65.rb, sample20-1.rb)
   • 00508 The Widget class (sample22.rb, sample49.rb)
   • 00509 shape (sample23.rb)
   • 00510 mask (sample24.rb)
   • 00511 Drawing directly on to images (sample25.rb)
   • 00512 Style (sample26.rb, sample56.rb)
   • 00513 Shoes.setup (sample27.rb, sample50.rb)
   • 00514 Downloader (sample28.rb)
   • 00515 Assign Shoes URL dynamically (sample29.rb)
   • 00516 Classes List and Colors List (sample30.rb, sample30-1.rb, sample30-2.rb)
   • 00517 start, stop and restart (sample31.rb)
   • 00518 Combination of image objects show/hide and mouse hover/leave (sample32.rb, sample33.rb, sample34.rb)
   • 00519 arc and cap (sample35.rb)
   • 00520 widget with block (sample36.rb, sample36-1.rb)
   • 00521 text message slide-in (sample37.rb)
   • 00522 #! shoes (sample38.rb, sample38-1.rb)
   • 00523 loading widgets from other files? (sample39.rb, sample39-creature.rb)
   • 00524 optional arguments (sample40.rb, sample40-1.rb)
   • 00525 slot with scrollbar (sample41.rb)
   • 00526 The :state style (sample42.rb)
   • 00527 Shoes::FONTS and External Fonts (sample43.rb)
   • 00528 Shoes Tutorial Note Launcher (sample44.rb)
   • 00529 UTF-8 (sample45.rb)
   • 00530 Open a new app window (sample46.rb, sample48.rb)
   • 00531 Open the Shoes console window from your app (sample51.rb, sample55.rb)
   • 00532 Customize Shoes Class (sample53.rb, sample53-1.rb, sample53-2.rb, sample53-2.rb)
   • 00533 Image Effects with blur method (sample54.rb)
   • 00534 Video playback (sample59.rb, sample59-1.rb)
   • 00535 Scope: local variable and instance variable (sample60.rb)
   • 00536 edit_line with block (sample63.rb)
   • 00537 One way of layer manipulation (sample64.rb)
   • 00538 Show and hide the slots (sample66.rb)
   • 00539 class definition outside of Shoes.app block (sample69.rb, sample69-1.rb, sample69-2.rb)
   • 00540 flexible time interval (sample72.rb, sample72-1.rb, sample72-2.rb, sample72-3.rb, sample72-4.rb)
   • 00541 Shoes comes with sqlite3/ruby (sample73.rb)
   • 00542 zoom method with a little bit of metaprogramming (sample74.rb, zoom.rb, zoom-1.rb, sample74-1.rb)
   • 00543 UTF-8 again (sample75-1.rb)
6. Hot Topics in the Shoes ML and Shoooes.net
   • 00601 External Fonts
   • 00602 Locking edit_box
   • 00603 Styling Master List
   • 00604 Trying to ease the RubyGems pain
   • 00605 Shoes snapshot
   • 00606 shoes gem alternate repo's
   • 00607 http post in shoes
   • 00608 Building Shoes with Windows DDK
   • 00609 Write a 17-line fake chat client using Shoes (sample70.rb)
   • 00610 red equal blue??? (sample71.rb, sample71-1.rb)
   • 00611 The value of top and left
   • 00612 Dynamically changing the size/title of the shoes main window
7. Assignment
   • 00701 Assignment 1 twitter client (reader)
   • 00702 Assignment 2 footracer (mini-footracer-1st.rb, mini-footracer-2nd.rb)
   • 00703 Assignment 3 Mini Adventure Game GUI Part (sample52.rb, sample52-render.rb)
   • 00704 Assignment 4 Pong in Shoes (sample58.rb)
   • 00705 Assignment 5 Riddles in Shoes (sample67.rb)
   • 00706 Assignment 6 Dog Hunts Sheep Game (sample68.rb)
8. 00800 Relevant web sites (Links) (sample62.rb)
9. 00900 Appendix
10. 01000 Acknowledgment
11. Fancy Gallery
    • 01110 Fancy Gallery 1-5 (gallery1.rb, gallery1-1.rb, gallery2.rb, gallery2-1.rb, gallery3.rb, gallery4.rb, gallery4-1.rb, gallery5.rb)
    • 01120 Fancy Gallery 6-10 (gallery6.rb, gallery7.rb, gallery8.rb, gallery9.rb, gallery10.rb, gallery10-rules.rb, gallery10-image.rb)
    • 01130 Fancy Gallery 11-15 (gallery11.rb, gallery12.rb, gallery12-flickr.rb, gallery13.rb)

12. Built-in Samples

    • 01201 simple-accordion (simple-accordion.rb)
    • 01202 simple-calc (simple-calc.rb, sample61.rb)
    • 01203 simple-menu (simple-menu-r1.rb)
13. 01300 Trivia (sample91.rb, sample92.rb, sample93.rb)

Change log:

Look at changelog.mdown.

To do list:

• Add search function.... done!
• Improve mkpdf.rb to form more beautifully.
• Improve the browser feature to resizable.
• Improve mkbightml.rb for creating PDF file.

Let's enjoy Ruby and Shoes programming!!

:-D

ashbb

NOTE

• Shoes Tutorial Note on Heroku, simple search (beta) is available. The contents are the same on the GitHub repo.
• Shoes Tutorial Note on GitHub
• PDF file is here. Although it's not following the latest revision. :-P