 |
 |
 |
||||||||||||
 3D 3D Photo Gallery (Part 1) 3D Photo Gallery (Part 2) Audio Poor Man's MIDI Make A Metronome iPod Tricks (Part 1) iPod Tricks (Part 2) iPod Tricks (Part 3) Laugh Track Machine Audio Player with Reverb Shepard Melody RB Phone Home Build a Drum Machine Custom Controls and Windows Double Click Listbox Draggable Metal Window Double Click Canvas Custom Buttons Custom Buttons Part II iTunes-style Listboxes Custom Controls General RB Scrolling Windows Using Mesage Dialogs Case-Sensitive Word Finder Introduction to Stacks Wiggle Window JPEG in PDF Listbox Checkboxes Background Applications Listbox Auto-Find Virtual Volumes Time Tracker Software Distribution (Part 1) Software Distribution (Part 2) Software Distribution (Part 3) Software Distribution (Part 4) Exceptions Tips and Tricks Text Clippings Made Easy Graphics Drawing a Simple Gradient The SpriteSurface: Space Game Image Spinner Cropping Graphics (Part 1) Cropping Graphics (Part 2) Cropping Graphics (Part 3) Cropping Graphics (Part 4) Shimmer Graphics Lissajous Figures Simple Screen Capture Vector Graphics Kaleidoscope Images Stegonography Spirals! Image Table RB Magnifying Lens Screen Capture Color Picker Tutorial Hacks Ghost Grab Speedy Mouse Extension iTunes Plugins iTunes Skinner Mac OS X Global Hot Key Event (Carbon Events) Login Welcomer (Carbon Events) Add/Remove Buttons Resizable Sheets Mac OS X Preferences Window Using Sheets in REALbasic Build a Bundle (Part 1) Build a Bundle (Part 2) Dock Your Passwords Mac OS X Debugging REALbasic Mac OS X Icon Tutorial Animate Your Dock RB and the Command Line Menus Window Menu Templates Menu Listbox Menu Novelty Guessing Game Calendar Trivia Tile Mixer Zip Code Finder Happy Valentine's Day Merlin Simulator (Part 1) Merlin Simulator (Part 2) Merlin Simulator (Part 3) Buzzword Machine AppleSoft BASIC Printing Print to PDF Registration Registration Code Validation Network Registration Codes Resources Picture Extractor (Part 1) Picture Extractor (Part 2) Serial Caller ID (Part 1) Caller ID (Part 2) Caller ID (Part 3) Speech Speech Recognition Socket Communication Easy Peer-to-Peer File Sharing MacPAD Version Checking Display Web Image In Canvas HTML IMG Tags Version Tracking Even Smarter Instant Messaging Web Tiler JavaScript and REALbasic Stock Ticker (Part I) Stock Ticker (Part 2) AIM Mate XML Manipulation Simple XML Introduction Video Big Brother Video Capture Note: All articles without a byline were written by Erick Tejkowski. When cleaning the site I removed them because the code differed from page to page, and I have yet to put them back in.
Tell us about a bad link. |
 |
Back in the late 1970's, Parker Brothers introduced a great handheld electronic game machine called Merlin. Merlin played six different games that, while crude compared to today's gizmos, could hold a kid's interest for hours on end (trust me on this one). This week, we will begin with Part 1 of a multi-part REALbasic tutorial to build a Merlin simulator. Background If you aren't familiar with the Merlin game, perhaps a good place to start is with a little background information. The web holds a wealth of Merlin goodies, from photographs of the machine to descriptions of its functionality. To get a sense of how the machine worked, check out some of these links:
Merlin was a popular game with kids (in reality, pretty much any handheld electronic device was popular... much like today). Merlin was special though, because it played many more games than other popular machines of the era and, despite its foot-long enclosure, was fairly portable. (For some perspective, it was a tad longer than a Newton and a bit narrower.). Create the Interface Since our Merlin Simulator project is somewhat involved, we are going to break it up over several weeks. This week, we'll focus on creating the interface. Next week, we'll begin adding functionality to the simulator. Your first step in creating the Merlin interface will likely begin with a graphics application. Use whatever is handy to create 'PICT' files for the following interface elements:
If you aren't handy with graphics or simply don't have the time to create them, don't fret. You will get a chance to download the completed project, which has taken care of the dirty work for you. Once you have some graphics, drag them into the Project Window. Next, open Window1 and add the following controls to the window:
If you are following along, your interface might look like this (Note! Canvas1 occupies the entire size of the window and is behind all of the buttons): 
Next, download these button classes and drop them into your project. The classes are named NumButtonClass and UtilButtonClass. Once you have added them to the project, change the Super property of each NumButton to NumButtonClass and the Super property of each UtilButton to UtilButtonClass. If you download the completed project at the end of this tutorial, you needn't download the button classes (they are included in the final project). The separate download of the classes is meant strictly as a convenience to you should you wish to follow along and build the project. In case you are wondering how these classes work, check out this previous ResEx tutorial. This week's custom classes work in a similar fashion. When you've finished constructing the interface, select Debug-Run to see your handiwork. If all goes well, it shouldn't look too much different than the previous interface image. It will act differently, though. When you press the buttons in the interface, the Number buttons will change to red when pressed and the Utility buttons will also behave like buttons, dimming when depressed. 
Conclusion Well, that's it for this week. We covered a lot of preliminaries. Next week, we'll start looking at some code to make the Merlin Simulator actually do something. And, as promised, you can download the completed project and demo applications. See you next week! |
|
|||||||||||
|
Please support ResExcellence by Visiting our Sponsors. One click makes a difference. |
||||||||||||||
 |
 |
 |
 |