Anti-Aliasing is a term used lots when selling graphics cards, but what exactly is Anti-Aliasing? We look deeper into the reasoning behind Anti-Aliasing and why we need it in the first place. There are varying types of anti-aliasing producing different results and different levels of performance hit.
Welcome to Bucaro TecHelp!

Welcome to Bucaro TecHelp!
Maintain Your Computer and Use it More Effectively
to Design a Web Site and Make Money on the Web

About Bucaro TecHelp About BTH User Agreement User Agreement Privacy Policy Privacy Site Map Site Map Contact Bucaro TecHelp Contact Advertise on Bucaro TecHelp Advertise Here RSS News Feeds News Feeds

HTML5 Solutions: Essential Techniques for HTML5 Developers

Essential Techniques for HTML5 Developers

HTML5 brings the biggest changes to HTML in years. Web designers now have new techniques, from displaying video and audio natively in HTML, to creating realtime graphics on a web page without a plugin.

This book provides a collection of solutions to all of the most common HTML5 problems. Every solution contains sample code that is production-ready and can be applied to any project.

Click Here

Anti-Aliasing

Sand down those jaggies

You will of all heard of the phrase Anti-Aliasing when talking about computer games or graphics cards. You are told about what level of anti-aliasing your card can achieve but do you really know what anti-aliasing does or do you just accept it as a good thing and go for the best one? In this article we will show you what Anti-Aliasing actually does and show you why its important to graphics in images text and games. We will also go into details about what side effects anti-aliasing has in games and why you have to strike a compromise between a high level of anti-aliasing and the performance of your computer.

What is Anti-Aliasing?

No anti-aliasing Anti-aliasing applied

The letter on the left is a blown up letter a with no anti-aliasing. The letter on the right has had anti-aliasing applied to it. In this blown up form it looks like its simply blurred but if we reduce the size down to a more standard size you may see the difference.

No anti-aliasing Anti-aliasing applied

Now look closely at the two letters. You can still tell that the letter of the left is jagged but the letter on the right looks a lot smoother and less blurry than the example above. Remember I have only shrunk the image down back to normal size and have not altered anything else to the image at all. So as you can see, Anti-Aliasing bring a much more pleasing image to the eye. Something like what come out of a high class printer rather than what you can be used to seeing when on a computer screen.

Why do we get jagged edges on our graphics?

Jagged edges are cause by limitations in a computer screen, whether that be a CRT or TFT/LCD screen its all the same. Monitors are capable or producing nearly perfect straight lines either horizontally or vertically, but when it comes to diagonal lines of any angle your monitor is not capable of producing a line without some jagged edge. This is because your screen is made up of pixels in a grid formation. When you draw a diagonal line on a computer screen it has to cross several grid lines, because pixels create blocks of colour diagonal lines displace these blocks slightly causing jagged edges, Check out the following example to see what happens on your screen.

Web Design Sections

RSS Feed RSS Feed

Google Reader or Homepage
Add to My Yahoo!
Subscribe with Bloglines
Subscribe in NewsGator Online

Add to My AOL
Add to Technorati Favorites!

Graphics Design
Pencil Free Open Source Cartoon Animation Drawing Program
Animation Software - The Amazing 3D World
Graphic Design Meets Open Source
Anti-Aliasing
Free Animated GIF Maker
Paint Shop Pro : Version 4 Was Best
Graphics File Formats for Your Web Page
The Browser Safe Palette
Image Scanning : Confused About DPI?
An Insight to Logos
Building an Image with a Logo
CSS Button Designer
What is the Pantone Color System?
Color Harmony in Web Design
RGB Color Schemer
RGB Color Schemer FAQs
RGB Vs CMYK
Hexadecimal Color Notation on the Web
Web Designer's Reference
Beginning GIMP: From Novice to Professional
The Game Maker's Apprentice
The Blender Gamekit
Stop Motion Animation: Nine Creative and Easy Techniques
How to Make a Simple Video
How to Create a Simple Video with Windows Movie Maker
How to Embed a YouTube Video in Your Webpage
Free eBook - How to Be a Video Game Designer
How to Make a Video Game for your Xbox for Free
Get GIMP - Free Replacement for Overpriced Photoshop
Use GIMP to Scale (Resize) an Image
Graphics Design for Beginners - Cropping Images
Graphics Design for Beginners - Blur Filters
Create GIF Animations With Free GIMP Image Editing Program
How to De-haze a Photo with GIMP
How to Make Beautiful Skies with GIMP
Inkscape - Free Vector Graphics Illusttration Package
Inkscape Basics
Basic Inkscape Vector Drawing
Inkscape - How to Add a New Node
Inkscape - How to Join Two Segments at Endnodes
How to Place Greek Letters in an Inkscape Drawing
How to Make a Simple Animated Banner in Flash CS3
How to Trace an Image Using Photoshop
How to Create a Product Box in Photoshop


[Site User Agreement] [Advertise on This site] [Search This Site] [Contact Form]
Copyright©2001-2011 Bucaro TecHelp 13771 N Fountain Hills Blvd Suite 114-248 Fountain Hills, AZ 85268