Unoffical empeg BBS

Quick Links: Empeg FAQ | RioCar.Org | Hijack | BigDisk Builder | jEmplode | emphatic
Repairs: Repairs

Page 3 of 3 < 1 2 3
Topic Options
#297519 - 17/05/2007 17:33 Re: Dumb Javascript Question [Re: mlord]
canuckInOR
carpal tunnel

Registered: 13/02/2002
Posts: 3212
Loc: Portland, OR
Quote:
While you're around.. how do I get my button onmousexxx= events to work in MSIE? They work fine as-is in Firefox.

I'll have to defer to cushman on that -- I don't have a clue about the ins-and-outs of browser idiosyncrasies. I'm not a web-guy by trade, and all my web-building experience has been in vi and Firefox.

Top
#297520 - 17/05/2007 17:41 Re: Dumb Javascript Question [Re: wfaulk]
canuckInOR
carpal tunnel

Registered: 13/02/2002
Posts: 3212
Loc: Portland, OR
Quote:
There are two overlapping squares on the main toolbar window. Click on the one that's on top.

Ah, that just changes the foreground and background colors that are used in a future paint-tool operation such as fill, gradient, draw, paint, or airbrush. In this case, Mark wants to change the color of pixels that already have a color, so changing those won't do anything effective.

Top
#297521 - 17/05/2007 17:50 Re: Dumb Javascript Question [Re: andy]
canuckInOR
carpal tunnel

Registered: 13/02/2002
Posts: 3212
Loc: Portland, OR
Quote:
Quote:

Okay, I give up. What do I need to click on in Gimp to change the colour?


Photoshop.

Bah. Gimp can do pretty much anything Photoshop can.

Except colour profiles.

Top
#297522 - 17/05/2007 18:27 Re: Dumb Javascript Question [Re: canuckInOR]
cushman
veteran

Registered: 21/01/2002
Posts: 1380
Loc: Erie, CO
Quote:
Okay, I give up. What do I need to click on in Gimp to change the colour?

Nice job on cleaning up the edges, how do you do that? I did the corners manually, but your method looks smooth.

Attached is a simpler xcf file. To change the lens color, select the "lens color" layer and then use the bukkit tool to fill that layer with the foreground color. Slide the layer transparency slider to get the right amount of opaqueness, then save as png.


Attachments
299357-medium_fascia_transparent.xcf (771 downloads)

_________________________
Mark Cushman

Top
#297523 - 17/05/2007 19:01 Re: Dumb Javascript Question [Re: cushman]
canuckInOR
carpal tunnel

Registered: 13/02/2002
Posts: 3212
Loc: Portland, OR
Quote:
Quote:
Okay, I give up. What do I need to click on in Gimp to change the colour?

Nice job on cleaning up the edges, how do you do that? I did the corners manually, but your method looks smooth.

The basic idea is that selections follow pixel boundaries, so if you chop something up based on a selection, you end up with hard edges the way you did. The effect isn't so noticeable if the transition is between similar colours, but it's harsh when going between contrasting colours (or colour to transparency). Cleaning that up is simply a matter of manually applying a bit of anti-aliasing.

It's in the post above, but the simple version is that, after you make your selection for the interior, you can convert the selection to a path, and then stroke the path with a small fuzzy eraser with an opacity of 50% or so. The jaggies are still there -- that's just the nature of the square pixel beast -- but you can't see them because the eraser modifies their transparency so that they blend better.

Quote:
Attached is a simpler xcf file. To change the lens color, select the "lens color" layer and then use the bukkit tool to fill that layer with the foreground color. Slide the layer transparency slider to get the right amount of opaqueness, then save as png.

I went with the slightly more complex version because if you keep the text layer the same size as the fascia layer, the black background shows around the fascia corners. It's not noticeable in gimp, but it is on a web-page with a white background.

An alternative would be to have 4 layers -- the black background, the empeg_screen, the lens, and the fascia. The lens and black background are both just simple squares slightly smaller than the fascia -- heck, you could make them 2pixel square images, and stretch them with width and height attributes in the html.

Top
#297524 - 17/05/2007 19:38 Re: Dumb Javascript Question [Re: canuckInOR]
cushman
veteran

Registered: 21/01/2002
Posts: 1380
Loc: Erie, CO
I like the stroke selection command - that worked great. I learn something new every day (yesterday was the usefulness of the PNG alpha layer). Thanks for the tip! I've always wanted to know how to blend edges better, this gives me a good start.

