TweetFollow Us on Twitter

Blinking Letters 2
Volume Number:12
Issue Number:9
Column Tag:Getting Started

The Peter Lewis Applet, After

By Dave Mark

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

Last month, we went through the first version of my color blinking text applet. As I told you then, I showed the applet to Peter Lewis (he of Anarchie and other cool Internet software fame) and he rewrote it. This month, we’ll take a look at Peter’s rewrite. As you read through Peter’s code, bear this in mind. This applet definitely is not the only way to do things. Far more importantly, this version of CWBlink introduces a number of important Java topics, all of which you should learn about and eventually master. We’ll aim to cover each topic in more detail in the coming months. For now, just enjoy.

The New CWBlink Project

The new version of CWBlink extends last month’s example with a pushbutton that adds the ability to turn blinking on and off, and also offers a convenient, well-defined place to drop into your debugger. Figure 1 shows CWBlink with color blinking turned on.

The new CWBlink project is based on two Java source files instead of one. The first file, CWBlink.java, contains the heart of the applet, and is divided into two classes. The class CWBlink extends java.applet.Applet, and is the applet itself. The class BlinkingText extends the Canvas class (a generic drawing component class), implements the Runnable interface (which means it can be a thread - see last month’s column), and defines a generic blinking text object. The CWBlink class creates and starts the BlinkingText object.

The second file, AppletFrame.java, is needed only if you want your applet to run standalone, replacing the applet frame with your own frame. This source file is definitely worth understanding. We’ll start off by listing both source code files (along with the associated HTML file), then cover the highlights of each file.

Figure 1. The CWBlink applet with color blinking turned on

If you like the experience of creating your project from scratch (as I do), launch CodeWarrior, create a new project using the Java Applet stationery, then create three new source code files. Here’s the source code for CWBlink.java:

package com.metrowerks.example.CWBlink;

import java.awt.*;

public class CWBlink extends java.applet.Applet
{
 private Button blinkButton;
 private BlinkingText blinkText;

 public String getParameter(String name)
 {
 String result = null;
 
 try
 {
 result = super.getParameter(name);
 }
 catch ( Exception e )
 {
 result = null;
 }
 
 return result;
 }

 public void init()
 {
 Panel tempPanel;
 
 String att = getParameter("speed");
 int speed = (att == null) ?
 500 : (1000 / Integer.valueOf(att).intValue());
 
 setLayout( new BorderLayout() );

 att = getParameter("blinker");
 String blinkString = (att == null) ?
 "CodeWarrior!!!" : att;
 
 blinkButton = new Button( "Blink" );
 
 tempPanel = new Panel();
 tempPanel.add( blinkButton );
 this.add( "North", tempPanel );
 
 blinkText = new BlinkingText( blinkString, speed );
 
 tempPanel = new Panel();
 tempPanel.add( blinkText );
 this.add( "Center", tempPanel );
 
 resize( 570, 170 );
 }
 
 public void start()
 {
 blinkText.start();
 }
 
 public void stop()
 {
 blinkText.stop();
 }
 
 public boolean action(Event evt, Object arg)
 {
 if ( "Blink".equals(arg) )
 {
 blinkText.ToggleBlinking();
 }
 return true;
 }
 
 public static void main(String args[])
 {
 com.metrowerks.AppletFrame.startApplet(
 "com.metrowerks.example.CWBlink.CWBlink",
 "Blink", args);
 }
}


class BlinkingText extends Canvas implements Runnable
{
 private Thread blinkThread = null;
 private String blinkString;
 private Font font;
 private int speed;
 private boolean isBlinking = false;
 private Color[] letters;
 private boolean[] is_black;
 private int current_letter = 0;
 private int old_width, old_height;
 
 private Color RandomColor()
 {
 int red, green, blue;
 
 do {
 red = (int)(Math.random() * 256);
 } while ( red > 0x8000 );
 
 do {
 green = (int)(Math.random() * 256);
 } while ( green > 0x8000 );
 
 do {
 blue = (int)(Math.random() * 256);
 } while ( blue > 0x8000 );
 
 return new java.awt.Color( red, green, blue );
 }
 
