02 November 2005

Getting svg paths into Expression or Photoshop

I've been doing some graphic design work lately, and I've been trying to make a much better effort to do things using vector format rather than raster. Photoshop (Version 6.0, no less!) is still my favorite image editing app, but I've realized just how powerful path/shape layers with effects applied to them are.

I found some shapes at the Open Clip Art Library that I wanted to use in Photoshop. All the things at Open Clip Art are available in raster (PNG) and vector (SVG) format. "Okay," I thought, "I'll get the SVG version, and copy the paths into Photoshop, getting super high quality paths." Right? Not quite.

Photoshop (at least version 6 - I can't speak for later versions) does not import paths from a file. Apparently, the only way you can get paths into Photoshop is by copying and pasting them from certain applications. I'm aware of two applications that Photoshop can import paths from: Adobe Illustrator and Microsoft Expression/Acrylic (aka Creature House Expression). I don't have Illustrator installed on my machine currently (I've got the installation CD somewhere, but I'm not quite sure where...), so that was option was out.

(Side note: Microsoft used to give Expression 3 away for free, but they no longer shows a link to get it. Last time I checked, though, you could get it from them here. It's a pretty snazzy vector graphics program, but it's got some issues.)

Too bad that Inkscape wasn't on that list. Inkscape does, however, save to EPS files, which Expression can supposedly open.

"Sweet," I thought, "I'll resave the SVG as an EPS in Inkscape, then just open up the EPS in Expression and copy it over." Except - all I got when I tried opening the EPS in Expression was a blank page. I opened up the EPS in other programs, and it showed up fine. Expression just doesn't seem to want to open them.

Back to the drawing board. I tried converting the EPS into various other formats using external tools, all to no avail. Boo.

I stumbled across an article that suggested that Expression could understand WMF data copied out of Microsoft Office products. So I fired up Microsoft Word. I was able to insert the EPS file that I saved in Inkscape into a Word document. From there, I tried copying and pasting into Expression - this time I got a blank box. I then experimented with changing the format of the image using the Paste Special feature of Word, and came across workable results when I pasted it as a WMF and copied THAT into Expression.

So, here are the steps I had to take:
  1. Open up the SVG file in Inkscape.
    • Optional: Get rid of any gradients in the image. SVG has some pretty sweet options for gradients that either WMF or EPS can't quite use. Solid colors work best.

  2. In Inkscape, save the file as an EPS file.

  3. Insert the EPS file into a blank Word/Office document.

  4. In Word, copy the image, and then Paste Special. Choose "Picture (Windows Metafile)".

  5. Copy the new image in Word and paste it into a blank Expression document.

  6. To get it into Photoshop, copy it in Expression and paste it into Photoshop. Choose the "Paths" option.


24 August 2005

Google Talk went live yesterday. It's their new IM "service" - there's a bunch of interesting aims for it, though. Check out their page Developer Info page that goes into depth about Google Talk and Open Communications - the jist of it is that they want to contribute to an IM network that uses the same protocol among different users, but allows users to choose what client and which specific service provider they use.

There are a bunch of things hidden in Google Talk, as well. Viewing the "About" box reveals a code that, when decoded, tells you to "play wumpus game". Apparently yesterday you could invite wumpus.game@gmail.com to be your contact, and you would be treated to an IM bot version of Hunt the Wumpus. Unfortunately, it appears to have been disabled today.

I also stumbled upon a keyboard shortcut. Hitting the Windows key and the Escape key (WIN + ESC) at the same time opens the contact list window and puts the cursor inside the "Search all contacts" box. Alt+F4 can then be used to close the window (in reality, it minimizes the window to the tray).

I found it kind of annoying that there's this undocumented shortcut key - it would be pretty handy to just know this without having to accidentally discover it. Picasa is the same way... so many undocumented features!

Anyhoo, hopefully some people out there will find this trick useful.

31 July 2005

Java VNC over SSH

My dad has two computers in different parts of the state. He recently got this computer-controlled weather station (sorry, no link at this point) that records all sorts of information about the outdoor and indoor temperature. The station's software has a "Remote Publishing" feature and e-mail reports, but he wanted the ability to actually see what it's showing in near-realtime.

He came across the service of GoToMyPC, and thought it was the coolest thing since sliced bread. And I'll grant that it is pretty slick - you install the server software on your machine(s), and the software will keep in touch with GoToMyPC's central servers, letting them know of your on/offline status. From any java-enabled web browser, you can then go to the GoToMyPC website, and you can connect to any of your online PCs. It even works through NAT on both ends! (I'm guessing it's doing something through the central servers in that case, but I'm not sure).

The downside? It's $19.99/month. Yeow. I'm thinking, That's just, like, VNC... with a Java client... secured... shouldn't that be basically free? (FYI, they use a Citrix client, not VNC)

His birthday is in a week, so what better excuse to tinker around with getting the same effect, using free/open source software?

So, we can split this up into a few things that need to be in place:
  1. VNC Server
  2. SSH Tunneling to the VNC Server
  3. Java client
VNC Server
There are a whole bunch of software packages available now for VNC. The servers I'm setting up are Windows machines, so I decided to go with UltraVNC. Why UltraVNC? Mainly because I'm familiar with it. I used it for helpdesk stuff at the University of Michigan, and it's used at my current place of employment as well. It has a few well-integrated features, like file transfer and chat. And the system tray icon , while somewhat creepy, is very simple to describe to people who are unfamiliar with the program and need to do something like change a password.
  1. Download UltraVNC (http://www.ultravnc.com) on the machine that you want to be remotely accessible. Getting the Setup package will probably make things simpler than the plain ZIP archive.
  2. Install UltraVNC. Leave most options at their defaults. At the "Select Components" screen, you can probably deselect "DSM Encryption Plugin" and "UltraVNC Repeater." We'll be using SSH for our encryption. Check "Register UltraVNC Server as a system service" and "Start or restart the UltraVNC service" on the Additional Tasks screen.
  3. When installation is nearly complete, you should receive a prompt that there is no default password set. At this point, the installer will show you the "Default Local System Properties" screen.
  4. Change the default settings to be like the following:

    We've made it so that only loopback connections are allowed (so that only SSH-tunneled connections are allowed, basically). The other options are mostly up to your preference. Also, be sure to set a password. You might notice that my password is very short: in fact, it is just vnc. Why the heck am I telling you my password? Because in order to use it, you'd have to have access to my machine (loopback only, remember?). If you've got access to my machine (physical or via SSH), you can probably view my registry, and the VNC password is stored there. It's "encrypted," but every VNC server uses the same type of encryption and the same encryption key. So I might as well just tell you. This is just to further emphasize my point that we're not going to rely on VNC to handle any encryption. Besides, you might find it useful to have the same password as me in one of the steps below.
  5. Hit OK. This will start the service.

SSH Tunneling
We now have a VNC server that has absolutely no security, other than the fact that it can only be accessed from the machine it's running on. Now we need to find a way to let people in over the Internet in a secure way. Enter SSH.

For some background on SSH Tunneling, check out http://www.afp548.com/articles/security/ssh-tunnels.html. There are some great illustrations there. Basically, an SSH Tunnel allows you to create a secure "tunnel" through an otherwise secure network - in our case, the Internet (which is pretty much the least secure of all networks).

In order to set up this tunnel, we need to set up an SSH server. There is a port of OpenSSH for Windows using Cygwin - unfortunately, in my experience it has proven somewhat flaky. I reccently discovered freeSSHd, a closed-source SSH server for Windows. It lets you have a different set of users than your Windows ones, it has a graphical control panel, and, as you could hopefully tell by its name, it is available free of charge.
  1. Download freeSSHd (http://www.freesshd.com).
  2. Install it. Say "Yes" to both of the post-install questions (Create a service and create the keys).
  3. You will now have a freeSSHd icon in your system tray. Click it once to bring up the adminstration tool.
  4. Click on "Users," and add a new user. Give it a name (I used "sshtunnel"), and select "Password stored as SHA1 hash" as your Authorization. Then you can enter a password. Uncheck all of the "User can use" options, and hit Apply.
  5. Enable the "Tunnel" option in the Users list for the user you just created. Your screen should look like this:

    There's an apparent bug in the program where if you set the "Tunnel" option outside of the Users list, it doesn't get saved properly. That's why we didn't set it above, but instead set it here.
  6. Click on Apply and Save.
Now we've got an SSH server running. However, if you're running your computer behind a router or other NAT device, there's a little bit of extra work we need to do. We need to forward on incoming SSH connections to our server computer. How this is done varies from router to router... Often it can be found under the "Port Forwarding" option, though. You may also want to investigate options for reserving IPs for specific computers. This is sort of beyond the scope of this tutorial. Basically, you need to reserve an IP for your server computer, then make sure to forward incoming TCP connections on port 22 to port 22 of your server computer. If you've got multiple computers behind the router that you want to access remotely, you need to set your SSH servers to listen on different ports, forward on the appropriate ports, and set your ssh client to connect on the alternate port (more info on that below).

Java Client
3SP put out an open-source Java VNC Client (under their SSHTools project) that automatically tunnels through ssh, taking care of a lot of the intermediate steps that were once annoying/difficult to comprehend. We're going to put this applet on a webpage to simplify access to our remote server. Note - I leave it up to you to secure your webpage. I would recommend using some sort of authentication at the webpage level to make sure that the fact you're running a VNC server isn't advertised openly on the web.
  1. Get the latest SSHVnc-Applet from the SSHTools website (http://sourceforge.net/projects/sshtools/). Grab the .zip version if you're running on a Windows machine.
  2. Unzip the files somewhere on your hard drive. There's a sample html file that shows how to use the applet in a webpage. I didn't find the sample adequate to my needs, so I modified it to make the following changes:
    • Automatically connect to a host.
    • Resize the size of the applet to fill the webbrowser window.
    • Get rid of text and graphics above and below the applet.
Here's the html file I used (save this as "yourhost-sshvnc-applet.html"):

<title>SSHVnc Applet</title>
<body style="margin: 0; padding: 0">

<applet width="99%" height="99%"
code="com.sshtools.sshvnc.SshVNCApplet" codebase="." style="border-style:
none; border-width: 0; padding: 0; margin: 0">
<param name="sshapps.connection.host" value="" />
<param name="sshapps.connection.userName" value="sshtunnel" />
<param name="sshapps.connection.authenticationMethod" value="password" />
<param name="sshapps.connection.connectImmediately" value="true" />
<param name="sshvnc.connection.vncHostDisplay" value="localhost:5900" />
<param name="sshvnc.connection.useCopyRect" value="true" />
<param name="sshvnc.connection.compressLevel" value="9" />
<param name="sshvnc.connection.cursorUpdates" value="1" />
<param name="sshvnc.connection.eightBitColors" value="true" />
<param name="sshvnc.connection.encryptedVncPassword" value="91bc75c18d3d85a7" />


Things to modify in this file - replace "" with your IP address or hostname (to find out your IP address, you can just go to http://www.whatismyip.com. Note that this is not your internal IP address, if you're behind a router). Replace "sshtunnel" with your ssh username. And the encryptedVncPassword (91bc75c18d3d85a7) is the encrypted value of the password "vnc". So if you used that as your VNC password, you can use this html file to avoid entering an extra password. If you decided to take the high road and use a unique password, you can find it out by going to your registry, browsing to HKEY_LOCAL_MACHINE\SOFTWARE\ORL\WinVNC3\Default, and checking out the Password value. Copy down the hex values shown in the Data field minus the spaces, and you've got your "encrypted" VNC password. Alternatively, you can just clear that line from the file, and be prompted for your VNC password.

There are other options available, too. Check out the instructions.htm file that comes with SSHVnc-applet.

To test it out, double-click on the html file you created, and you should get a Java VNC window. Say "yes" to any security questions, and enter your SSH user's password. You should see your computer screen shortly. If you don't, try restarting your computer, and making sure all the services are running.

If everything worked, you're able to put this html file on the web, along with all the appropriate .jar files, and you've got a fully-functioning remote VNC file!

As usual, I hope this has been helpful to you. If you have any questions, comments, or whatever, make like a tree and leave 'em.

21 June 2005

Windows console a la Quake

Image hosted by Photobucket.com

I read a comment on Slashdot yesterday and was intrigued by it. A poster (admittedly off-topic) was lamenting the lack of a really cool and functional drop-down console for Windows, similar to the tilde-enabled console for Quake. I too thought this was a really cool idea, I decided to investigate it myself. I was unable to find any software product currently out there (free or otherwise) that offered a Quake-style console for use in a normal Windows environment. I was, however, able to find a program (called Console, simply enough) that offered a transparent command-line window for Windows, with other options for behavior, but no built-in hotkeys.

So, I was getting all set to modify the open-source Console to do what we all really want out of our console, when I came across a message from the author of the program talking about why he didn't implement hotkeys. He said that he used a program called PowerPro, and that handled all of his hotkey (and other) automation needs.

So I investigated that, combined with Console. After a little bit of hacking, I have what I believe is a pretty versatile script for sliding down a console window. I'm putting the instructions here, since this is the place for randomness.

  1. Get Console - http://sourceforge.net/projects/console
    Install to C:\Program Files\Console
  2. Get PowerPro - http://www.ppro.org
    Install to the default
Now you're going to have to edit some text files. First, the PowerPro script. Copy the following (in between the BEGIN and END) into a new notepad file, and save it as C:\Program Files\PowerPro\scripts\ShowConsole.powerpro

Edit: Updated the script to reflect problems with my earlier copy/paste work. :-[

Edit 2 (2005-07-30): Again, updated to reflect problems with copy/paste... Is Blogspot truncating my code?

;; Set animate to 0 to turn off animation, otherwise set to animation speed (lower = faster)

animate = 5
consoleexe = "C:\Program Files\Console\console.exe"
consolewindow = "c=*Console Main Command Window*"


If (activewindow(consolewindow) and visiblewindow(consolewindow)) do
Jump SlideOut
ElseIf (visiblewindow(consolewindow))
ElseIf (anywindow(consolewindow)) do
Jump SlideIn


If (animate) do
h = eval(window("height", consolewindow))

newy = 0 - h
incy = h / animate
int = -255 / animate

Window.Position("=", newy, "=", "=", consolewindow)

for (; newy < 0; newy = newy + incy)
Window.Position("=", newy, "=", "=", consolewindow)

Window.Position("=", 0, "=", "=", consolewindow)


If (animate) do
h = eval(window("height", consolewindow))

newy = 0
incy = h / animate
targety = 0 - h

for (; newy > targety; newy = newy - incy)
Window.Position("=", newy, "=", "=", consolewindow)

offscreeny = 0 - yscreen

Window.Position("=", offscreeny, "=", "=", consolewindow)




Next, you need to run PowerPro. The first time you run, it takes you through a configuration wizard, and things might appear very daunting - the program is VERY powerful. I recommend stepping through it to at least get a little bit of familiarity with the setup of things. When you're done with the wizard, you're going to want to go into the "Configure" dialog, and the "Key/Mouse" tab.

Create a new Key/Mouse action. In the "Enter command" dropdown list, choose *Script, then select "RunFile" from the "Script action" dropdown. Select your ShowConsole.powerpro file. Now, if you click on the "Type key" textbox at the top of the window, you can map any key to showing the console (including just a plain old tilde without any extra modifiers!). Hit OK when you've mapped a key, apply the settings, and close the Configure dialog.

Now you should be able to open a console window by hitting the key you mapped. Hit the key a few times, to check that it's hiding and reappearing. Feel free to experiment with the value of the animation variable by editing the script in notepad and saving it. You'll see the changes immediately after you save and hit your hotkey.

I didn't find the default settings of the console window quite to my liking. The main things I changed were the transparency/alpha settings and the starting position of the window. You can right-click on the console window, then choose "Edit configuration" to bring up an XML config file. Make changes, save it, then right-click on the window and "Reload settings."

Feel free to move the console window around. When it comes back down, it will be at the same horizontal position of where you moved it to (but it will be at the top of your monitor). If you want the console to be the width of your monitor, edit the console configuration.

I'm still thinking about maybe modifying the program itself... in the meantime, though, I hope people find this useful/cool. Feel free to leave a comment if you have any questions about it. I'm also interested if you have any suggestions about other places to put this type of thing on the 'net.

This is not a blog

This is not another blog. I have had more blogs die than pets (which I suppose is a rather morbid comparison...).

The purpose of this is to post anything random that I wish would be posted on the Internet, somehow, somewhere, and then trust the Google overlords to index it and thus archive it for posterity. I don't know that Blogger is the best way to post source code, but we'll see how it works out. Maybe I'll even post some sort of data encoded in an image with stenography, just to see if that works out too.

Anyhoo - there probably isn't much point in adding this to your blogroll or anything like that. Really.