Author Topic: User Interface Stuff  (Read 4806 times)

Offline Punboy

  • Moderator
  • Full Member
  • *****
  • Posts: 142
User Interface Stuff
« on: June 20, 2004, 11:52:19 PM »
I've come to the conclusion that pixel-based rendering SUCKS. Instead, I'm going to be doing the entire user interface in vectors. How cool is that :-p
Help control the human population. Have your spouse spayed or neutered.

Offline Leviathan

  • Hero Member
  • *****
  • Posts: 4055
User Interface Stuff
« Reply #1 on: June 21, 2004, 05:18:43 AM »
sounds good but I have no idea what this is.
can u give me a google link or something so I can read up?

Offline Oprime

  • Sr. Member
  • ****
  • Posts: 303
    • http://Moogleforest.net
User Interface Stuff
« Reply #2 on: June 21, 2004, 12:08:33 PM »
(thumbsup) I agree Vectors are better
CPU: AMD Phenom II 940BE
RAM: Patriot Viper 4GB (2GB x2) DDR2 1066Mhz
Motherboard: MSI K9A2 Platinum
Case: Thermaltake Armor Plus+
Power Supply: Themermatake ToughPower 1200Watt PSU
Hard Drive: Fujitsu 15k SAS SCSI 74GB/148GB Raid 0 @ 189MBps
Moniter: LG Flatron 20.1in Widescreen LCD 8ms 1400:1 Contrast ratio w/ F engine
GFX Card: 4 ATI Radeon 4870 1GB GDDR5 CrossFireX
DVD Burners: 2x SONY DVD-RW
Speakers[/b] Logitech Z-5500 505Watt 5.1 Surround
CPU Heatsink[/b]ZeroTerm NV120
OS[/b]Windows Vista Home Premium x64
:P I'm a Hardware freak ><

Offline BlackBox

  • Administrator
  • Hero Member
  • *****
  • Posts: 3093
User Interface Stuff
« Reply #3 on: June 21, 2004, 12:27:20 PM »
Vectoring means the images are scalable. A way to think of it is "One size fits all," you don't need to make images for every resolution there is. Take splash screens for example. Most games need to make a 640x480, 800x600, and 1024x768 screen. That's using bitmaps, where the image is an array of pixels and each pixel defines the color of that point on the screen. (If you took a 640x480 image and stretched it to 1024x768 resolution, there isn't enough image data to fill the empty spaces between pixels - so the picture becomes pixelated and grainy).

Using vectoring means instead of using an array of dots, it expresses the image in terms of lines, circles, and other shapes (known as vectors.) The sizes are relative to each other. The computer, when rendering the image, figures out how big in pixels each vector has to be, and renders at the correct size.

An example of where you use vector imagery is whenever you use the MS ClipArt. (That's why the image doesn't pixelate when you enlarge it). The computer figures out the absolute sizes of the elements in the picture and makes sure it appears fine.

A common vector/scalable image format are WMF files on Windows (most clip arts are WMF files). There are formats for other OS'ses too (can't remember the names of the formats though).

Offline Punboy

  • Moderator
  • Full Member
  • *****
  • Posts: 142
User Interface Stuff
« Reply #4 on: June 21, 2004, 11:21:49 PM »
SVG - Standard Vector Graphics.  The standard by the W3 Consortium

Go search google for SVG
Help control the human population. Have your spouse spayed or neutered.

Offline Kramy

  • Full Member
  • ***
  • Posts: 173
User Interface Stuff
« Reply #5 on: June 22, 2004, 11:20:42 AM »
Pixel-based rendering has advantages at times....though this is not one of those times. :P
-Kramy
001011000100101001110001011000000110110001111000

Offline Punboy

  • Moderator
  • Full Member
  • *****
  • Posts: 142
User Interface Stuff
« Reply #6 on: June 22, 2004, 01:35:04 PM »
Lol, what advantages?
Help control the human population. Have your spouse spayed or neutered.

Offline Kramy

  • Full Member
  • ***
  • Posts: 173
User Interface Stuff
« Reply #7 on: June 22, 2004, 04:20:03 PM »
Looks better(until you stretch it).
-Kramy
001011000100101001110001011000000110110001111000

Offline Punboy

  • Moderator
  • Full Member
  • *****
  • Posts: 142
User Interface Stuff
« Reply #8 on: June 22, 2004, 04:53:45 PM »
In what way do they look better?
Help control the human population. Have your spouse spayed or neutered.

Offline Zircon

  • Hero Member
  • *****
  • Posts: 585
User Interface Stuff
« Reply #9 on: June 23, 2004, 04:14:54 AM »
In any way, just look at flash. You can never get the same amount of "freshness" or dirty look, detailing etc you can with a pixel pixel based bitmap...

Have you ever though about why the ms clipart is so "simple" just because they are meant to look like it or that the shapes are mathematically calculated and then filled with the appropriate color or gradient...

The difference between a bitmap and a vectorised image vector
(refer to the image, not the alien text)

I smell a debate boiling, but dont bother because i wont reply to this thread again if one does start...
« Last Edit: June 23, 2004, 05:05:20 AM by Zircon »

Offline BlackBox

  • Administrator
  • Hero Member
  • *****
  • Posts: 3093
User Interface Stuff
« Reply #10 on: June 23, 2004, 11:43:14 AM »
Yes, pixel based rendering is better. And much easier too since you are copying fixed size bitmaps. If you try to animate using vector graphics your program will grind to a standstill.

And yes the MS Clipart does look like crap, do you want your graphics to look the same?

Vector graphics also use more resources (hdd space and memory when loaded), as well as making your working code set bigger because the app either has to have code or libraries to support vector rendering...

Offline Kramy

  • Full Member
  • ***
  • Posts: 173
User Interface Stuff
« Reply #11 on: June 23, 2004, 12:28:40 PM »
Ofcourse this could be solved by doing random pixel-based rendering when loading?
-Kramy
001011000100101001110001011000000110110001111000

Offline Punboy

  • Moderator
  • Full Member
  • *****
  • Posts: 142
User Interface Stuff
« Reply #12 on: June 24, 2004, 10:36:36 PM »
The vector graphics are simply for the user interface, not the game graphics.

The graphics can be prerendered.

The rendering library can be loaded into memory, used, then unloaded.

Vector graphics animation doesn't use that much processor power, not with Cairo. Especially if you have it pre-render the graphics before actually loading the game.

Also, you have really never seen detailed vector graphics have you? Hehe. You would be amazed how detailed you can make them if you know what you're doing.
Help control the human population. Have your spouse spayed or neutered.