TweetFollow Us on Twitter

Hypercard Authoring
Volume Number:10
Issue Number:3
Column Tag:Hypercard

Multimedia Authoring
With Hypercard V2.2

HyperCard’s not so colorblind anymore

By Tom Hammer, Apple Computer, Inc.

Note: Source code files accompanying article are located on MacTech CD-ROM or source code disks.

About the author

Tom manages a group at Apple. This means that he goes to meetings and otherwise avoids being anywhere near his dreaded telephone. He deserves your pity.

If you’ve been working on multimedia development on the Macintosh, chances are you’ve done some work with HyperCard. It’s a broad and accessible development environment, and now even more versatile as it can call on the services of the Open Scripting Architecture (OSA).

As rich as it is, HyperCard has lacked some things that are necessary if you’re going to effectively develop multimedia products. Support for color and needs specific to multimedia development haven’t been a part of the product and they have been either difficult to get or use. But help has arrived. Finally, HyperCard 2.2 offers us enough functionality in the box to let us do some serious work.

Color Tools

The most noticeable addition for multimedia developers is the inclusion of Color Tools, a stack with XCMDs and scripts for adding color to a stack. It has a button to install a Color Editor initialization handler into your Home stack. That adds a Color menu to your HyperCard menu bar. By choosing “Open Color Tools” from the Color menu when you have your stack open, you add the necessary resources (some strings, a custom CopyBits, and the AddColor XCMD) to your stack. Color Tools gives you a set of menus and a palette to colorize your stack, and keeps track of the color information you generate. The Color Tools palette appears when you “Open Coloring Tools” from the Color menu (Figure 1).

You can use the palette to create color objects, place pictures, and colorize normal objects. The AddColor XCMD does most of the work. It’s only 32K in size, and manages a stack’s database of color objects, including PICT resources or references to PICT files. AddColor also provides a wide range

Figure 1 - The Color Tools Palette

of visual effects for use when going from card to card or when displaying a color object from a script.

AddColor also allows you to create scripts that colorize the stack when it is running. This allows you to display pictures in response to the user's selections, and highlight buttons in color, too.

The other XCMDs and scripts in the Color Tools stack allow you to add and edit the color in your stack while you are developing it. You will create the information that the AddColor XCMD needs to colorize the card. You will be able to colorize buttons and fields, as well as color in any rectangular area you want. You can even draw color pictures!

AddColor uses information stored in the stack to know what and how to colorize the current card. AddColor gets installed into every stack that you colorize, so when you are done creating your stack, everyone else can enjoy your work.

Here’s a brief list of the calls that AddColor supports. The Color Tools stack goes into much more detail on each of these calls.

AddColor’s commands include:

"install" [,<bit depth>]
"remove"
"colorCard" [,<effect>[, <duration>]]
"colorCardLayered" [,<effect>[, <duration>]]
"colorBackground" [,<effect>[,<duration>]]
"colorRect","cd" |" bg",<rectangle>,<color>,<bevel>
"colorPict","cd" |" bg",<pictName>,<point | rectangle>,
 "t" |" o",[<effect>,[<duration>]]
"colorButton","cd" | "bg",<ID>,<color>,<bevel>
"colorField","cd" | "bg",<ID>,<color>,<bevel>
"colorPictFile","cd" | "bg",<fileName>,<point | rectangle>,
 "t" | "o"[,<effect>[,<duration>]]
"addRect","cd" | "bg",<rectangle>,<color>,<bevel>,<index>
"addPict","cd" | "bg",<pictName>,<point | rectangle>,
 "t" | "o",<index>
"addButton","cd" | "bg",<ID>,<color>,<bevel>,<index>
"addField","cd" | "bg",<ID>,<color>,<bevel>,<index>
"addPictFile","cd" | "bg",<fileName>,<point | rectangle>,
 "t" | "o",<index>