 public BlinkingText( String blinkString, int speed )
 {
 this.blinkString = blinkString;
 this.speed = speed / blinkString.length();
 this.font = new java.awt.Font( "TimesRoman",
 Font.PLAIN, 64 );
 this.letters = new Color[blinkString.length()];
 this.is_black = new boolean[blinkString.length()];
 
 for ( int i = 0; i < letters.length; i++ )
 {
 letters[i] = RandomColor();
 is_black[i] = true;
 }
 resize( 530, 70 );
 repaint();
 }
 
 public synchronized void ToggleBlinking()
 {
 isBlinking = ! isBlinking;
 notify();
 }
 
 public synchronized void PaintLetter( int the_letter )
 {
 Rectangle b = bounds();
 int width = b.width;
 int height = b.height;
 Graphics g = getGraphics();
 
 if ( old_width == width && old_height == height )
 {
 int x = 0;
 int y = height;

 g.setFont(font);
 FontMetrics fm = g.getFontMetrics();
 
 for (int index=0; index<the_letter; index++ )
 {
 int w = fm.charWidth(blinkString.charAt(index));
 x += w;
 }
 
 int w = fm.charWidth(blinkString.charAt(the_letter));
 g.setColor( isBlinking ? 
 letters[the_letter] : Color.black );
 g.clearRect( x, 0, w, height );
 g.drawString( blinkString.substring( 
 the_letter,the_letter+1), x, y );

 is_black[the_letter] = !isBlinking;
 }
 else
 {
 paint( g );
 }
 }
 
 public synchronized void paint(Graphics g)
 {
 Rectangle b = bounds();
 int width = b.width;
 int height = b.height;
 old_width = width;
 old_height = height;
 int x = 0;
 int y = height;

 g.setColor(Color.black);
 g.setFont(font);
 FontMetrics fm = g.getFontMetrics();
 
 g.clearRect( 0, 0, width, height );
 if ( isBlinking )
 {
 for (int index=0; index<blinkString.length();
 index++ )
 {
 int w = fm.charWidth(blinkString.charAt(index));
 
 g.setColor( letters[index] );
 
 g.drawString(
 blinkString.substring(index,index+1), x, y);
 x += w;
 }
 }
 else
 {
 g.drawString(blinkString, x, y );
 }
 
 for ( int index=0; index<blinkString.length(); index++ )
 {
 is_black[index] = !isBlinking;
 }
 }

 public void start()
 {
 stop();
 blinkThread = new Thread(this);
 blinkThread.start();
 }
 
 public void stop()
 {
 if ( blinkThread != null )
 {
 blinkThread.stop();
 blinkThread = null;
 }
 }
 
 public void run()
 {
 while (true)
 {
 synchronized ( this )
 {
 try
 {
 wait( 1 );
 }
 catch (Exception e)
 {
 }
 
 if ( isBlinking || !is_black[current_letter] )
 {
 if ( isBlinking )
 {
 letters[current_letter] = RandomColor();
 }
 PaintLetter( current_letter );
 }
 current_letter++;
 if ( current_letter >= blinkString.length() )
 {
 current_letter = 0;
 }
 }
 }
 }
 
 public void finalize()
 {
 stop();
 }
}

Save the source code as CWBlink.java and add it to the project. Next up, here’s the code for AppleFrame.java:

package com.metrowerks;

import java.awt.*;
import java.applet.Applet;

public class AppletFrame extends Frame
{
 public static void startApplet( String className,
 String title, String args[])
 {
 Applet a;
 Dimension appletSize;

 try {
 a = (Applet)
 Class.forName(className).newInstance();
 } catch (ClassNotFoundException e) {
 return;
 } catch (InstantiationException e) {
 return;
 } catch (IllegalAccessException e) {
 return;
 }

 a.init();
 a.start();
 
 AppletFrame f = new AppletFrame(title);
 
 f.add("Center", a);
 
 appletSize =  a.size();
 f.pack();
 f.resize(appletSize);
 f.show();
 
 }

