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
Reimported from hrwiki.org Wayback HTML→wikitext (full reconvert)
 
Line 1: Line 1:
<!-- Mirrored from Homestar Runner Wiki (hrwiki.org) via Wayback Machine; HTML converted to wikitext. Formatting may be imperfect. -->
<!-- Mirrored from Homestar Runner Wiki (hrwiki.org) via Wayback Machine -->
<div class="thumb tright">
https://web.archive.org/web/20211001000000im_/http://www.hrwiki.org/w/images/thumb/7/7e/hs_wallpaper.png/180px-hs_wallpaper.png


<div class="thumbinner" style="width:252px;">
''Through the years''


[[File:hs wallpaper.png|[[File:hs_wallpaper.png|250px|thumb]]]]
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.
<div class="thumbcaption">


<div class="magnify">
=== Main Characters ===


[[File:hs wallpaper.png|[[File:magnify-clip.png|15px|thumb]]]]
* [[Homestar Runner Evolution]]
* [[Strong Bad Evolution]]
* [[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]]


</div>
=== Old-Timey ===
Homestar through the years


</div>
* [[The Homestar Runner Evolution]]
* [[Old-Timey Strong Bad Evolution]]


</div>
=== 20X6 ===


</div>
* [[Stinkoman|Stinkoman Evolution]]
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]].
* [[1-Up|1-Up Evolution]]


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


<span id="character-evolution-pages-by-category"></span>
* [[Mr. Bland|Mr. Bland Evolution]]
== <span class="mw-headline"> Character evolution pages by category </span> ==
* [[Señor|Señor Evolution]]
* [[The Robot (storybook)|The Robot Evolution]]
* [[The Grape Fairie|The Grape Fairie Evolution]]


* '''[[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]]
=== Other ===
* '''[[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]]


<span id="general-design-trends"></span>
* [[The Announcer|The Announcer Evolution]]
== <span class="mw-headline"> General design trends</span> ==
* [[Visor Robot|Visor Robot Evolution]]
* [[Nebulon|Nebulon Evolution]]
* [[The Goblin|The Goblin Evolution]]
* [[The Umpire|The Umpire Evolution]]
* [[The Sad Kids|The Sad Kids Evolution]]


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:
== See Also ==
 
{| 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:firsthomestar.png|[[File:firsthomestar.png|51px|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: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 class="mw-headline">See Also</span> ==


* [[Minor Character Variations]]
* [[Minor Character Variations]]
* [[Stylized Character Designs]]
* [[Stylized Character Designs]]
* [[Other Costumes]]
* [[Other Costumes]]
 
[[Category:Character Evolution]]
<div id="catlinks" class="catlinks">
[[Category:Lists]]
 
<div id="mw-normal-catlinks">
 
[/wiki/Special:Categories Categories]: <span dir="ltr">[[Category:Character Evolution|Character Evolution]]</span> | <span dir="ltr">[[Category:Lists|Lists]]</span>
 
</div>
 
</div>



Latest revision as of 14:24, 14 July 2026