"getObjectClicked","cd" |"bg",<point> [,<type>]
"changeObjectColor","cd" | "bg",<index>,<color>
"changeObjectBounds","cd" | "bg",<index>,<rectangle>
"changeObjectTransparency","cd" | "bg",<index>,"t" | "o"
"removeObject","cd" | "bg",<index>
"getObjectBounds","cd" | "bg",<index>
"getObjectColor","cd" | "bg",<index>
"getObjectType","cd" | "bg",<index>
"getObjectBevel","cd" | "bg",<index>
"getPictName","cd" | "bg",<index>
"removeButton","cd" | "bg",<ID>
"removeField","cd" | "bg",<ID>
"moveForward","cd" | "bg",<index>
"moveBackward","cd" | "bg",<index>
"moveToFront","cd" | "bg",<index>
"moveToBack","cd" | "bg",<index>
"changeObjectBevel","cd" | "bg",<index>,<bevel>
"enable"
"disable"
"enableObject","cd" | "bg",<index>
"disableObject","cd" | "bg",<index>
"getButtonIndex","cd" | "bg",<ID>
"getFieldIndex","cd" | "bg",<ID>
"getBitsCall"
"compact","cd" | "bg"
"sort","cd" | "bg"

The four buttons at the top of the palette allow you colorize buttons or fields, add PICT resources or files to the card or background, and add color rectangles to the card or background. Below the buttons is a 256 color palette for adding color to buttons and fields or for creating colored rectangles.

You can apply a bevel to colored objects. Figure 2 shows how buttons and rectangles bevel outward, fields bevel inwards. Bevels can vary from one to six pixels and can be applied individually to buttons, fields, and colored objects.

Figure 2 - Buttons & Fields colored bevels

Double-clicking the Picture button in the Color Tools Palette allows you to place a PICT resource or file on the card or background layer. The resulting dialog (Figure 3) lets you choose a PICT resource in your stack, previews it, and allows you to place it. You can also import PICT files or PICT resources from other files into your stack. It also lets you place PICT files without storing them in your stack. Instead it keeps a reference, and reads the file when it needs to load the picture.

Figure 3 - Previewing and placing PICTs

The AddColor XCMD maintains a database of color objects and colorizing information, and stores it in the stack. The other XCMDs in the Color Tools stack provide the editing and layering of the color objects and the palette. Assigning color to a button, for example, does not alter a property of that button. Rather, it adds a corresponding color object to AddColor’s database with that button’s id number.

Color Tools drives the AddColor XCMD with scripts. It also puts handlers into your scripts to call AddColor to update the screen based on its database of color objects. When you assign any color to a stack, whether it's coloring a button or field or adding a PICT, the Color Tools will add openStack, closeStack, openCard, and closeCard handlers to the stack script. These handlers script the AddColor XCMD to display color objects and control AddColor’s visual effects.

For example, adding color and a simple effect to a new stack generated this:

on openCard
  Send colorMe to this card
  pass openCard
end openCard

on colorMe
  AddColor colorCard,rakeHorizClose,30
end colorMe

on openStack
  AddColor install
  pass openStack
end openStack

on closeStack
  AddColor remove
  pass closeStack
end closeStack

There are 22 visual effects, and you can display or remove a color object without moving from card to card. Wipes, dissolves, combs, rakes, iris effects and rectangle zooms can all be called from scripts. AddColor’s effects include:

fromLeft
fromRight
fromTop
fromBottom
fromTopLeft
fromTopRight
fromBottomLeft
fromBottomRight
dissolve
irisOpen
irisClose
checkerBoardOpen
checkerBoardClose
circleCheckerOpen
circleCheckerClose
barnDoorOpen
barnDoorClose
combVertical
combHorizontal
rectOpen
rectClose
venetianBlindsHorizontal
venetianBlindsVertical
rakeHorizOpen
rakeHorizClose
rakeVertOpen
rakeVertClose

Though the Color Tools take care of the scripting for you, the full functionality of the AddColor XCMD is available to you. Appending an addRect, addPict, addButton, addField, or addPictFile parameter to AddColor adds the corresponding object to AddColor’s database for that card or background. Similarly, colorRect, colorPict, colorButton, colorField, and colorPictFile temporarily draws the corresponding object. It gets drawn in the topmost layer, and remains there until you ask AddColor to refresh the screen. It does so with only the objects assigned to that card or background. You control the opacity or transparency of PICTs, the bevel of objects, RGB values for colored objects, the layer (card of background) to draw in, and the visual effect to apply when drawing the object.

Here is a sample script that draws a picture on the card layer of the stack at a specific location. It will be opaque and will draw with a visual effect that wipes the screen from the top left corner to the bottom right corner at a speed of 30 ticks.