 public AppletFrame(String name)
 {
 super(name);
 }

 public boolean handleEvent(Event e)
 {
 if (e.id == Event.WINDOW_DESTROY)
 {
 dispose();
 return true;
 }
 
 return super.handleEvent(e);
 }
}

Save this code as AppleFrame.java and add it to the project as well. OK, last file. It’s the HTML file:

<title>Blinking CodeWarrior</title>
<hr>
<applet codebase=CWBlink
 code="com/metrowerks/example/CWBlink/CWBlink.class" 
 width=530 
 height=120>
 <param name=blinker value="CodeWarrior!!!">
 <param name=speed value=2>
</applet>
<hr>
<a href="CWBlink.java">The source.</a>

Save this one as CWBlink.html and add it to the project as well. (You don’t have to add the HTML file to the project, but it does make editing the file more convenient - you just double-click on the file name in the project window.)

Once your source code and HTML files are entered and added to the project, go to the Preferences panel, Java Project pane, select Class Folder from the Project Type popup, and enter CWBlink in the Folder Name field. This will store any class files generated by this project in a folder hierarchy inside a folder named CWBlink. This option works well if you plan on serving your applet on a Web page.

Select Make from the Project menu. CodeWarrior will compile your Java code and generate the appropriate .class files. To run your applet, drag your HTML file onto the Metrowerks Java application. If you want to use the debugger, be sure the debugger is enabled and that you have the MetroNub extension installed, then drag the .class files you want to debug onto the MW Debug application. When the debugger launches, click on your source code file name in the debugger window. If your source code file is not in the same folder as the .class file, you’ll be prompted to locate the source file. This can be a hassle, so to prevent it from happening you might want to keep your source files in the same folder as your .class files, even though this is a slight pain to set up.

Once the debugger finds your source code, it lets you do all the normal pre-running things like setting breakpoints. Note that the debugger window for one class will let you set breakpoints only in the functions that belong to that class.

Try this one: Drag CWBlink.class onto the MW Debug application. In the debug window that appears, click on CWBlink.java. When the source code appears, scroll down to this function:

 public boolean action(Event evt, Object arg)
 {
 if ( "Blink".equals(arg) )
 {
 blinkText.ToggleBlinking();
 }
 return true;
 }

Set a breakpoint next to the call to blinkText.ToggleBlinking(). Now go back to the Finder and drag the HTML file onto the Metrowerks Java application. When the applet starts running, click on the Blink button. If all was set up properly, you’ll pop into the debugger at the breakpoint.

Source Code Highlights

Normally, this is where I’d step through every single line of code in the applet. But since you’ve seen a lot of this code before (last month’s column), I’ll just run through the highlights. If you don’t get something about the code, don’t worry. The important thing to take away from this month’s column is list of concepts to read up on.

Take a look at the beginning of CWBlink.java:

package com.metrowerks.example.CWBlink;

import java.awt.*;

The first thing you notice is the package statement. Packages are like C and C++ libraries. The package statement at the beginning of a Java source file gives the collection of classes in this file a name. In this case, the CWBlink and BlinkingText classes are grouped in the package com.metrowerks.example.CWBlink. It’s important that you place the .class files generated from this source file into a directory structure that matches the package name. In this case, the two files CWBlink.class and BlinkingText.class must be placed in a folder with the path com:metrowerks:example:
CWBlink. Fortunately, CodeWarrior does this for you automatically.

You’ve already seen how to access a package: use the import command. In this file, we import the java.awt package.

Note that the getParameter() code was pulled into its own method. Smart move. Gee, why didn’t I think of that?