I modified the wiki page with updated xcf files.
_________________________
Mark Cushman

Top
#297525 - 17/05/2007 20:21 Re: Dumb Javascript Question [Re: cushman]
canuckInOR
carpal tunnel

Registered: 13/02/2002
Posts: 3212
Loc: Portland, OR
Glad I could help!

Now we just need someone to scan an image of the display board, and we can get the electronic bits in there, too!

Top
#297526 - 17/05/2007 20:32 Re: Dumb Javascript Question [Re: mlord]
cushman
veteran

Registered: 21/01/2002
Posts: 1380
Loc: Erie, CO
Quote:
While you're around.. how do I get my button onmousexxx= events to work in MSIE? They work fine as-is in Firefox.

It's not the onmousexxx (is that some kind of kinky mouse porno?) commands that are not working, it is the imagemap. Internet Exploder doesn't allow imagemaps on PNG images without some trickery. The same page where I got the transparency fix describes the problem here. I tried the modified script, but it is just making things much more complicated. I think our options are to a) get the script to work or b) slice up the image again.

What a pain.
_________________________
Mark Cushman

Top
#297527 - 17/05/2007 20:59 Faster refresh + Hijack v475. [Re: cushman]
mlord
carpal tunnel

Registered: 29/08/2000
Posts: 14477
Loc: Canada
Mmm.. maybe for MSIE we should simply lay the VFD image on top of the fascia,
and use a GIF instead of PNG for the fascia.
And keep it the other way around for Firefox, where everything works.
Ugh. no really good solution without needing multiple sets of files, though.

??

Meanwhile, here (attached) is my updated default.xsl.
I've removed the currently-playing info and next/pause/prev buttons,
since the ones on player front panel image can do that (and more).

I've also bumped the refresh rate up to 8X/second,
and managed to keep it from getting stuck when the player
can't keep up (that part took *hours* to figure out).

It can actually go faster than 8X/second if you want,
giving a pretty near to real-time effect.

To go along with this, I've also updated Hijack again (and again),
to boost the webserver priority when serving /proc/ files.

The results are a lot of fun!


Attachments
299362-default.xsl (580 downloads)



Edited by mlord (17/05/2007 21:01)

Top
#297528 - 17/05/2007 21:20 Re: Dumb Javascript Question [Re: cushman]
mlord
carpal tunnel

Registered: 29/08/2000
Posts: 14477
Loc: Canada
Quote:

I modified the wiki page with updated xcf files.


Those files have some text on the background, instead of a plain background.

Could you, perhaps, create another set of "finished" PNG files for me?
Red + Blue + Amber ?

Thanks.

Top
#297529 - 17/05/2007 21:45 Re: Faster refresh + Hijack v475. [Re: mlord]
wfaulk
carpal tunnel

Registered: 25/12/2000
Posts: 16706
Loc: Raleigh, NC US
How about layering a 100% transparent GIF over the whole thing?
_________________________
Bitt Faulk

Top
#297530 - 17/05/2007 21:53 Re: Dumb Javascript Question [Re: mlord]
cushman
veteran

Registered: 21/01/2002
Posts: 1380
Loc: Erie, CO
Quote:
Those files have some text on the background, instead of a plain background.

The text is just to see what it would look like if it were in use.

Open up Dialogs->Layers and click the eye to hide the bottom text layer - then when you do a File-Save As... and select PNG, it will prompt you to export and save only the visible layers.

If you select the lens layer (I think it is named New Layer in that file) you can use the paint bucket tool to fill in different colors and tweak the layer transparency to make it look like you want.
_________________________
Mark Cushman

Top
#297531 - 17/05/2007 22:15 Re: Faster refresh + Hijack v475. [Re: mlord]
mlord
carpal tunnel

Registered: 29/08/2000
Posts: 14477
Loc: Canada
Quote:

It can actually go faster than 8X/second if you want,
giving a pretty near to real-time effect.


Heh.. the Breakout Game is playable at 10X/second,
if one also bumps the knob repeat interval to 75msec..

Very difficult to win, though, but one can always still
use the remote control and just watch the browser
display instead of the VFD.

If we could somehow get javascript to catch keys from
the PC keyboard (the arrow keys?) then those could
be used for better gameplay..

Cheers