on mouseUp
 put the selectedText of me into whichPict
 set cursor to watch
 lock screen
 AddColor "colorPict","cd",whichPict,"20,30","o", ¬
 "fromTopLeft","30"
end mouseUp

Another example shows coloring a button in an idle loop with random colors, using a visual effect and a bevel of 3 pixels:

on idle
 global RGBvalue
 put random(65535) -- the maximum value for R, G, or B
 lock screen
 AddColor "colorButton","cd",the id of cd button ¬
 "Chameleon", RGBvalue,"3"
 pass idle
end idle

QuickTime Toolkit

Claris put the QuickTime Tools in HyperCard 2.1. HyperCard 2.2 provides the same tool, complete with bug fixes to both the stack and Movie XCMD. The QuickTime Tools stack uses an XCMD to control the playing of QuickTime movies in a stack. QuickTime Tools provides an interface to the Movie XCMD and will write button scripts for you to control it (Figure 4).

The Movie XCMD provides thorough control over movie playback. It supports Play, Pause, Reverse, StepFwd, StepRev, PreRoll, CopyFrame, ShowPoster and MovieIdle, as well as all QuickTime movie properties and window parameters. It also supports movie messages such as mouseDownInMovie and MovieVolumeChanged. QuickTime Tools also provides the MovieInfo XFCN to get characteristics of a movie file such as its rect, preferred volume, preferred rate, duration, and preview time.

Figure 4 - The QuickTime Tools

Interface Enhancements

HyperCard now supports a wider variety of standard Macintosh interface elements, like standard and default buttons. It also supports popup menus as a new button type. Buttons also have a new family property. Radio buttons of the same family no longer require scripting to be mutually exclusive as members of the same family now know about each other. You can enable or disable buttons, so you no longer have to mess around with special gray fonts to show a disabled button. The following handler shows two different ways to control a button’s enabled property:

on mouseUp
 global hasPaidFee
 if hasPaidFee is false then disable card button "Show Movie"
 else set the enabled of card button "Show Movie" to true
end mouseUp

Fields can also behave as lists if you set a field’s lockText, dontWrap, and autoWrap properties to true. Setting multipleLines to true will allow the list field to support contiguous selections in the field. You can set these options from a script or the Field Info dialog.

Stand-alone Builder

Claris responded to developers’ requests for a HyperCard standalone runtime with the HyperCard player, which now ships with all Macintosh CPUs in the United States and with the HyperCard Player Toolkit. HyperCard 2.2 significantly improves on this notion by providing a new Save As capability. HyperCard can use stack translators to let you save your stacks in a variety of ways.

HyperCard 2.2 ships with the StackToApp stack translator. It embeds the HyperCard 2.2 Player in your stack and lets you control attributes such as the resulting file’s signature and version strings. Now you can save one stack as an application and others as files to be opened only by that application.

Apple has worked with Kaleida Labs to develop another stack translator to save your stacks as ScriptX files. Kaleida will ship this translator with their ScriptX Software Developer Kit when it ships later this year. Your stacks will then run as ScriptX files on any platform that has a ScriptX runtime. Look for more information from both Apple and Kaleida when ScriptX ships.

A Word About Licensing

One set of complaints that multimedia developers have had with the HyperCard Player, and other add on products such as some color XCMDs, have to do with licensing. Apple has listened and tried to come provide the best possible answer. Apple includes a license to distribute the HyperCard runtime embedded in standalone applications, the AddColor XCMD, and the Movie XCMD in the price of the product. When you buy HyperCard, you also buy the right to distribute your applications using the runtime and these externals royalty-free. With the agreement already in the box, you don’t even have to exchange licensing agreements with Apple.

For a limited time

Apple is bundling ADDmotion™II from MotionWorks with HyperCard 2.2. This full-featured animation package allows you to do path-base animation using sprites. It includes a full-color paint editor and will install runtime XCMDs into a stack as well as its animation data and resources. You also get a license to distribute the ADDmotion™II runtime XCMDs with your stacks, royalty-free.

HyperCard offers considerable additional capability in this new release that make it much easier to do multimedia development. HyperCard 2.2 comes with the tools you need to deliver effective multimedia products.

 

Community Search:
MacTech Search:

Software Updates via MacUpdate