The init() method has some important new stuff in it. First, notice the use of the Panel class. A Panel is sort of like a PowerPlant View. Java uses the concept of containers and components. A container is just like it sounds, a containing view. A component is an interface element, like a pushbutton or checkbox. A Frame is an applet’s outermost container. A Panel might contain components and other containing classes.

To simplify things, think of a Frame as a Window, and a Panel as a collection of elements you want to group together. If your applet runs in a Web browser, the outer Frame is created for you. If you plan to run the applet standalone, you’ll need to create the Frame yourself. More on that in a minute (when we discuss AppletFrame.java).

The init() method loads the speed parameter (see last month’s column), then sets a layout for the current Frame. You should read up on layouts (any Java book worth its salt will cover them), but here’s the basics.

Every container has a layout that defines how contained elements are to be arranged. For example, the BorderLayout (see java.awt.BorderLayout.html) lays out a container using members named "North", "South", "East", "West" and "Center". A component added as "North" gets placed at the top of the container. A component added as "Center" gets the space left over when the other components are laid out.

Once the init() method sets the layout, it gets the blinking text parameter, then creates a pushbutton with the text "Blink". The button is added to a panel and the panel added to the current container. Since "North" is used, the button will appear at the top of the container.

Next, a new BlinkingText object is created and added to the center of the container. Finally, the container is resized. Play with this stuff. Try using "South" or "East". Change the parameters passed to resize.

Another important CWBlink method is main(). You can actually delete this method, and remove the AppletFrame.java file from your project, if you only want to run the applet from a Web page (from within a pre-built applet Frame). If you want your applet to run standalone, though, you’ll need to build an applet Frame yourself. AppletFrame.java does this. When you are running standalone, main() will get called automatically, and the AppletFrame.startApplet() method will get called.

To learn how all this works, read through the source in AppletFrame.java. It’s not very long, and will serve as a nice introduction to Frames. Even better, you can just add the AppletFrame.java file to your own applet projects.

Finally, the BlinkingText class demonstrates the extremely important topic of threads. As you know, Java is multi-threaded. For example, there is a garbage-collecting thread that ensures that an object that is no longer referenced is deallocated, so that your Java heap won’t end up hopelessly fragmented. The Thread class is very important. Read up on it (check out java.lang.Thread.html). Think of a Thread as a separate little flow of control within your main process.

There are several ways to create a Thread. You can subclass Thread and override the necessary methods (such as run()). Alternatively, you can implement the Runnable interface, which is what BlinkingText does. Once you start a thread, the VM keeps running your threads until they all die.

The synchronized keyword marks a block of code so that only one thread can access it at a time. This means that if one thread starts executing a synchronized method, any other thread that wants to run the same method has to wait until the first method is finished. This keeps two threads from confusing each other - by messing with the same variables, for example.

Till Next Month

We intend to dig into all of these topics in detail in future columns. In the meantime, spend some time with the Java HTML docs and read a good Java book.

 

Community Search:
MacTech Search:

Software Updates via MacUpdate

