PageSourceSearch

https://characterhub.com/_nuxt/CbPBcojc.js

js characterhub.com collected 2026-10-03 22:01:00 UTC 12,659 bytes, 58 lines download raw bytes

1import{_ as U}from"./VcySoWWp.js";import{B as K}from"./DhnmDP_Q.js";import{T as B}from"./BepR_XKp.js";import{P as Q,B as X}from"./DiPtcu7K.js";import{P as k}from"./DmgbRdnX.js";import{f as E,o as d,a as C,j as o,B as D,J as Z,W as ee,u as r,c as _,t as te,e as a,b as ae,a1 as re,i as H,D as I,y as b,x as s,A as W,k as oe}from"./iJPA3RaR.js";import{i as j,z as se,j as ne,aM as ie,ce,c1 as le}from"./eOmGi0ej.js";import{I as he}from"./CBCWbc3E.js";import{_ as ue}from"./CJ2GLZFO.js";import{a as de}from"./CPabP-69.js";import{u as pe}from"./QgEao98O.js";import{u as me}from"./DtRGSNcm.js";import"./CuwsnNma.js";import"./DYcplK3b.js";import"./ICFm9OWy.js";import"./BwkyRxai.js";import"./DQzPIviB.js";import"./Bx2m9KTX.js";import"./8YOiTwFB.js";import"./DCHQ9cAN.js";import"./CxLOejld.js";import"./BSlbnkrT.js";import"./CrzlP7Jn.js";import"./7o9BIHTR.js";import"./yrM3Hul3.js";import"./Dt71xjeN.js";import"./Ckmim1AA.js";import"./DYuLImmP.js";import"./bZ83SDdf.js";import"./Bvly4nEr.js";import"./DaqW2up1.js";import"./CyTawqXh.js";import"./m5AJgy6M.js";import"./98bcCQFi.js";import"./DuJsTdQb.js";import"./1pF_SMMH.js";import"./B69SPGPM.js";import"./Bi-Bb-u2.js";try{let n=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},c=new n.Error().stack;c&&(n._sentryDebugIds=n._sentryDebugIds||{},n._sentryDebugIds[c]="86592c85-78fc-40af-a6a3-0d1113ff82c0",n._sentryDebugIdIdentifier="sentry-dbid-86592c85-78fc-40af-a6a3-0d1113ff82c0")}catch{}const fe={class:"resources-wrapper p-3"},ge={class:"title m-0"},be={class:"resources mt-1"},ye=["href"],we={class:"one-resource mt-2 d-flex align-items-center px-3"},ve=E({__name:"resources",props:{title:{type:String,default:""},resources:{type:Array,default:[]}},setup(n){const c=n,p=_(()=>te(c.resources).value);return(T,m)=>(d(),C("div",fe,[o("h1",ge,D(n.title),1),o("div",be,[(d(!0),C(Z,null,ee(r(p),(f,y)=>(d(),C("div",{key:y},[o("a",{rel:"follow",href:f.href,target:"_blank"},[o("div",we," • "+D(f.label),1)],8,ye)]))),128))])]))}}),ke=j(ve,[["__scopeId","data-v-106d12c7"]]),Ce={class:"buttons mt-5"},_e={class:"d-flex justify-content-between"},Te={class:"buttons mt-5"},xe={class:"text-center"},Oe={class:"buttons mt-4 px-2"},Ae=E({__name:"index",async setup(n){let c,p;const T=a([{label:"Home",href:"/"},{label:"Original Characters",href:"/original-character",isActive:!0}]),m=a(),f=_(()=>!!h.value?.next),y=a("Original Characters (OCs):"),M=a("Original Character (OCs) - CharacterHub"),P=a("A Comprehensive Guide with Resources and Examples"),g=a([]),h=a(null),l=pe("pageData",()=>({})),x=a({title:"What are original characters, a.k.a. OCs?",body:`<article><p>
2          An original character (often abbreviated as "OC") is a fictional character that is not taken from an existing
3          body of work. They are characters created by the artist or writer themselves.
4        </p>
5        <p>
6          Quick! Think of a random animal. Now give it some unique features, a personality, and a name. You just created
7          an original character! Fun right? Original characters are often used in stories, art, Dungeons & Dragons, and
8          more!
9        </p>
10        <p>
11          Fan characters or fandom OCs are also popular. These original characters live in an existing world or
12          universe. For example, an original character that lives in Hogwarts and hangs out with Harry Potter would be a
13          fan character. Fan characters often appear in fanfiction and fanart!
14        </p></article>`}),F=a([{label:"How To Create An Epic OC",href:"https://characterhub.com/blog/character-resources/make-an-oc"},{label:"Getting Character Design Inspo",href:"https://characterhub.com/blog/character-resources/character-inspiration"},{label:"Character Bio Sheet (250+ trait ideas)",href:"https://characterhub.com/blog/character-resources/character-template"},{label:"101 Character Design Ideas",href:"https://characterhub.com/blog/oc-ideas/character-design-ideas"},{label:"1001 Character Traits To Use",href:"https://characterhub.com/blog/oc-ideas/character-ideas"},{label:"How Shapes Make The Character",href:"https://characterhub.com/blog/character-resources/shape-drven-oc-design"},{label:"How To Make A Character Reference Sheet",href:"https://characterhub.com/blog/character-resources/oc-reference-sheet"},{label:"How To Make A Character Color Palette",href:"https://characterhub.com/blog/character-resources/character-color-palette"},{label:"OC Writing Prompts",href:"https://characterhub.com/blog/oc-ideas/writing-prompts"},{label:"OC Challenges You Can Join Right Now",href:"https://characterhub.com/blog/oc-ideas/oc-challenge"}]),O=a({title:"How do you create an amazing original character?",body:`<p>Getting started can be simple. Have fun! Think about characters and stories that resonate with you, and then go wild!</p>
15  <h3>Step 1: Look for inspiration</h3>
16  <p>Study people in your life. Study yourself. Look at objects and animals. Even look at other characters (but don't steal any ideas!) You never know what might spark inspiration.</p>
17  <h3>Step 2: Think like your character</h3>
18  <p>Once you have a concept, try to think from your character's perspective. We often base characters on ourselves or people we know. Try to get into the character's headspace and view the world as they do. Experience the world as they do. This makes for a stronger character.</p>
19  <h3>Step 3: Think about their relationships, desires, and obstacles</h3>
20  <p>Great characters need great stories! Think about the character's family and friends. Think about what they want and why. What do they need? Finally, think about what's getting in their way. Even consider how they are getting in their own way.</p>
21  <p>Read our detailed guide about <a rel="follow" class="link" href="https://characterhub.com/blog/character-resources/make-an-oc">how to make an original character</a> for detailed instructions about ideation, character art, and more!</p>
22    <h3>Want deeper advice? Let's turn to the experts!</h3>
23    <p>According to Kellye Perdue, Storyboard Artist at Warner Bros Animation:</p>
24<p><i>"For beginners, I would tell them to think about what kind of story they're trying to tell. For example, if you're designing a character that's supposed to go on an adventure and slay a monster, maybe they look muscular and cool, like Jacob in the mov
24ie The Sea Beast. Opposite of that you could have a story with an "unlikely" where maybe the main character has to go slay a monster, but maybe they're reluctant to do so or they aren't as strong as the people around them, ala Shrek or Hiccup from How to Train Your Dragon. All of the designs service the role the character is meant to play in the story. And that goes for all the characters and even the environment around them, as well. Another tip is to just look at the things that they already enjoy. Types of characters, fashion, art in general, etc. and go off of that. It'll help inform them on their own likes and dislikes, and create something that is uniquely theirs in their work."</i></p>
25<p>Mark Lawrence, the Award-winning novelist of The Broken Empire trilogy, puts it simply:</p>
26<p><i>"A good character doesn't give a damn about your story. They're not here to help. You didn't make them - they just blew into town. Your job is to shut up, watch what they do, write it down."</i></p>`}),A=a({title:"CharacterHub is for Original Characters!",body:`<p>
27          <a href="/">CharacterHub</a> gives you a free place to keep track of and showcase all your character details
28          and art! Whether you're an artist, writer, animator, comic creator, or VTuber, we've got something for you!
29        </p>
30        <p>
31          We have a huge list of traits to help you develop your character further (blood type? favorite color? we got
32          it all!) You can even add a Spotify playlist for them!
33        </p>
34        <p>
35          The community is our superpower. We've built unique experiences to help support original characters through
36          community:
37        </p>
38        <ul>
39          <li>
40            <p>
41              <strong>Compliment Bombs:</strong> a place where we spotlight characters to get compliments from the
42              entire community!
43            </p>
44          </li>
45          <li>
46            <p>
47              <strong>Cheers:</strong> Where your friends and fans can cheer for you as you build your character, upload
48              your art, and create your world! As they cheer, you can get spotlighted to the entire community!
49            </p>
50          </li>
51          <li>
52            <p>
53              <strong>Events and contests:</strong> We host regular events, contests, challenges, and prompts to
54              showcase new characters to the community!
55            </p>
56          </li>
57        </ul>
58        <p><a rel="follow" class="link" href="/signup">You can join the community here!</a></p>`}),w=a([{label:"See More OC Art",href:"/original-character-art"}]),R=_(()=>[...T.value]),L=async()=>{if(!h.value?.next)return;const{results:i,...e}=await ce(h.value);h.value=e,g.value=[...g.value,...i.map(t=>t.character)]},{public:{baseCDNUrl:N}}=se(),v=a(`${N}/images/header_OCs.png`),$=a("Discover thousands of original characters! Original characters (OCs) are characters created by an author or artist! Some characters are completely original and may be in the creators' stories or comics. Other 
58characters, known as fan characters, may be based on or exist in the universes of existing media."),Y=a("Original Character (OCs) - CharacterHub"),V=a(!0),G=a(!1),q=ne(),J=a(`https://characterhub.com${q.path}`);function S(i,e=!1){return e?i.map(t=>({href:"/fandoms/"+t[1],label:t[0]}))||[]:i?.map(t=>t.length===3&&t[2]==="oc"?{href:"/original-character/"+t[1],label:t[0]+" OCs"}:{})||[]}return ae(()=>{const i=ie();i.value&&i.value.getElementById("app-nav-bar")?.scrollIntoView({behavior:"smooth"})}),[c,p]=re(async()=>me(async()=>{l.value=await de();const{results:i,...e}=l.value?.featured_characters||[];g.value=i.map(u=>u.character),h.value=e,m.value=l.value?.featured_fanart?.results||[],l.value.fanart?.count&&(v.value=m.value[0]?.image?.image||v.value);let t=[];for(let u in l.value.oc_sections)t=[...t,...S(l.value.oc_sections[u])];return t=[...t,...S(l.value.fandoms,!0)],w.value=[...w.value,...t],le(Y,M,$,J,v,V,G),!0})),await c,p(),(i,e)=>{const t=H("ion-button"),u=U,z=H("ion-page");return d(),I(z,{class:"page scrollable bg-transparent pb-5"},{default:b(()=>[s(K,{breadcrumbs:r(R)},null,8,["breadcrumbs"]),s(Q,{class:"mt-4",title:r(y),subtitle:r(P),invert:""},null,8,["title","subtitle"]),e[5]||(e[5]=o("img",{src:"/images/header_OCs.png",class:"mt-3 borders"},null,-1)),s(k,{class:"mt-4",title:r(x).title,body:r(x).body},null,8,["title","body"]),e[6]||(e[6]=o("div",{class:"w-50 spacer mt-3 ml-2"},null,-1)),s(k,{class:"mt-4",title:r(O).title,body:r(O).body}
58,null,8,["title","body"]),e[7]||(e[7]=o("div",{class:"w-50 spacer mt-3 ml-2"},null,-1)),s(k,{class:"mt-4",title:r(A).title,body:r(A).body},null,8,["title","body"]),s(ke,{class:"mt-4",title:"Original Character Resources:",resources:r(F)},null,8,["resources"]),o("section",Ce,[o("div",_e,[s(B,{title:"Featured Original Character Art and Designs",action:"",class:"mb-3"}),s(u,{to:{name:"original-character-art"}},{default:b(()=>[s(t,{color:"primary",class:"action-btn",fill:"clear"},{default:b(()=>[...e[0]||(e[0]=[W(" See More OC Art ",-1)])]),_:1})]),_:1})]),e[1]||(e[1]=o("div",{class:"text mt-n1"}," We're so lucky to have incredible original character artists from around the world! Enjoy some featured art from our OC community! Submit your characters and art on the site to have a chance to be featured here! ",-1)),s(ue,{class:"mt-4","fan-arts":r(m)},null,8,["fan-arts"])]),o("section",Te,[e[3]||(e[3]=o("h2",{class:"title mb-3"},"Featured Original Characters",-1)),e[4]||(e[4]=o("div",{class:"mt-n2"}," Check out these incredible OCs! These OCs are not only selected for their great art, but also for the lore and character details! Check out the character profiles to learn more about the characters and their creators! ",-1)),s(he,{class:"mt-2",characters:r(g),loading:!1,paging:{},hideTypeTag:!0,showCharacterTags:!0,pagination:!1,listLayout:!0},null,8,["characters"]),o("div",xe,[r(f)?(d(),I(t,{key:0,class:"clickable",onClick:L},{default:b(()=>[...e[2]||(e[2]=[W("Load More",-1)])]),_:1})):oe("",!0)])]),o("section",Oe,[s(B,{title:"Explore more",class:"mb-2"}),s(X,{style:{"--background":"#214163",textTransform:"unset","--border-radius":"20px"},buttons:r(w)},null,8,["buttons"])])]),_:1})}}}),dt=j(Ae,[["__scopeId","data-v-a5787242"]]);export{dt as default};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.