VOX 2.8.6 - Music player that supports m...
VOX just sounds better! The beauty is in its simplicity, yet behind the minimal exterior lies a powerful music player with a ton of features and support for all audio formats you should ever need.... Read more
MacUpdate Desktop 6.1.3 - Search and ins...
MacUpdate Desktop 6 brings seamless 1-click app installs and version updates to your Mac. With a free MacUpdate account and MacUpdate Desktop 6, Mac users can now install almost any Mac app on... Read more
ExpanDrive 5.4.1 - Access cloud storage...
ExpanDrive builds cloud storage in every application, acts just like a USB drive plugged into your Mac. With ExpanDrive, you can securely access any remote file server directly from the Finder or... Read more
Espionage 3.6.6 - Simple, state-of-the-a...
Espionage offers state-of-the-art encryption and plausible deniability for your confidential data. Sometimes, encrypting your data isn't enough to protect it. That's why Espionage 3 goes beyond data... Read more
Pinegrow Web Designer 2.94 - Mockup and...
Pinegrow Web Designer is desktop app that lets you mockup and design webpages faster with multi-page editing, CSS and LESS styling, and smart components for Bootstrap, Foundation, Angular JS, and... Read more
1Password 6.3.3 - Powerful password mana...
1Password is a password manager that uniquely brings you both security and convenience. It is the only program that provides anti-phishing protection and goes beyond password management by adding Web... Read more
Sublime Text 3126 - Sophisticated text e...
Sublime Text is a sophisticated text editor for code, markup, and prose. You'll love the slick user interface, extraordinary features, and amazing performance. Features Goto Anything. Use Goto... Read more
ForkLift 3.0 Beta 2 - Powerful file mana...
ForkLift is a powerful file manager and ferociously fast FTP client clothed in a clean and versatile UI that offers the combination of absolute simplicity and raw power expected from a well-executed... Read more
OmniFocus 2.7.1 - GTD task manager with...
OmniFocus helps you manage your tasks the way that you want, freeing you to focus your attention on the things that matter to you most. Capturing tasks and ideas is always a keyboard shortcut away in... Read more
CleanApp 5.1.1 - Application deinstaller...
CleanApp is an application deinstaller and archiver.... Your hard drive gets fuller day by day, but do you know why? CleanApp 5 provides you with insights how to reclaim disk space. There are... Read more

Leaf for Twitter (Social Networking)
Leaf for Twitter 1.0.1 Device: iOS iPhone Category: Social Networking Price: $4.99, Version: 1.0.1 (iTunes) Description: | Read more »
Banner Saga 2 (Games)
Banner Saga 2 1.0 Device: iOS Universal Category: Games Price: $4.99, Version: 1.0 (iTunes) Description: The epic award winning story-based role-playing game continues its emotional journey across a breaking world. Lead your Viking... | Read more »
Concrete Jungle (Games)
Concrete Jungle 1.16 Device: iOS Universal Category: Games Price: $4.99, Version: 1.16 (iTunes) Description: A follow up to the puzzle hit 'MegaCity'! Concrete Jungle is a new take on the city building genre that swaps micro-... | Read more »
5 great apps for the budget traveller
Travelling abroad, or even within your home country, has never been easier thanks to our handy smartphone companions. There are hundreds of apps on the market that promise to make your world journeys hassle-free, but we've selected five of the... | Read more »
Zip—Zap (Games)
Zip—Zap 1.01 Device: iOS Universal Category: Games Price: $1.99, Version: 1.01 (iTunes) Description: Touch to contract.Release to let go.Bring the clumsy mechanical beings home. · · · over 100 levelsno adsno in-app-purchases Zip—... | Read more »
Paperback: The Game (Games)
Paperback: The Game 1.0 Device: iOS Universal Category: Games Price: $3.99, Version: 1.0 (iTunes) Description: You are an author trying to finish kitschy paperback novels. Complete Westerns, Science Fiction, Romance or even a Crime... | Read more »
How to Rule With a Firm Hand in My Majes...
My Majesty is a kingdom management sim not unlike August’s magisterial hit, Reigns. It’s essentially a reskin of developer Tigrido’s previous management sim, Dictator. As supreme ruler of the land, you must consult with a number of subjects to... | Read more »
Our 5 Favorite iMessage Sticker Packs
At long last, iMessage joins the ranks of messaging apps the likes of LINE and Whatsapp, adding an impressive collection of stickers. They’re a great way to add a little something extra to your daily conversations. [Read more] | Read more »
How to get past Vulture Island's tr...
Vulture Island is a colorful and quirky mish-mash of platforming and puzzles. It’s creative and fresh, but sometimes the game can throw a curveball at you, leaving you stuck as to how you should progress. These tips will help you explore smoothly... | Read more »
The new Clash of Kings is just for Weste...
If you’ve played the original Clash of Kings, you’ll probably recognise the city building, alliance forging and strategic battles in Clash of Kings: The West. What sets this version apart is that it’s tailor made for a Western audience and the... | Read more »

