Work in progress — This wiki is an active migration / mirror of Homestar Runner Wiki and is not finished yet. Account registration and public editing are turned off until the migration is further along. For status updates, see the migration thread on the forums.

Character Evolutions: Difference between revisions

From HR Wiki Twice
Jump to navigationJump to search
imported>HRWikiMirrorBot
Imported from hrwiki.org via Wayback Machine (HTML→wikitext)
imported>HRWikiMirrorBot
Imported from hrwiki.org via Wayback Machine (HTML→wikitext)
Line 2: Line 2:
<div class="thumb tright">
<div class="thumb tright">


<div class="thumbinner" style="width:182px;">
<div class="thumbinner" style="width:252px;">


[[File:hs wallpaper.png|[[File:hs_wallpaper.png|180px|thumb]]]]
[[File:hs wallpaper.png|[[File:hs_wallpaper.png|250px|thumb]]]]
<div class="thumbcaption">
<div class="thumbcaption">


Line 12: Line 12:


</div>
</div>
Through the years
Homestar through the years


</div>
</div>
Line 19: Line 19:


</div>
</div>
Over the years, [[homestarrunner.com]] [[Characters|characters]] have undergone a number of changes to their appearance. Below are links to charts for individual characters as they have changed.
Over the years, [[Homestar Runner (body of work)|Homestar Runner]] [[Characters|characters]] have undergone a number of changes to their appearance. The first two years of [[homestarrunner.com|the site]] saw particularly dramatic shifts in appearances, as creative duo [[The Brothers Chaps|the Brothers Chaps]] familiarized themselves with [[Flash]] and developed their signature art [[Style|style]].


<span id="mw6"></span>
Below are links to charts for individual characters as they have changed.
=== <span class="mw-headline">[[Characters|Main Characters]]</span> ===


* [[Homestar Runner Evolution]]
<span id="character-evolution-pages-by-category"></span>
* [[Strong Bad Evolution]]
== <span class="mw-headline"> Character evolution pages by category </span> ==
* [[Pom Pom Evolution]]
* [[Coach Z Evolution]]
* [[Bubs Evolution]]
* [[The Cheat Evolution]]
* [[Strong Mad Evolution]]
* [[Strong Sad Evolution]]
* [[Marzipan Evolution]]
* [[The King of Town Evolution|The King Of Town Evolution]]
* [[The Poopsmith Evolution]]
* [[Homsar Evolution]]


<span id="mw19"></span>
* '''[[Main Characters]]:''' [[Homestar Runner Evolution|Homestar Runner]] · [[Strong Bad Evolution|Strong Bad]] · [[Pom Pom Evolution|Pom Pom]] · [[Coach Z Evolution|Coach Z]] · [[Bubs Evolution|Bubs]] · [[The Cheat Evolution|The Cheat]] · [[Strong Mad Evolution|Strong Mad]] · [[Strong Sad Evolution|Strong Sad]] · [[Marzipan Evolution|Marzipan]] · [[The King of Town Evolution|The King of Town]] · [[The Poopsmith Evolution|The Poopsmith]] · [[Homsar Evolution|Homsar]]
=== <span class="mw-headline">[[Old-Timey]]</span> ===
* '''[[Old-Timey]]:''' [[The Homestar Runner Evolution|The Homestar Runner]] · [[Old-Timey Strong Bad Evolution|Old-Timey Strong Bad]]
* '''[[20X6]]:''' [[Stinkoman]] · [[1-Up]]
* '''[[Storybook World]]:''' [[Mr. Bland]] · [[Señor]] · [[The Robot (storybook)|The Robot]] · [[The Grape Fairie]]
* '''Other:''' [[The Announcer]] · [[The Umpire]] · [[The Knight]] · [[The Yello Dello]] · [[The Goblin]] · [[Visor Robot]] · [[The Sad Kids]] · [[Nebulon]] · [[Preshy and Rafferty]]


* [[The Homestar Runner Evolution]]
<span id="general-design-trends"></span>
* [[Old-Timey Strong Bad Evolution]]
== <span class="mw-headline"> General design trends</span> ==