Vivaldi 2.6.1566.49 - An advanced browse...
Vivaldi is a browser for our friends. We live in our browsers. Choose one that has the features you need, a style that fits and values you can stand by. From the look and feel, to how you interact... Read more
Capo 3.7.4 - Slow down and learn to play...
Capo lets you slow down your favorite songs so you can hear the notes and learn how they are played. With Capo, you can quickly tab out your songs atop a highly-detailed OpenCL-powered spectrogram... Read more
Daylite 6.7.3.1 - Dynamic business organ...
Daylite helps businesses organize themselves with tools such as shared calendars, contacts, tasks, projects, notes, and more. Enable easy collaboration with features such as task and project... Read more
Firefox 68.0.1 - Fast, safe Web browser.
Firefox offers a fast, safe Web browsing experience. Browse quickly, securely, and effortlessly. With its industry-leading features, Firefox is the choice of Web development professionals and casual... Read more
Dashlane 6.1927.0 - Password manager and...
Dashlane is an award-winning service that revolutionizes the online experience by replacing the drudgery of everyday transactional processes with convenient, automated simplicity - in other words,... Read more
BetterTouchTool 3.153 - Customize multi-...
BetterTouchTool adds many new, fully customizable gestures to the Magic Mouse, Multi-Touch MacBook trackpad, and Magic Trackpad. These gestures are customizable: Magic Mouse: Pinch in / out (zoom)... Read more
calibre 3.46.0 - Complete e-book library...
Calibre is a complete e-book library manager. Organize your collection, convert your books to multiple formats, and sync with all of your devices. Let Calibre be your multi-tasking digital librarian... Read more
DEVONthink Pro 3.0beta4 - Knowledge base...
DEVONthink Pro is your essential assistant for today's world, where almost everything is digital. From shopping receipts to important research papers, your life often fills your hard drive in the... Read more
Adobe Creative Cloud 4.9.0.512 - Access...
Adobe Creative Cloud costs $20.99/month for a single app, or $52.99/month for the entire suite. Introducing Adobe Creative Cloud desktop applications, including Adobe Photoshop CC and Illustrator CC... Read more
Chromium 75.0.3770.142 - Fast and stable...
Chromium is an open-source browser project that aims to build a safer, faster, and more stable way for all Internet users to experience the web. Version 75.0.3770.142: Release notes were... Read more

Latest Forum Discussions

See All

Void Tyrant guide - Tips and tricks for...
Void Tyrant continues to get a lot of play in these parts. Probably because the game is just so deep and varied. The next stop on our guide series for Void Tyrant is class-specific guides. First up is the Knight, as it’s the first class anyone has... | Read more »
Summon beasts and battle evil in epic re...
Imagine a tale of conlict between factions of good and evil, where rogueish heroes summon beasts to aid them in them in warfare and courageously battle dragons over fields of scorched earth and brimstone - that's exactly the essence of epic fantasy... | Read more »
Upcoming visual novel Arranged shines a...
If you’re in the market for a new type of visual novel designed to inform and make you think deeply about its subject matter, then Arranged by Kabuk Games could be exactly what you’re looking for. It’s a wholly unique take on marital traditions in... | Read more »
TEPPEN guide - The three best decks in T...
TEPPEN’s unique take on the collectible card game genre is exciting. It’s just over a week old, but that isn’t stopping lots of folks from speculating about the long-term viability of the game, as well as changes and additions that will happen over... | Read more »
Intergalactic puzzler Silly Memory serve...
Recently released matching puzzler Silly Memory is helping its fans with their intergalactic journeys this month with some very special offers on in-app purchases. In case you missed it, Silly Memory is the debut title of French based indie... | Read more »
TEPPEN guide - Tips and tricks for new p...
TEPPEN is a wild game that nobody asked for, but I’m sure glad it exists. Who would’ve thought that a CCG featuring Capcom characters could be so cool and weird? In case you’re not completely sure what TEPPEN is, make sure to check out our review... | Read more »
Dr. Mario World guide - Other games that...
We now live in a post-Dr. Mario World world, and I gotta say, things don’t feel too different. Nintendo continues to squirt out bad games on phones, causing all but the most stalwart fans of mobile games to question why they even bother... | Read more »
Strategy RPG Brown Dust introduces its b...
Epic turn-based RPG Brown Dust is set to turn 500 days old next week, and to celebrate, Neowiz has just unveiled its biggest and most exciting update yet, offering a host of new rewards, increased gacha rates, and a brand new feature that will... | Read more »
Dr. Mario World is yet another disappoin...
As soon as I booted up Dr. Mario World, I knew I wasn’t going to have fun with it. Nintendo’s record on phones thus far has been pretty spotty, with things trending downward as of late. [Read more] | Read more »
Retro Space Shooter P.3 is now available...
Shoot-em-ups tend to be a dime a dozen on the App Store, but every so often you come across one gem that aims to shake up the genre in a unique way. Developer Devjgame’s P.3 is the latest game seeking to do so this, working as a love letter to the... | Read more »

