I fell sick the Tuesday after the conference, and wasn't really functional until Friday night, when I had enough energy to make this mockup capturing an idea I'd had at the conference:
On Saturday, I got the itch to try out the Nim programming language, so I skimmed the tutorial again and sat down to do some real coding in it. Naturally, my first program was a wrapper for the C[++] library BearLibTerminal, which I used to make Dr. Hallervorden. It was a neat experience to have my first program consist mostly of C bridge code.
With my BearLibTerminal integration finished, I moved on to a REXPaint .xp file parser. These are the two basic tools of game development for me: a way to display stuff, and a way to render ASCII “images” to that display.
REXPaint uses a straightforward binary format, except it mixes 32-bit integers with 8-bit integers, and the 8-bit parts throw off the alignment of the 32-bit parts. In safety-oriented languages like Nim and Swift (which I wrote a REXPaint file parser for earlier this year), this means it's necessary to unfasten your seat belt and do pointer arithmetic, even though the car beeps annoyingly at you the whole time.
Here's how you read a 32-bit integer from an arbitrary spot in a binary blob in Swift:
let data: Data = Data(contentsOf: URL(string: "file://foo"))
let pos = 13 // or whatever
let theNumber: Int32 = data.withUnsafeBytes({
return Array(UnsafeBufferPointer<Int32>(start: pos, count: 1))[0]
})
Here it is in Nim:
let data: string = readFile("foo")
let pos = 13
let stringPointer = unsafeAddr(data[pos])
let theNumber: int32 = cast[ptr array[0..0, int32]](stringPointer)[0]
To use them, you simply nimble install and import them.
Generally, my impression of Nim is that it's a workmanlike language, but it also feels like somebody took Swift and beat it with jumper cables.
Literally Canvas JSification
For the past few months, there has been a community effort (be still my beating heart!) to translate Literally Canvas's CoffeeScript codebase to ES6. Today, that effort crept forward a little bit more: someone separated the “core” version of Literally Canvas into its own repository! This means we can significantly reduce the size of the main code base and drastically simplify the build process, removing barriers to new contributors.
That's great news for me, because I would love to move on from being involved with Literally Canvas.
Drawsana
That doesn't mean I'm done with open source libraries that help you make illustration programs! I announced on the Asana blog on Monday that we're releasing Drawsana, a “markup tool construction kit” for iOS in the same vein as literallycanvas-core.
Tangledeep
When I wasn't doing all that stuff, I was playing Tangledeep. The developers were showing off the upcoming Switch port at the Roguelike Celebration arcade, so I had an excuse to try it out again. It's progressed a lot since the last time I played a year or two ago!
Last month I found out my first web sites were still online, so I've been digging through the downloads to see what I was working on when I was 12. (Part 1, Part 2, Part 3)
The last few files I found in the admin console for my old web sites were 3D renderings and MIDI files. StrataVision 3D, the software used to make the original Myst, was released for free in the late '90s. I used it to make things like this sassy robot:
I was also obsessed with spaceships and things that go fast. Here are a few of those:
I rendered all the MIDI files to AIFF using TiMidity and uploaded them to my Soundcloud page. Here's CoolSong1.mid:
One of the better ones is a song called Chase that I cleaned up a little in Logic Pro:
There's some not-too-bad dungeon crawly music in here, like this one, Escape:
You can torture yourself with the rest of them here.
Last week I found out my first web sites were still online, so I've been digging through the downloads to see what I was working on when I was 12. (Part 1, Part 2)
Although I spent most of my coding time making games, I also experimented with making “useful” programs. Since I was 12 years old and writing in various dialects of BASIC, my idea of “useful” a bit off the beaten path. I was dedicated, though, so in almost every case I wrote a very, very, very comprehensive README file so you would know exactly how to use my garbage software.
StephenEdit is a simple HTML editor. It was highly modified from an example that I got from www.squirrelsw.com. It could let you create an entire web site in less than an hour, but there are a few things that you need to know first.
What is HTML?
HTML stands for HyperText Markup Language. Don't even ask me what that is supposed to mean. This program will sort of write it for you.
Tutorial
First, do what the buttons say. Click on the one that says “Click me first thing”. It will give you the basic beginning HTML. In it it will have a tag that says <META NAME="KEYWORDS" CONTENT="Put keywords separated with commas here">. Where the message is, you put in keywords that will let your page pop up in a search by one of those words if you register your page with a search engine.
Commands
Add Link
This will add a link to your page.
Add Image
This will add an image to your page.
<IMG SRC="toaster.gif">name of image∆
Indent
This will indent the text after it.
Margin
This will add a margin about 2 cm wide.
Next Line
HTML doesn't skip to the next line when you do in an editor or word processor. These tags must be used to go to the nex line.
Table
If you want your page to be stationery instead of rearranging itself every time you resize the window, use these tags.
<TABLE WIDTH=200 BORDER=2>Text for table here</TABLE>
Width of table in pixels∆ ∆Border width
Bold, Italic, and Underline
Well duh, kind of obvious, isn't it?
Center
Use centered text
Font
Change the font
Horizontal line
Makes a line like the one below across your page
The “Text Window”
This window has text sizes in it.
Looking at your web page
If you want to see what your web site will look like, drag it to the icon or alias of your web browser.(like Netscape, or Internet Explorere) When the icon of the browser goes dark, let go of the mouse. Your browser should open your web page as if it had been saved from the browser. Another way is to go into your browser and select “Open” from the File menu. If you want to save your page as a document that will open with your browser automatically, just select “Save As...” from the File menu.
Extra commands
StephenEdit also lets you add your own commands. Here are a few: <FONT COLOR="your color here">Colored text here</FONT> <FONT SIZE="whatever number size">Sized text here</FONT>
Tips and Tricks
Copy and Paste come in handy.
If you are trying to learn HTML, just look at the commands.
Questions and comments go to wsj@mac.com
Notes
I used the ∆ glyph to point to things.
The email address at the bottom was my dad's.
90% of this program was example code for Visual MacStandardBasic.
Output
FileReader (Feb 2001)
I used a GIF as an example
Read Me
File Reader ReadMe
What is File Reader?
File Reader is an application that reads the data forks of files. In other words, it can open just about any file kind of like SimpleText, except it's got a lot of extra hexadecimal junk. File Reader will open ALMOST ANYTHING with a data fork, as lonk as they aren't things with only numbers in the left column.(you can check if you have ResEdit.)
I AM EMAIL HUNGRY!!!
Email me at:
srjohnson@usa.com
or visit my web site at:
imaciscool.htmlplanet.com
What does this button do?
Open
This will give you an open dialog where you can choose which file to open.
Export to ttxt
“ttxt” is just the four-letter file code for SimpleText files. It saves the file (and whatever changes you have made to it) into SimpleText format and will put it in File Reader's Folder.
Replace Text/Add To Text
When new files are open, you can either have File Reader replace the current text or add to it.
Type/Creator
Type is the file type. Creator is the file signature of the program that created it.
Default is set to SimpleText text file, but if you know the codes for other applications, you can change it.
What Data Forks Reveal
A lot of saved source files, saved games, and compiled applications have a lot of interesting data. Sometimes it's very interesting, as in revealing codes and all that. This document contains guides to some of those things.
By the way, when I say,“Skip a few lines”, that means that I don't know what the stuff that fills those skipped lines is.
GM Source Files
2018 Steve: I was trying to document the data fork formats of GameMaker files.
2018 Steve: I was trying to document the data fork format of Visual MacStandardBasic project files.
MacStandardBasic Form Version version_number
AppName=Executable Filename
Target=Library(example=Standard PPC Library)
MemMin=Minimum Memory Requirements
MemPref=Preferred Memory Requirements
FormCtr=?
ModuleCtr=?
Form=?
Visual MacStandardBasic Forms
MacStandardBasic Form Version MSB_version
This sets the form parameters.
FormBegin
Name=Form_Name
Title=Form_Title
Left=distance_from_left_side_of_screen
Top=distance_from_top
Width=width
Height=height
Sub Proc.=Form Sub Procedure
Visible=whether_visible(1/0)
Style=window_style_number
Font=default_font
FontSize=default_font_size
FontStyle=default_font_style_number
Show Grid=whether_show_grid(1/0)
Grid Snap=whether_grid_snap(1/0)
Grid Size=grid_size
Min. Width=minimum_control_width
Max. Width=maximum_control_width
Min. Height=minimum_control_height
Max. Height=maximum_control_height
AutoCenter=whether_auto_center(1/0)
ForeColor=R G B
BackColor=R G B
FormEnd
This part repeats for every control on a form.
ControlBegin=NameOfControl
Name=control_name
Text=control_text
Left (x)=distance_from_left_side_of_form
Top (y)=distance_from_left_side_of_form
Width=control_width
Height=control_height
Sub Proc.=sub_name
Visible=whether_visible(1/0)
Value=control_value(1/0)
Enabled=whether_enabled(1/0)
Font=control_font
FontSize=font_size
FontStyle=font_style_number
ScrollBar=whether_has_scrollbar(1/0)
Read Only=whether_read_only(1/0)
Opt20=?
Frame=?
ForeColor=R G B
BackColor=R G B
ControlEnd
This is the startup procedure.
Start
Dim A
CreateTheMenus
Form Form1
A=0
Do While A=0
Loop
Finish
Sorry that it doesn't have a save feature, but I couldn't get it to work. Maybe in future version...
But you could export it to the same type and creator and then copy the resources to it with ResEdit!
If you don't have ResEdit, get it from Apple's web site, developer.apple.com
Once you open something in File Reader, it isn't closed until you quit.
I don't know why, but sometimes, instead of opening a file, the text area is cleared.
Wondering what GamD is? It's GameMaker's file signature.
For some reason, exported files are changed to “TEXT” format instead of the specified one. This can be fixed in ResEdit. If you're going to do this, delete the “RMAP” resource.
File Reader can open SimpleText files and not have any extra junk! This means that SimpleText wouldn't look at it any differently if you changed any file's type to TEXT or ttro and its creator to TTXT. This program is just a quicker way.
I cheated big time in War of Shadows with this!
2018 Steve: War of Shadows was someone else's GameMaker game.
Daphctarcs (March 2001)
Documentation
Daphctarcs
Formerly known as The Third Attempt
By Stephen
imaciscool.htmlplanet.com
srjohnson@usa.com
I'm sure you're wondering where I got the name. It is “Scratchpad” spelled backwards. Dahpctarecs is a drawing program with all the normal features of any drawing program. (Minus the paint can, unfortunately. It can't save, either.) Use the navigation bar at the bottom of the screen to browse through the chapters.
Menus
File
Quit
Sort of obvious, eh?
Makeovers
Everything in this menu will have an effect on the entire graphics window.
Erase All
This erases everything in the graphics window.
Invert All
Everything in the graphics window is inverted. (White to black, etc.)
Inverted Quilt
10-pixel-inverted-squares will be layed diagonally, filling up the whole window.
Options
Pen modes, text scrollbars on/off and paint fill on/off.
Text Scrollbars:
Textboxes can have scrollbars. You can turn them on and off.
Shape Fill:
The options just below this label can toggle filled-in shapes.
Pen Mode:
There are many pen modes, but these are the only ones useful to this program.
Normal
Normal, non-see-through pen mode.
Invert
When using the pen tool, the pen updates as fast as it can, so using this pen mode with the pen tool can appear scrambled, especially black and white. (See below.)
With the line tool, there is no scrambling. Pen mode is not the same as fill mode and will not work with filled-in shapes!
Eraser
Erasers can be useful.
Tips
Dahpctarcs can't save, but press Command-Shift-4 and then drag a box around the area that you would like saved. The computer will make a snapshot noise, and the picture will be saved as “Picture 1 (or 2, 3, etc.)” in your hard drive folder.
To undo a full invert or inverted quilt, just invert all again!
Inverts can be used to get colors that are not available on the menu.
If you use any invert tool that fills the whole screen, doing it twice in a row will undo the invert affect.
Bugs
Sometimes, a color will revert back to white on its own. THIS IS NOT MY FAULT!!! 2018 Steve: It was my fault.
Whenever an area of the drawing window is covered up and then shown again, the entire process that you went through to draw your picture will be repeated as fast as the computer can draw. This can be taken as a bug or as a feature. THE COMPILER DID IT!!!
When you click on a new color or pen size, the active tool is deactivated.
If you hold down a tool button for too long, Daphctarcs draws a line or a dot to the right of the cursor, inside the drawing window.
Things that I really wish I could add, but can't
Saving
Copy/Pasting with pictures(works with text)
Non-flashy inverting pen
Stephen's Movie Viewer (April 2001)
Read Me
Stephen's Movie Viewer
Everything You Need to Know About Stephen's Movie Viewer
This is pretty easy. All you have to do is click “Play Movie” and you will be asked which movie. Type the name. Then click okay. If you press Return instead, the movie name box will go to the next line.
Now your movie will be played in a new window. To close it, just hit “Close Movie” to close your movie. If you try to open a new movie while one is already running, weird things will happen. I will try to include more than one movie running at the same time in later versions.
Note: Only movies that are in this application's folder may be played. I'd fix this if I could, but I can't. That's one reason why I wouldn't suggest using this player as your main one.
Gilderoy the Goldfish (April 2001)
Where are his fins?
Glideroy is a goldfish who talks when you mouse over him.
Phrases:
* What's that slimy thing on your shoulders? Oh, it's your head.
* What's that behind you?
* Stop treating me like a minnow!
* I'm too good to be on your computer.
* I love you, you love me, we're a fishy family.
* Oh no! I'ts a runaway toaster! Run!
* If you appreciate fishing, I'm never talking to you again!
* The meaning of the universe is pi-r-squared.
* If you're happy and you know it clap your hands!
* Go jump into the swirling black void that is your head.
* Oh no! A virus! Somebody help me!
ASCII Machine (April 2001)
1.0 Read Me
ASCII Machine 1.0
By Stephen
srjohnson@usa.com
This program just lets you look up characters’ ASCII values and values’ characters. To look up a character’s value, type it in the upper text box in the “Look Up Char” window. Then click “Look Up.” The character’s value wil appear in the lower box. The same applies for the other window.
Version 1.1 is going to have a cooler look and will be able to display a full ASCII chart. I have it ready, but I have to get permission from the author of ButtonMaker before I release it.
PageStarter (April 2001)
Read Me
PageStarter 1.0
By Stephen Johnson of iMac Island Software and Stratus Software
(Too many titles!)
PageStarter is a utility for people who already know HTML, but are tired of typing in the HTML to start off pages. This program will write the HTML for you, and all you have to do is enter in some text and click a few buttons!
Buttons/Fields:
Page Title: This fills in the <TITLE> tag.
Background: Select whether the background is a plain color or an image.
Color/Image Name: The name of the color or picture to be used as a background.
Alignment: Make your page left-aligned, centered, or right-aligned.
Page Heading: PageStarter will take the text from this field, put it in <H1> tags and stick it at the top of the page.
Opening Text: You can type some text to start off your page, but it will only accept 100 characters.
Go!: Click this button to have PageStarter display your HTML in the righthand box.
You can now use Cut, Copy, and Paste to edit the HTML in the field. I’ll try to have it be able to save to a file in future versions, but for now you’ll just have to copy the HTML in the field and paste into your HTML document.
FreeStuff
(These are some AppleScripts I made while playing around with Smile.)
FreeStuff v1.0
By Stephen
What is FreeStuff?
FreeStuff is the free alternative to DropStuff and StuffIt Expander. It supports drag-and-drop, but unfortunately, only drag-and-drop. You cannot open a file from within the application.
All you need to use FreeStuff is the “StuffIt Commands” scripting addition. Just make sure that “FreeStuff ƒ” is on the desktop, or the installation will not be successful. If the installer doesn’t work, or if you’re running Mac OSX, put “StuffIt Commands” wherever you put scripting additions. (In OS 8+, it’s the Scripting Additions folder in the System folder.)
What is included with this package?
FreeStuff v1.0
Just drag and drop files onto it, then choose your format. Right now, FreeStuff can’t do Zip, BZip, or UUEncode formats because I’m having problems with them. You can Stuff, BinHex, or MacBinary encode them. Stuffing decreases the file size, but judging from some tests I’ve run, I don’t think BinHex or MacBinary really decrease the file size, just prepare it for the internet.
ExPand v1.0
ExPand is just like StuffIt Expander, except it has a MUCH smaller file size(only 4k!).
DADDIM v1.0
DADDIM stands for Drag-And-Drop Disk Image Mounter. I haven’t been able to test it, because I have no way to make disk images and don’t have any on my drive! If you find any kind of error in this program, I need to know about it!
StuffIt Commands
by Leonard Rosenthol
StuffIt Commands is a Scripting Addition that allows you to have direct access to the StuffIt Engine and compress or decompress files in any format that StuffIt can.
Installer
The Installer will install StuffIt commands for you. (see second paragraph)
Contact
Email:
srjohnson@usa.com
Stratus Software
stratus.iwarp.com
iMac Island Software
members.home.net/sonpreach
Personal Site
(Hasn’t been updated in forever, but there’s still some good stuff on it)
imaciscool.htmlplanet.com
These programs were all made using Smile 1.8.0 with AppleScript 1.4 and compressed using FreeStuff v1.0.
FinderQuitter
Read Me
FinderQuitter 1.0
By Stephen
FinderQuitter is a little app that lets you quit the Finder to free up RAM. If you don’t know what I’m talking about, RAM (memory) is stored in blocks. If there is something in between two large blocks of memory and a game needs a lot of RAM, it won’t be able to have enough memory. That’s when you should use FinderQuitter will quit the Finder, which is usually what is in between blocks of memory.
Daphctarcs 2 (November 2001)
Can't even spell the name right now that I'm almost 30
Read Me
Daphctarcs 2.0
By Stephen
Tools
Pen
Comments:
Crazy Pen
Comments: It's the same as the pen, but it's got wacky colors.
Dots
Comments: Draws a trail of dots behind your cursor. The colorful one draws a colorful trail of dots behind your cursor.
Line
Comments:
Eraser
Comments:
Really Crazy Pen
Comments: The pen...but crazier and harder to describe. You'll have to try it.
Text
Comments: Drag a rectangle and a box of text appears that you can type in. The box will always be there. If you try to draw over it and click there again, the box will pop to the top. It will keep doing this until you select the “Clear All Text” menu. You can turn the scrollbar on and off using the option in the bar under the drawing window.
Beacon
Comments: You draw a circle (see the Circle tool) and Daphctarcs draws five circles around it, each one bigger than the last.
Square Beacon
Comments: This is just like the circular one except with rectangles.
Rectangle
Comments:
Circle
Comments: This is NOT the Ellipse tool! You click the mouse where you want the center of the circle, then drag outward to make it bigger.
Don't mix this up with the Ellipse tool. If you do, you'll end up with your whole graphics window filled with one color because you've made your circle too big.
Ellipse
Comments:
Line Spray 1
Comments: Draws random lines coming out from your cursors. The colored one changes colors (like the Crazy Pen tool), but the black one doesn't.
Line Spray 2
Comments: Draws random lines, but they are all within 40 pixels of your cursor.
Options
The options are in a little bar just below the paint window.
Delay:
If you want the line sprays to go slower, or you just want to watch the Checkerboard and Invert effects go slower, than make this number larger.
Pen Size:
This will make the pen bigger. All lines and dots will be drawn thicker if this value is bigger.
Pattern #:
The Macintosh OS has many patterns stored in itself. I was too lazy to figure out which number goes with which pattern, but I do know that normal black is 1. Any pattern number below 1 is random every time Daphctarcs launches, probably because you're not supposed to do that.
Text Scrollbars:
As described earlier in this document, text boxes can have scrollbars or not. This option turns them on and off.
“Checkerboard” effect: It inverts every other square in the graphics area.
“Invert” effect: It inverts the whole graphics window. (Black to white, white to black, etc.)
Windows
Upper Left
These are all the tools.
Lower Left
This is the color selection bar. Click “Custom Color” to enter your own RGB value.
Upper Middle
The Paint window.
Lower Middle
This bar has the options and effects.
Tips and Tricks
If you collapse the Paint window and uncollapse it again, you will get a replay of everything you have done since you last selected the “Clear All” menu. This could either be a bug or a feature. I didn't put it there, but it's cool anyway.
If you create a new text box, the text will be the same color as the main color.
If you really want to save your work, you can take a screenshot by pressing Command-Shift-4 and dragging a rectangle around the area that you want saved. It will be saved directly to your hard drive as “Picture 1,” or any other number, depending on how many screenshots you have taken.
Bugs
After using the “colorful” tools, the main color will be reset to black. I put this in because before, the color would be random.
Don't overdo the replay. If you go on for too long, you will get a “Memory Allocation Error.”
When you use some tools for the first time, you will be prompted with a dialog box. I have no idea why it does this, and you should just click the Cancel button.
What the heck is iSketch?
iSketch is a virtual Etch-A-Sketch with way too many features.
Why would I want a virtual Etch-A-Sketch?
I don't know.
What does it do?
A lot.
How to Use iSketch
Controls
Of course, you could always use the simple little detail controls, but you can also use the arrow keys or the “Etch-A-Sketch” keys: A-S and :–“. A moves down, S moves up, : moves left, “ moves right.
Customization
Select “Preferences” from the File menu for these options:
Set Background/Line Color—You can change line color and even the background color (if there is no background image).
Pen Size—You can change the size of the line.
Pen Pattern—This should be a number from 0 to 38. I didn't feel like displaying all the patterns for you so you'll have to find out which ones are which. 0 is just a random collection of pixels every time you start up iSketch.
Pixels Per Move—You can make your line “jump” this many pixels when you move.
Pen Mode—Make you line into an eraser, normal pen, or super-cool invert tool.
The File Menu
Clear All—Erases the background image and drawing from the main window.
Clear Graphics—Erases your drawing from the main window.
Restart Music—Starts the background music over again. The music controller is in the Detail Controls window.
Preferences—Described above.
Other Stuff You Should Know
You can change the background music and image by replacing “Background Image” and “Background Music” with your own stuff.
By deleting, moving, or renaming the background image, it will not show up and you will have a blank white window. By doing this you can use the Background Color feature.
By deleting, moving, or renaming the background music, you will have eliminated it from iSketch.
If you want to try out the pen patterns, make your pen size something like 50.
That's everything up to about 2002, when I moved to a web host that didn't survive to the present day.
Looking at all these wacky programs together, I think it's hilarious how much effort I went into documenting everything. It'sacompulsionIstillhave, and I'm glad it's a benefit in my professional life rather than a burden.
It might be fun to go back and remake some of these as modern Cocoa apps or static sites, but I'd rather keep moving forward. I'm grateful to have had the time, resources, and safety to play with this stuff at a time when I was still figuring out what I was interested in. Programming is still my hobby as well as my job for this time in my life, and while I might want to leave the coding for weekdays between nine and five at some point, for now I'm still going, as enthusiastically as ever.
I didn't learn to program in order to make games, but once I had learned a bit of BASIC, it's what I spent most of my time doing. I played around with a bunch of kid-oriented tools that didn't survive to the present day, copying and experimenting and just generally spending a ton of time glued to a screen trying to make things happen. Some of these tools were brought home on CDs by my dad: Learn to Program Basic, TrueBASIC, Visual MacStandardBasic. Others I found online, like the original Cocoa.
In this post I'll collect a few screenshots for your amusement and mine…mostly mine. :–) I had made a few text-based games earlier, but this is the first batch of things I ever uploaded to the internet.
First, a video to get you in the mood!
The Original Cocoa
Back when Cocoa was still NeXTSTEP, before the return of Steve Jobs, Apple had a small team working on a programming tool for children with the same name. I discovered it around 1999, when it had already been spun out into Stagecast Creator. Stagecast Creator was commercial by then, but the last development version from Apple was still available and free. So I picked it up and made some things. Here's the “IDE” with an example that came with it:
My best Cocoa DR3 game was Super Dude, a simple puzzle game where you had to fire rainbow arrows to destroy obstacles.
I also made a bad Space Invaders clone…
a bad Breakout clone…
…and games where you had to abduct humans into your spaceship, and drop packages from Santa's sleigh into chimneys.
The Original GameMaker
There have been a lot of programs called GameMaker. The one I learned was this one, an approximation of HyperCard tailored toward World Builder-style games. It had a simple interface, a simple programming language, and a relatively large community, so it was perfect for a kid just figuring things out.
Most of what I did was simple. Here's Save the Cute Little Doggy, a game in which you save your dog from aliens:
And here's a “game” called Destroy the World:
The biggest thing I made in GameMaker was CubeWars, in which you'd run around a maze of cubicles shooting managers with Nerf darts to avoid getting “fired.” I haven't been able to dig up the final build, but here's an unfinished version:
At some point, I tried making an “operating system” called FUNK OS – really a toy desktop environment. All I ever released was this “chat client” that would talk back to you with random phrases:
Those are all the games I thought were worth putting online around 2000-2001 when I was about 12. In part 3, I'll look at some non-games, and the overly detailed README files for those non-games!
This week, I was prompted by Glitch to take a look at my first web site on the Wayback Machine. I made a fun discovery: what I thought was my first web site was actually my second. And not only could I find the original on the Wayback Machine, but it's still being hosted, unchanged! Somehow, Freeservers has survived for over 17 years by putting banner ads on people's static sites. So imaciscool.htmlplanet.com, my very first web site, has been accessible all along. Look at this beauty:
Discovering this forgotten piece of my awkward and enthusiastic past sent me down a rabbit hole of past-self discovery. I got most of my early games running in Basilisk II, a 68k Mac emulator, and successfully guessed the passwords to my old web hosts so I could download all the files. This post will focus on the sites themselves; later on I'll dig into the apps and games. I already did a bit of that on Twitter, but I think it's worth collecting it all in posts, just for my own sake.
My first web site: imaciscool.htmlplanet.com
Most of the home page is full of irrelevant updates. At the bottom is a list of links to other pages, and this animated toaster:
The rest of the pages follow a familiar throw-everything-at-the-wall approach of a kid making their first web site:
Download links for games and other software I had made
Transcripts of “conversations” I had with MegaHAL, ELIZA, and HeX
Download links for simple plugins and cheats for Escape Velocity
Links to resources I used to learn to make things like web pages and games
A “coming soon” page
“AJs Page,” made by a friend
(In Autoarchaeology Part 2 I'll look at what I found on those download pages.)
Naturally, nothing on “Coming Soon” ever came…
Coming Soon
Here is where you see what is coming soon to this site. Duh.
Invade Bill's Base
This will probably be my best game yet. It will be an RPG where you are walking through Bill's base trying to find him so you can bring him back to your planet and Macs will rule the universe once more. The graphics will be better than in Save the CLD and Destroy the World. I warn you, I may never get around to finishing this.
Probably won't get around to these...
MacWarrior
If you've got Escape Velocity and you want to wipe out Windows, then this is the plugin for you. There is a system called Mac Territory surrounded by the Mac face. But I can't get the Mac Armor outfit to work, and the Windows part isn't made yet. I probably won't finish this one or the Animorphs plugin either.
Animorphs Plugin
Instead of Confeds and Rebels we have Andalites, Yeerks, Leerans, Skrit Na, Hork-Bajir, Taxxons, and Iskoort.
Please e-mail me with any questions, comments or suggestions you might have.
Some of the links are still active. Lissa Explains it All is still around. “AppleWorks” just links to apple.com. But internet4kids.com, kidsdomain.com, and javagameplay.com are domain-squatted now, and the rest of the links are just dead. All the references to “Cocoa” are for a game creation program that I'm pretty sure Apple bought just for the Cocoa name; it's unrelated to the modern Cocoa API. But I've used both, so I guess that means I've come full circle. :–)
My second web site: stratus.iwarp.com
At some point in 2001, I decided that imaciscool.htmlplanet.com was not a good enough URL for a totally legitimate purveyor of software like myself. So I started to parrot shareware culture more seriously, and moved to stratus.iwarp.com, home of “Stratus Software,” the extremely respectable establishment where you can download very good video games. (I had recently written a report for science class on clouds.) Within a couple of years I changed it to “Diordna Software” (see earlier post Usernames) and eventually gave it this amazing logo, made in a 3D program distributed for free with a MacAddict CD:
At stratus.iwarp.com, you can see an even longer list of irrelevant updates, and a minor evolution of the original site content:
Over time I got a little better at making games, a little better at making web pages, and a little better at self-editing. The next iteration of the site, silvernetwork.net/diordna (2004), had a similar structure, but was a little less background-imagey. When someone in the little Mac indie game dev scene I was in started handing out subdomains on macintoshdevelopers.net, I started over with my new CSS skills and made diordna.macintoshdevelopers.net (2004-2007). When I finally bought my own domain, thebiggerbox.com (2007), I ran WordPress and made a custom theme. But “The Bigger Box” didn't last long; I picked up steveasleep.com at the end of 2008, and it slowly converged on what you see today at steveasleep.com.
Postscript
A couple days after I wrote this post, I found an even older version of the site using the site admin tool.
About My Site
This is not the true web site that I have prepared. I meant to upload one from home, but I couldn't figure out how to use the stupid FTP program. Oh, well. In my real one I have some downloads. Wait a while and maybe I'll get it up and running soon. List of my programs not available yet. Only this page (the about page) and the home page have been modified from the templates, so they will not be cool.
The History or Story Behind My Site
I was looking through a book order and came across a book called “Build Your Own Web Site”. I got it, read it, and made a site as I went along. But after that, I saw that it was stupid and even later I created another, better page. The one that I can't upload! So hopefully it will be here soon.
It has a list of all the “games” I had made that I thought were worth mentioning as of December 21st, 2000:
Programs by Me
Idiot Invaders
Alien Invaders, the arcade classic, AC
BrickBall
Brick Bash, AC
Super Dude
The alien politicians from mars are trying to become president of the United States. You must stop them!
Race Alley
Race to the top of the screen while avoiding obstacles. Requires a screen size of 1024 x 768
Bombs!
Avoid the falling bombs or shoot them.
Beamer
Beam up Earthlings from your spaceship.
Christmas Package Drop
Drop presents down chimneys from Santa's sleigh.
Save the Cute Little Doggy
In this game you do just as the name suggests!
Destroy the World
In this game you destroy the world!
CityGunner
Shoot the bombs before your city is destroyed or before you are destroyed.
Useful Programs
StephenEdit
Make your own web pages with this HTML editor.
SuperCalc
Calculator so great that my mom uses it instead of the system calculator!
The Third Attempt
Drawing program. Enough said.
In the future, when my real site is up, all of these programs will be available for download for Mac users.
I'm writing a simple internet forum as a hobby project. Here are some of the questions I asked myself along the way that would apply to any web app with a server component. I had to build in some explicit answers to these questions based on the choices I made.
Which programming language?
Which version of Python?
Which Python package manager?
Which web framework?
How should I interact with the database?
Which Python ORM library should I use?
Should I develop against SQLite, or use a “real” database from the start?
When I query the database, should I use fancy ORM features, or more direct queries?
Should I store passwords, or only use OAuth?
How does secure password storage work these days?
How will I inevitably mess up password storage?
Should I do access control ad hoc, or learn the web framework's sophisticated API?
Should I do form validation ad hoc, or research the right library and learn it?
What the heck does REST actually mean? Do I care?
Should I write my API like a normal person, or add a fancy REST framework?
How much JavaScript will I use?
How will I get my Python web server to show my JavaScript?
Which JavaScript package manager?
Which JavaScript build system?
Should I use plain CSS, or SASS?
Which JavaScript framework will I use, if any?
Is this JavaScript library I want to use actually finished and maintained?
Do I care about Web Components?
What browser versions do I want to target?
What browser features can I use these days?
How can I get my Python web server to live-reload when my JavaScript changes?
How will my CSS and JavaScript build pipelines change when I switch from development to deployment?
Should I write my own wrapper around fetch, or use someone else's?
Should I render most of my markup on the server, or in the browser with JavaScript?
What the hell is hot module reloading? Can I disable it?
Should I worry about GDPR?
Am I doing anything now that's going to make deployment difficult later?
That's it for now. I feel like I'm about halfway through the final list.
This year I went to one big conference and one little conference. Here are some quick notes about the tradeoffs.
Big, company-run conferences are great networking opportunities because “everyone” is there, and parties often spring up for smaller groups in the evenings. They have many high-quality talks about core topics that are appropriate for huge audiences.
However, these talks are often limited by corporate constraints. At WWDC you won't hear a talk about iOS jailbreaking. At GDC, while you might have a panel on unionization, you might not get a neutral moderator.
Small, community-run conferences are less good for networking due to raw numbers of attendees, but you learn names and faces much more easily, especially from year to year. You can certainly get to know people that way at larger conferences, but it takes more effort from people like me who don't do it naturally.
And while the quality of speakers is much more variable, so is the range of topics! That aspect works in your favor if you want to give a talk. Unlike a huge conference with a competitive CFP, you have a fighting chance of getting a presentation slot.
There are Goldilocks conferences like PyCon which combine guileless community building with huge attendance and high quality. If you're in a community that has one of these, you're very lucky.
My first username, “bytebouncer,” was chosen by my dad for my first email account on Yahoo. It was a good name for a kid who was already computer-obsessed. I didn't stick with it long, but if I wanted to reclaim it today, I could. It's completely unused online except in a scraped database of ancient email addresses. Ace username-picking work, Dad!
When I was in 5th grade, I stole a username from my best friend. I can still picture standing line outside the cafeteria, waiting for lunch, and hearing him say something like, “I just thought of a cool username. 'Diordna' – it's 'android' spelled backwards!”
At some point lost to memory, I started using it for things. Free web site hosts. Instant messaging. Email addresses. When I joined the Mac game programming site iDevGames around 2002, I made a logo for “Diordna Software” and used it as my forum avatar and on my silly games and programs. The original is long gone, but I still remember how to draw it:
But at some point, I got tired of people assuming I was female because of the -a suffix. So when I made my GitHub account in 2008 as a freshman in college, I started from scratch with “irskep.” When people ask me what it means I usually say it doesn't mean anything—it's a pronounceable six-character string—but it's a convenient lie to avoid explaining that it's a shortening of “irrational skeptic,” a reminder to myself not to feel too smart.
“irskep” became my new username everywhere. I use it on GitHub, Twitter, itch.io, Steam, and elsewhere. After a spring break trip to a bear-themed cabin, that username was permanently paired with this avatar:
But I didn't buy the dot-com until this year, instead going with steveasleep.com. I picked it with an eye toward email addresses: steve@steveasleep.com is so much easier to explain than steve@irskep.com or something like that. I don't love the name anymore, but I'm kind of stuck with it for SEO reasons.
The one exception to my all-irskep username policy is music. My bad electronica name is Slam Jamsen, and also my Slack handle at Hipmunk as a joke that got taken too seriously for two years. Slam Jamsen is a moody guy:
There was also a period when I tried to simply use my real name on things. But that didn't work out for two reasons. First, my name was Stephen Johnson! And second, I used the past tense just now: I changed my name! My web site hasn't caught up yet, but it'll get there. :–)
My name is Steve Landey. I have a lot of usernames. That's all I'm trying to say.