<span id="mw22"></span>
Many characters were initially designed for [[Original Book|children's books]]. These hand-drawn designs were simple and loose, with thin outlines and bold, solid colors:
=== <span class="mw-headline">[[20X6]]</span> ===


* [[Stinkoman|Stinkoman Evolution]]
{| class="wikitable gallery" cellspacing="0" cellpadding="0"
* [[1-Up|1-Up Evolution]]
|-
| <div class="gallerybox" style="width: 155px;">


<span id="mw25"></span>
<div class="thumb" style="padding: 13px 0; width: 150px;">
=== <span class="mw-headline">[[Storybook World]]</span> ===


* [[Mr. Bland|Mr. Bland Evolution]]
<div style="margin-left: auto; margin-right: auto; width: 120px;">
* [[Señor|Señor Evolution]]
* [[The Robot (storybook)|The Robot Evolution]]
* [[The Grape Fairie|The Grape Fairie Evolution]]


<span id="other"></span>
[[File:firsthomestar.png|[[File:firsthomestar.png|51px|thumb]]]]
=== <span class="mw-headline">Other</span> ===


* [[The Announcer|The Announcer Evolution]]
</div>
* [[Visor Robot|Visor Robot Evolution]]
 
* [[Nebulon|Nebulon Evolution]]
</div>
* [[The Goblin|The Goblin Evolution]]
<div class="gallerytext">
* [[The Umpire|The Umpire Evolution]]
 
* [[The Sad Kids|The Sad Kids Evolution]]
</div>
 
</div>
| <div class="gallerybox" style="width: 155px;">
 
<div class="thumb" style="padding: 13px 0; width: 150px;">
 
<div style="margin-left: auto; margin-right: auto; width: 120px;">
 
[[File:tinyhandedstrongbad.png|[[File:tinyhandedstrongbad.png|69px|thumb]]]]
 
</div>
 
</div>
<div class="gallerytext">
 
</div>
 
</div>
| <div class="gallerybox" style="width: 155px;">
 
<div class="thumb" style="padding: 24px 0; width: 150px;">
 
<div style="margin-left: auto; margin-right: auto; width: 120px;">
 
[[File:The cheatachu72.PNG|[[File:The_cheatachu72.PNG|120px|thumb]]]]
 
</div>
 
</div>
<div class="gallerytext">
 
</div>
 
</div>
| <div class="gallerybox" style="width: 155px;">
 
<div class="thumb" style="padding: 13px 0; width: 150px;">
 
<div style="margin-left: auto; margin-right: auto; width: 120px;">
 
[[File:firstpompom.png|[[File:firstpompom.png|118px|thumb]]]]
 
</div>
 
</div>
<div class="gallerytext">
 
</div>
 
</div>
|}
 
When [[The Brothers Chaps|the Brothers Chaps]] began using [[Flash]], character designs still kept the hand-drawn feeling with thick, irregular lines (as drawings were often digitized with [[Adobe Streamline]]); coloring made use of gradients:
 
{| class="wikitable gallery" cellspacing="0" cellpadding="0"
|-
| <div class="gallerybox" style="width: 155px;">
 
<div class="thumb" style="padding: 13px 0; width: 150px;">
 
<div style="margin-left: auto; margin-right: auto; width: 120px;">
 
[[File:hr3.png|[[File:hr3.png|65px|thumb]]]]
 
</div>
 
</div>
<div class="gallerytext">
 
</div>
 
</div>
| <div class="gallerybox" style="width: 155px;">
 
<div class="thumb" style="padding: 13px 0; width: 150px;">
 
<div style="margin-left: auto; margin-right: auto; width: 120px;">
 
[[File:StrongBadThirdDesign.png|[[File:StrongBadThirdDesign.png|100px|thumb]]]]
 
</div>
 
</div>
<div class="gallerytext">
 
</div>
 
</div>
| <div class="gallerybox" style="width: 155px;">
 
<div class="thumb" style="padding: 20px 0; width: 150px;">
 
<div style="margin-left: auto; margin-right: auto; width: 120px;">
 
[[File:oldthecheat.png|[[File:oldthecheat.png|120px|thumb]]]]
 
</div>
 
</div>
<div class="gallerytext">
 
</div>
 
</div>
| <div class="gallerybox" style="width: 155px;">
 
<div class="thumb" style="padding: 13px 0; width: 150px;">
 
<div style="margin-left: auto; margin-right: auto; width: 120px;">
 
[[File:pompom evolution iop.png|[[File:pompom_evolution_iop.png|109px|thumb]]]]
 
</div>
 
</div>
<div class="gallerytext">
 
</div>
 
</div>
|}
 
Around the time of [[A Jumping Jack Contest]], characters began to be drawn in Flash and appeared with cleaner vector lines with more precise shapes. This art style primarily used black outlines, flat colors, and limited shading:
 
{| class="wikitable gallery" cellspacing="0" cellpadding="0"
|-
| <div class="gallerybox" style="width: 155px;">
 
<div class="thumb" style="padding: 13px 0; width: 150px;">
 
<div style="margin-left: auto; margin-right: auto; width: 120px;">
 
[[File:jjhomestar.png|[[File:jjhomestar.png|58px|thumb]]]]
 
</div>
 
</div>
<div class="gallerytext">
 
</div>
 
</div>
| <div class="gallerybox" style="width: 155px;">
 
<div class="thumb" style="padding: 13px 0; width: 150px;">
 
<div style="margin-left: auto; margin-right: auto; width: 120px;">
 
[[File:sb evolution jumpingjack.png|[[File:sb_evolution_jumpingjack.png|92px|thumb]]]]
 
</div>
 
</div>
<div class="gallerytext">
 
</div>
 
</div>
| <div class="gallerybox" style="width: 155px;">
 
<div class="thumb" style="padding: 23px 0; width: 150px;">
 
<div style="margin-left: auto; margin-right: auto; width: 120px;">
 
[[File:2ndthecheat.png|[[File:2ndthecheat.png|120px|thumb]]]]
 
</div>
 
</div>
<div class="gallerytext">
 
</div>
 
</div>
| <div class="gallerybox" style="width: 155px;">
 
<div class="thumb" style="padding: 13px 0; width: 150px;">
 
<div style="margin-left: auto; margin-right: auto; width: 120px;">
 
[[File:jumpingjackspompom.png|[[File:jumpingjackspompom.png|106px|thumb]]]]
 
</div>
 
</div>
<div class="gallerytext">
 
</div>
 
</div>
|}
 
Characters' current designs are typified by colored outlines and the use of shadows, highlights, and varying line width to add depth:
 
{| class="wikitable gallery" cellspacing="0" cellpadding="0"
|-
| <div class="gallerybox" style="width: 155px;">
 
<div class="thumb" style="padding: 13px 0; width: 150px;">
 
<div style="margin-left: auto; margin-right: auto; width: 120px;">
 
[[File:NewerestHomestar.png|[[File:NewerestHomestar.png|59px|thumb]]]]
 
</div>
 
</div>
<div class="gallerytext">
 
</div>
 
</div>
| <div class="gallerybox" style="width: 155px;">
 
<div class="thumb" style="padding: 13px 0; width: 150px;">
 
<div style="margin-left: auto; margin-right: auto; width: 120px;">
 
[[File:currentbad.png|[[File:currentbad.png|79px|thumb]]]]
 
</div>
 
</div>
<div class="gallerytext">
 
</div>
 
</div>
| <div class="gallerybox" style="width: 155px;">
 
<div class="thumb" style="padding: 21px 0; width: 150px;">
 
<div style="margin-left: auto; margin-right: auto; width: 120px;">
 
[[File:The Cheat Character Video.PNG|[[File:The_Cheat_Character_Video.PNG|120px|thumb]]]]
 
</div>
 
</div>
<div class="gallerytext">
 
</div>
 
</div>
| <div class="gallerybox" style="width: 155px;">
 
<div class="thumb" style="padding: 13px 0; width: 150px;">
 
<div style="margin-left: auto; margin-right: auto; width: 120px;">
 
[[File:pompom.PNG|[[File:pompom.PNG|100px|thumb]]]]
 
</div>
 
</div>
<div class="gallerytext">
 
</div>
 
</div>
|}
 
Most character designs have not significantly evolved since 2001. Post-2001 changes typically include minor adjustments to facial or body proportions, additional facial expressions, or reworking how a character is animated, not major changes to how the character is drawn.


<span id="see-also"></span>
<span id="see-also"></span>

Revision as of 01:53, 14 July 2026

File:Hs wallpaper.png

Homestar through the years

Over the years, Homestar Runner characters have undergone a number of changes to their appearance. The first two years of the site saw particularly dramatic shifts in appearances, as creative duo the Brothers Chaps familiarized themselves with Flash and developed their signature art style.

Below are links to charts for individual characters as they have changed.

Character evolution pages by category

Many characters were initially designed for children's books. These hand-drawn designs were simple and loose, with thin outlines and bold, solid colors:

When the Brothers Chaps began using Flash, character designs still kept the hand-drawn feeling with thick, irregular lines (as drawings were often digitized with Adobe Streamline); coloring made use of gradients:

Around the time of A Jumping Jack Contest, characters began to be drawn in Flash and appeared with cleaner vector lines with more precise shapes. This art style primarily used black outlines, flat colors, and limited shading:

Characters' current designs are typified by colored outlines and the use of shadows, highlights, and varying line width to add depth:

Most character designs have not significantly evolved since 2001. Post-2001 changes typically include minor adjustments to facial or body proportions, additional facial expressions, or reworking how a character is animated, not major changes to how the character is drawn.

See Also