Price Scanner via MacPrices.net

Weekend Deal: 2018 13″ MacBook Airs starting...
B&H Photo has clearance 2018 13″ MacBook Airs available starting at only $999 with all models now available for $200 off Apple’s original MSRP. Overnight shipping, or expedited shipping, is free... Read more
Apple has clearance 10.5″ iPad Pros available...
Apple has Certified Refurbished 2017 10.5″ iPad Pros available starting at $469. An Apple one-year warranty is included with each iPad, outer shells are new, and shipping is free: – 64GB 10″ iPad Pro... Read more
Apple restocks refurbished iPad mini 4 models...
Apple has restocked Certified Refurbished 32GB iPad mini 4 WiFi models for $229 shipped. That’s $70 off original MSRP for the iPad mini 4. Space Gray, Silver, and Gold colors are available. Read more
Apple, Yet Again, Is Missing An Ultraportable...
EDITORIAL: 07.19.19 Prior to the decision made by Apple earlier this month to retire the thin and light MacBook model with a 12-inch retina display, the Cupertino, California-based company offered,... Read more
Verizon is offering a 50% discount on iPhone...
Verizon is offering 50% discounts on Apple iPhone 8 and iPhone 8 Plus models though July 24th, plus save 50% on activation fees. New line required. The fine print: “New device payment & new... Read more
Get a new 21″ iMac for under $1000 today at t...
B&H Photo has new 21″ Apple iMacs on sale for up to $100 off MSRP with models available starting at $999. These are the same iMacs offered by Apple in their retail and online stores. Shipping is... Read more
Clearance 2017 15″ 2.8GHz Touch Bar MacBook P...
Apple has Certified Refurbished 2017 15″ 2.8GHz Space Gray Touch Bar MacBook Pros available for $1809. Apple’s refurbished price is currently the lowest available for a 15″ MacBook Pro. An standard... Read more
Clearance 12″ 1.2GHz MacBook on sale for $899...
Focus Camera has clearance 12″ 1.2GHz Space Gray MacBooks available for $899.99 shipped. That’s $400 off Apple’s original MSRP. Focus charges sales tax for NY & NJ residents only. Read more
Get a new 2019 13″ 2.4GHz 4-Core MacBook Pro...
B&H Photo has new 2019 13″ 2.4GHz MacBook Pros on sale for up to $150 off Apple’s MSRP. Overnight shipping is free to many addresses in the US: – 2019 13″ 2.4GHz/256GB 6-Core MacBook Pro Silver... Read more
AirPods with Wireless Charging Case now on sa...
Amazon has extended their Prime Day savings on Apple AirPods by offering AirPods with the Wireless Charging case for $169.99. That’s $30 off Apple’s MSRP, and it’s the cheapest price available for... Read more

Jobs Board

Geek Squad *Apple* Master Consultation Agen...
**702908BR** **Job Title:** Geek Squad Apple Master Consultation Agent **Job Category:** Services/Installation/Repair **Location Number:** 000360-Williston-Store Read more
Best Buy *Apple* Computing Master - Best Bu...
**711023BR** **Job Title:** Best Buy Apple Computing Master **Job Category:** Sales **Location Number:** 000012-St Cloud-Store **Job Description:** **What does a Read more
*Apple* Systems Architect/Engineer, Vice Pre...
…its vision to be the world's most trusted financial group. **Summary:** Apple Systems Architect/Engineer with strong knowledge of products and services related to Read more
Best Buy *Apple* Computing Master - Best Bu...
**696259BR** **Job Title:** Best Buy Apple Computing Master **Job Category:** Store Associates **Location Number:** 001076-Temecula-Store **Job Description:** The Read more
Business Development Manager, *Apple* Globa...
Business Development Manager, Apple Global Tampa, FL, US Requisition Number:73805 As a Global Apple Business Development Manager at Insight, you proactively Read more
All contents are Copyright 1984-2011 by Xplain Corporation. All rights reserved. Theme designed by Icreon.