Price Scanner via MacPrices.net

Apple refurbished Mac minis available startin...
Apple has Certified Refurbished Mac minis available starting at $419. Apple’s one-year warranty is included with each mini, and shipping is free: - 1.4GHz Mac mini: $419 $80 off MSRP - 2.6GHz Mac... Read more
13-inch 2.5GHz MacBook Pro available for $928...
Overstock has the 13″ 2.5GHz MacBook Pro available for $927.99 including free shipping. Their price is $171 off MSRP. Read more
Buying McLaren Would Give Apple Instant Car C...
Apple “iCar” rumors have waxed and waned over the years, piquing interest and speculation as to whether Apple is seriously interested in getting into the automotobile business, either in a joint... Read more
Aetna to Transform Members’ Consumer Health E...
Health care benefits company Aetna, which has an estimated 46.3 million clients, today announced a new initiative to revolutionize members consumer health experience by combining the power of iOS... Read more
USB-IF Announces USB Audio Device Class 3.0 S...
USB Implementers Forum (USB-IF), the support organization for the advancement and adoption of USB technology, today announced the USB Audio Device Class 3.0 specification to establish USB Audio over... Read more
Clearance 12-inch 1.2GHz Retina MacBooks, App...
Apple has Certified Refurbished 2015 12″ 1.2GHz Retina MacBooks available for $1189, or $410 off original MSRP. Apple will include a standard one-year warranty with each MacBook, and shipping is free... Read more
Logitech SmartDock and Skype For Business Com...
Logitech has announced Logitech SmartDock, an AV meeting room solution designed in collaboration with Microsoft. Logitech SmartDock works with Skype for Business and qualified devices, including... Read more
27-inch iMacs on sale for up to $220 off MSRP
B&H Photo has 27″ Apple iMacs on sale for up to $200 off MSRP including free shipping plus NY sales tax only: - 27″ 3.3GHz iMac 5K: $2099 $200 off MSRP - 27″ 3.2GHz/1TB Fusion iMac 5K: $1899.99 $... Read more
Apple Macs and iPads available for up to $300...
Purchase a new Mac or iPad using Apple’s Education Store and take up to $300 off MSRP. All teachers, students, and staff of any educational institution qualify for the discount. Shipping is free, and... Read more
Save up to $600 with Apple refurbished Mac Pr...
Apple has Certified Refurbished Mac Pros available for up to $600 off the cost of new models. An Apple one-year warranty is included with each Mac Pro, and shipping is free. The following... Read more

Jobs Board

*Apple* Retail - Multiple Positions- Chicago...
Job Description: Sales Specialist - Retail Customer Service and Sales Transform Apple Store visitors into loyal Apple customers. When customers enter the store, Read more
*Apple* Retail - Multiple Positions- Raleigh...
Job Description:SalesSpecialist - Retail Customer Service and SalesTransform Apple Store visitors into loyal Apple customers. When customers enter the store, Read more
User Support Specialist *Apple* Product Spe...
…Description:Ciber, Inc. is seeking a User Support Specialist - Apple Product Support in Nashville, TN!Responsibilities:Support, implementation, and upgrade of Read more
Restaurant Manager (Neighborhood Captain) - A...
…in every aspect of daily operation. WHY YOU'LL LIKE IT: You'll be the Big Apple . You'll solve problems. You'll get to show your ability to handle the stress and Read more
US- *Apple* Store Leader Program - Apple (Un...
…Summary Learn and grow as you explore the art of leadership at the Apple Store. You'll master our retail business inside and out through training, hands-on Read more
All contents are Copyright 1984-2011 by Xplain Corporation. All rights reserved. Theme designed by Icreon.