Top
#297532 - 17/05/2007 22:18 Re: Dumb Javascript Question [Re: cushman]
mlord
carpal tunnel

Registered: 29/08/2000
Posts: 14477
Loc: Canada
Quote:
Quote:
Those files have some text on the background, instead of a plain background.

The text is just to see what it would look like if it were in use.

Open up Dialogs->Layers and click the eye to hide the bottom text layer - then when you do a File-Save As... and select PNG, it will prompt you to export and save only the visible layers.

If you select the lens layer (I think it is named New Layer in that file) you can use the paint bucket tool to fill in different colors and tweak the layer transparency to make it look like you want.


I've tried it several times now, and there's obviously a step or two missing somewhere.
And not everyone who wants the web interface has/uses Gimp.

It would be nice to just have a small set of finished fascias without the jaggies
like the ones that I'm using right now.

Cheers

Top
#297533 - 17/05/2007 22:37 Hijack v476: another priority tweak [Re: mlord]
mlord
carpal tunnel

Registered: 29/08/2000
Posts: 14477
Loc: Canada
Hijack v476 is now released.

This version keeps the web server at SCHED_RR (high priority) for files up to 64kB,
which lets the web interface refresh without stalling.

Cheers


Edited by mlord (17/05/2007 22:37)

Top
#297534 - 17/05/2007 22:59 Re: Dumb Javascript Question [Re: mlord]
cushman
veteran

Registered: 21/01/2002
Posts: 1380
Loc: Erie, CO
Quote:
It would be nice to just have a small set of finished fascias without the jaggies
like the ones that I'm using right now.

No problem, I uploaded blue, red, green and amber to the wiki entry. See if those look OK for you.
_________________________
Mark Cushman

Top
#297535 - 17/05/2007 23:24 Re: Faster refresh + Hijack v475. [Re: mlord]
wfaulk
carpal tunnel

Registered: 25/12/2000
Posts: 16706
Loc: Raleigh, NC US
Quote:
If we could somehow get javascript to catch keys from the PC keyboard (the arrow keys?) then those could be used for better gameplay..

Check out the "onkeypress" and related HTML tag attributes, which can be defined for <body>.
_________________________
Bitt Faulk

Top
#297536 - 18/05/2007 00:58 Re: Dumb Javascript Question [Re: cushman]
mlord
carpal tunnel

Registered: 29/08/2000
Posts: 14477
Loc: Canada
Thanks Mark.

Okay, starting a new thread on this to gain more attention now.
I'm also (finally) leaving for the long weekend.

-ml


Attachments
299373-1.gif (561 downloads)



Edited by mlord (18/05/2007 01:30)

Top
#297537 - 18/05/2007 03:47 Gimp vs Photoshop [Re: canuckInOR]
andy
carpal tunnel

Registered: 10/06/1999
Posts: 5914
Loc: Wivenhoe, Essex, UK
Quote:

Bah. Gimp can do pretty much anything Photoshop can.


I don't doubt that, it is the user interface that baffles me, whenever I try using it I can never work out what is where. I'm not a frequent Photoshop user, but I can normally find things fairly quickly, at least compared to Gimp.

When I'm using Photoshop it is normally to do a quick job that takes less than five minutes. It typically goes like this:

- download and install latest version of Gimp in case there have been any improvements (5 minutes)
- attempt to work out how to do the job in Gimp (20 minutes)
- give up and do the job in Photoshop (5 minutes)

I wish Gimp made sense to me, as Photoshop is pretty much my only unlicensed bit of software nowadays. I justify it to myself on the basis that if I wasn't using Photoshop then I wouldn't buy any of their competition (because I would be fighting with Gimp)


Edited by andy (18/05/2007 03:53)
_________________________
Remind me to change my signature to something more interesting someday

Top
#297538 - 18/05/2007 15:01 Re: Gimp vs Photoshop [Re: andy]
canuckInOR
carpal tunnel

Registered: 13/02/2002
Posts: 3212
Loc: Portland, OR
Quote:
Quote:
Bah. Gimp can do pretty much anything Photoshop can.
I don't doubt that, it is the user interface that baffles me, whenever I try using it I can never work out what is where. I'm not a frequent Photoshop user, but I can normally find things fairly quickly, at least compared to Gimp.

I've heard that before. It's the otherway around for me... I can find what I need in gimp, but get lost in Photoshop.

*shrug* Different strokes, I guess.

Top
Page 3 of 3 < 1 2 3