'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M602.276%20115.872C606.707%20132.494%20609.514%20144.313%20610.675%20151.335C611.844%20160.935%20612.775%20172.403%20613.475%20185.746C614.175%20198.618%20614.175%20210.676%20613.475%20221.912C613.244%20226.596%20612.075%20239.348%20609.976%20260.184C608.807%20269.314%20607.876%20276.455%20607.176%20281.603C606.476%20283.239%20605.657%20285.234%20604.726%20287.572C603.557%20296.701%20600.408%20306.645%20595.277%20317.418C588.747%20331.695%20580.817%20342.818%20571.48%20350.775C569.149%20352.882%20563.55%20358.851%20554.682%20368.682C548.152%20375.705%20541.265%20381.442%20534.035%20385.887C529.604%20388.696%20520.155%20393.493%20505.688%20400.284C492.859%20406.133%20483.291%20409.764%20476.992%20411.168V410.817C462.993%20416.204%20444.796%20419.595%20422.398%20421L395.802%20419.947C352.407%20415.501%20317.761%20398.647%20291.864%20369.384C290.234%20368.212%20288.827%20366.807%20287.665%20365.171C274.835%20353.001%20265.149%20338.956%20258.618%20323.036L258.268%20323.387C257.569%20321.28%20256.4%20318.591%20254.769%20315.311C252.9%20310.866%20251.388%20307.467%20250.219%20305.128C249.988%20303.492%20249.638%20301.498%20249.17%20299.159C248.47%20294.946%20247.77%20291.905%20247.07%20290.03C246.839%20284.644%20246.839%20278.675%20247.07%20272.123C241.24%20277.509%20233.771%20282.776%20224.673%20287.923C223.742%20288.394%20222.573%20288.857%20221.173%20289.328C220.473%20289.328%20219.885%20289.56%20219.423%20290.03C214.293%20293.078%20208.575%20296.119%20202.275%20299.159C186.177%20306.884%20172.067%20311.449%20159.93%20312.853C159.231%20313.092%20158.412%20313.324%20157.481%20313.555H157.131C155.5%20314.026%20153.862%20314.258%20152.231%20314.258C147.332%20314.96%20141.733%20315.782%20135.433%20316.716H127.034C126.104%20316.716%20119.216%20315.894%20106.387%20314.258C105.687%20314.026%20101.957%20313.436%2095.1884%20312.502C92.1507%20311.8%2089.1201%20311.329%2086.0895%20311.098C85.6275%20310.866%2085.2706%20310.746%2085.0396%20310.746C79.9092%20309.342%2074.3099%20307.235%2068.2417%20304.426C62.6423%20302.088%2055.8742%20298.808%2047.9441%20294.595C42.1139%20291.554%2036.2766%20287.923%2030.4463%20283.71C27.1777%20281.371%2022.5162%20277.979%2016.448%20273.527C13.8793%20271.42%209.32986%20266.736%202.79966%20259.482C2.56869%20259.482%202.21873%20259.243%201.74979%20258.78C1.04987%20257.607%200.468943%20256.673%200%20255.971C4.8994%20258.078%209.44885%20259.363%2013.6483%20259.833C19.4786%20262.172%2024.847%20263.464%2029.7464%20263.696C39.3142%20264.166%2048.5251%20263.344%2057.393%20261.238C60.6546%20260.535%2063.3423%20259.714%2065.442%20258.78C77.8095%20256.673%2088.7702%20253.281%2098.338%20248.597C106.968%20243.913%20116.074%20237.6%20125.635%20229.636C132.396%20223.787%20142.202%20214.657%20155.031%20202.249C161.33%20195.928%20170.548%20185.275%20182.678%20170.296C194.807%20155.078%20204.256%20144.193%20211.024%20137.641C220.354%20128.28%20230.622%20117.508%20241.82%20105.338C248.358%2098.0835%20258.268%2087.0792%20271.567%2072.3319C282.303%2060.3936%20294.195%2049.9792%20307.262%2041.0817C316.83%2034.5227%20327.21%2028.6729%20338.409%2023.5254C344.708%2020.7164%20351.119%2018.0268%20357.656%2015.4496C358.825%2014.7473%20360.106%2013.9257%20361.506%2012.9916C364.543%2011.5872%20368.736%209.94391%20374.104%208.0759C379.004%206.2009%20383.553%204.91574%20387.753%204.2135C394.752%202.57727%20403.851%201.16574%20415.049%200L433.247%200.70224C437.678%200.93399%20442.115%201.40451%20446.545%202.10675C452.376%202.10675%20460.544%202.22614%20471.042%202.45789C476.642%202.68961%20483.641%203.98178%20492.04%206.32028C496.47%207.49304%20502.658%209.24866%20510.588%2011.5872C518.987%2013.4622%20527.617%2017.4369%20536.484%2023.5254C543.484%2028.2094%20550.602%2034.0592%20557.832%2041.0817C580.929%2063.5538%20593.527%2082.5146%20595.627%2097.9641C598.658%20106.159%20600.877%20112.129%20602.276%20115.872ZM586.528%20244.033C587.459%20218.983%20587.347%20201.195%20586.178%20190.661C584.779%20180.128%20580.11%20159.643%20572.18%20129.214C568.911%20117.276%20565.65%20107.683%20562.381%20100.422C557.713%2090.8222%20551.302%2081.4612%20543.134%2072.3319C542.203%2071.3979%20541.153%2070.4569%20539.984%2069.5229C539.522%2069.0594%20539.053%2068.4695%20538.584%2067.7673C532.754%2062.1493%20525.286%2056.4119%20516.187%2050.5621C493.79%2036.7488%20472.561%2029.2558%20452.495%2028.0901C446.664%2028.0901%20442.815%2028.4412%20440.946%2029.1435C427.879%2028.9117%20417.38%2029.614%20409.45%2031.2502C375.154%2034.9932%20340.158%2050.5622%20304.463%2077.95C290.695%2089.186%20277.397%20101.475%20264.568%20114.818C256.4%20123.245%20250.688%20129.797%20247.42%20134.481C225.722%20163.976%20198.195%20192.888%20164.83%20221.209C156.2%20228.464%20145.932%20236.778%20134.034%20246.139C131.234%20248.014%20129.015%20249.77%20127.384%20251.406C116.417%20257.024%20105.806%20261.94%2095.5383%20266.153C79.2093%20272.474%2066.6109%20275.402%2057.7429%20274.932C39.0762%20274.229%2024.616%20271.42%2014.3482%20266.505C20.6475%20270.479%2026.9467%20273.878%2033.2459%20276.687C36.0456%20277.86%2038.9642%20279.026%2041.9949%20280.199C47.1252%20283.478%2054.1244%20286.758%2062.9923%20290.03C74.4219%20294.012%2083.6398%20296.119%2090.6389%20296.35C90.8699%20296.35%2091.1009%20296.35%2091.3388%20296.35C92.7387%20296.582%2094.1385%20296.701%2095.5383%20296.701C138.002%20298.576%20174.748%20289.798%20205.775%20270.367C216.973%20263.576%20226.191%20256.09%20233.421%20247.895C235.052%20246.02%20237.383%20243.681%20240.421%20240.872C244.382%20237.361%20247.189%20234.433%20248.82%20232.094C260.249%20215.008%20269.117%20202.368%20275.416%20194.173C282.877%20184.573%20288.015%20178.14%20290.814%20174.861C296.883%20167.375%20302.363%20161.286%20307.262%20156.602C308.193%20155.9%20309.012%20155.198%20309.712%20154.495C310.881%20153.561%20312.162%20152.74%20313.562%20152.038C316.13%20150.401%20319.28%20148.526%20323.011%20146.42C325.11%20144.783%20326.979%20143.372%20328.61%20142.206C328.841%20142.206%20329.191%20142.087%20329.66%20141.855V141.504C335.49%20138.695%20341.558%20135.535%20347.858%20132.023C348.088%20132.023%20348.319%20131.904%20348.557%20131.672C349.726%20131.202%20350.776%20130.851%20351.707%20130.619C361.737%20128.512%20373.873%20126.876%20388.103%20125.703V125.352L420.999%20126.756C455.763%20137.059%20480.26%20152.157%20494.49%20172.052C497.989%20177.199%20500.789%20182.466%20502.889%20187.852C504.288%20189.489%20505.807%20191.947%20507.438%20195.226C507.669%20195.928%20508.369%20198.386%20509.538%20202.6C510.238%20205.177%20510.588%20207.284%20510.588%20208.92C510.819%20211.961%20511.288%20216.525%20511.987%20222.614C512.218%20227.761%20512.218%20232.214%20511.987%20235.957C511.757%20240.641%20510.238%20247.544%20507.438%20256.673C503.239%20270.016%20497.52%20282.074%20490.29%20292.839C468.593%20325.613%20437.097%20341.175%20395.802%20339.539C380.173%20338.605%20367.455%20333.801%20357.656%20325.143C351.357%20321.168%20346.458%20316.364%20342.958%20310.746C339.69%20305.36%20337.709%20299.04%20337.009%20291.786C337.009%20290.613%20337.009%20289.567%20337.009%20288.626C337.009%20288.155%20337.009%20287.804%20337.009%20287.572C336.778%20285.697%20336.778%20283.822%20337.009%20281.954C337.24%20271.42%20340.158%20263.934%20345.758%20259.482C345.527%20259.946%20345.177%20260.416%20344.708%20260.887C343.777%20264.868%20343.308%20267.326%20343.308%20268.26C343.077%20269.433%20343.077%20271.42%20343.308%20274.229C343.777%20277.277%20344.008%20279.033%20344.008%20279.496C344.239%20279.967%20344.477%20280.901%20344.708%20282.305C344.708%20286.048%20345.408%20289.328%20346.808%20292.137C348.207%20295.416%20350.545%20299.391%20353.807%20304.075C357.075%20308.52%20359.987%20311.68%20362.556%20313.555C363.956%20314.728%20365.936%20316.013%20368.505%20317.418C374.335%20320.459%20381.222%20322.102%20389.152%20322.334H390.552C390.79%20322.334%20391.021%20322.334%20391.252%20322.334C396.621%20322.565%20401.051%20322.565%20404.551%20322.334C405.481%20322.334%20406.3%20322.453%20407%20322.685H407.35C433.247%20320.81%20452.495%20310.859%20465.093%20292.839C473.961%20280.669%20478.623%20267.326%20479.091%20252.811C480.022%20235.023%20476.992%20218.632%20469.993%20203.653C460.894%20184.222%20446.314%20168.772%20426.248%20157.304C393.121%20146.539%20361.044%20151.455%20330.01%20172.052C319.049%20179.306%20309.831%20187.501%20302.363%20196.631L302.013%20196.982C298.052%20200.732%20292.914%20205.409%20286.615%20211.027C285.446%20211.961%20284.165%20213.133%20282.765%20214.538C281.597%20217.586%20280.316%20220.739%20278.916%20224.018C274.247%20235.725%20271.686%20246.378%20271.217%20255.971C270.986%20264.166%20271.336%20272.003%20272.267%20279.496C273.667%20308.289%20282.416%20331.933%20298.514%20350.424C320.68%20375.705%20355.088%20389.279%20401.751%20391.154C443.284%20393.029%20476.411%20386.59%20501.139%20371.842H501.489C513.156%20366.224%20523.774%20359.553%20533.335%20351.828C544.764%20342.467%20553.751%20332.046%20560.282%20320.578C561.681%20318.001%20562.85%20315.662%20563.781%20313.555C566.35%20308.64%20568.911%20303.141%20571.48%20297.053C578.948%20279.728%20583.96%20262.059%20586.528%20244.033ZM352.057%20400.635C351.357%20400.403%20350.776%20400.284%20350.307%20400.284C351.007%20400.754%20351.707%20400.986%20352.407%20400.986L352.057%20400.635Z'%20fill='black'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M586.528%20244.033C583.96%20262.059%20578.948%20279.728%20571.48%20297.053C568.911%20303.141%20566.35%20308.64%20563.781%20313.555C562.85%20315.662%20561.681%20318.001%20560.281%20320.578C553.751%20332.046%20544.771%20342.467%20533.335%20351.828C523.767%20359.553%20513.156%20366.224%20501.489%20371.842H501.139C476.411%20386.59%20443.277%20393.029%20401.751%20391.154C355.088%20389.279%20320.68%20375.705%20298.513%20350.424C282.415%20331.933%20273.667%20308.289%20272.267%20279.496C271.336%20272.01%20270.986%20264.166%20271.217%20255.971C271.686%20246.371%20274.247%20235.725%20278.916%20224.018C280.316%20220.739%20281.597%20217.579%20282.765%20214.538C284.165%20213.133%20285.446%20211.961%20286.615%20211.027C292.914%20205.409%20298.045%20200.732%20302.013%20196.982L302.363%20196.631C309.824%20187.501%20319.042%20179.306%20330.01%20172.052C361.044%20151.455%20393.121%20146.539%20426.248%20157.304C446.314%20168.772%20460.894%20184.222%20469.992%20203.653C476.992%20218.632%20480.029%20235.023%20479.091%20252.811C478.622%20267.326%20473.961%20280.669%20465.093%20292.839C452.495%20310.859%20433.247%20320.81%20407.35%20322.685H407C406.3%20322.446%20405.481%20322.334%20404.551%20322.334C401.051%20322.565%20396.62%20322.565%20391.252%20322.334C391.021%20322.334%20390.79%20322.334%20390.552%20322.334H389.152C381.222%20322.102%20374.335%20320.459%20368.505%20317.418C365.936%20316.013%20363.955%20314.728%20362.556%20313.555C359.987%20311.68%20357.075%20308.52%20353.807%20304.075C350.545%20299.391%20348.207%20295.416%20346.808%20292.137C345.408%20289.328%20344.708%20286.048%20344.708%20282.305C344.477%20280.901%20344.239%20279.967%20344.008%20279.496C344.008%20279.033%20343.777%20277.277%20343.308%20274.229C343.077%20271.42%20343.077%20269.433%20343.308%20268.26C343.308%20267.326%20343.777%20264.868%20344.708%20260.887C345.177%20260.423%20345.527%20259.953%20345.758%20259.482C340.158%20263.927%20337.24%20271.42%20337.009%20281.954C336.778%20283.829%20336.778%20285.697%20337.009%20287.572C337.009%20287.804%20337.009%20288.155%20337.009%20288.626C337.009%20289.56%20337.009%20290.613%20337.009%20291.786C337.709%20299.047%20339.689%20305.367%20342.958%20310.746C346.458%20316.364%20351.357%20321.161%20357.656%20325.143C367.455%20333.801%20380.172%20338.605%20395.802%20339.539C437.097%20341.175%20468.593%20325.613%20490.29%20292.839C497.527%20282.067%20503.238%20270.016%20507.438%20256.673C510.238%20247.544%20511.756%20240.641%20511.987%20235.957C512.218%20232.214%20512.218%20227.761%20511.987%20222.614C511.287%20216.525%20510.818%20211.961%20510.588%20208.92C510.588%20207.284%20510.238%20205.177%20509.538%20202.6C508.369%20198.386%20507.669%20195.928%20507.438%20195.226C505.807%20191.954%20504.288%20189.496%20502.888%20187.852C500.789%20182.466%20497.989%20177.199%20494.49%20172.052C480.26%20152.157%20455.763%20137.059%20420.999%20126.757L388.103%20125.352V125.703C373.866%20126.876%20361.737%20128.512%20351.707%20130.619C350.776%20130.851%20349.726%20131.202%20348.557%20131.672C348.326%20131.904%20348.095%20132.023%20347.857%20132.023C341.558%20135.535%20335.49%20138.695%20329.66%20141.504V141.855C329.191%20142.087%20328.841%20142.206%20328.61%20142.206C326.979%20143.379%20325.11%20144.783%20323.01%20146.42C319.28%20148.526%20316.13%20150.394%20313.562%20152.038C312.162%20152.74%20310.881%20153.561%20309.712%20154.495C309.012%20155.198%20308.193%20155.9%20307.262%20156.602C302.363%20161.286%20296.883%20167.375%20290.814%20174.861C288.015%20178.14%20282.884%20184.573%20275.416%20194.173C269.117%20202.368%20260.249%20215.008%20248.82%20232.094C247.189%20234.433%20244.389%20237.361%20240.421%20240.872C237.383%20243.681%20235.052%20246.02%20233.421%20247.895C226.191%20256.09%20216.973%20263.576%20205.775%20270.367C174.748%20289.798%20138.002%20298.576%2095.5382%20296.701C94.1384%20296.701%2092.7386%20296.582%2091.3387%20296.35C91.1078%20296.35%2090.8768%20296.35%2090.6388%20296.35C83.6397%20296.112%2074.4218%20294.012%2062.9922%20290.03C54.1243%20286.758%2047.1251%20283.478%2041.9948%20280.199C38.9641%20279.026%2036.0455%20277.86%2033.2458%20276.687C26.9466%20273.878%2020.6474%20270.486%2014.3481%20266.505C24.6159%20271.42%2039.0831%20274.229%2057.7428%20274.932C66.6108%20275.402%2079.2092%20272.474%2095.5382%20266.153C105.806%20261.94%20116.417%20257.024%20127.384%20251.406C129.015%20249.77%20131.234%20248.014%20134.034%20246.139C145.932%20236.778%20156.2%20228.464%20164.83%20221.209C198.195%20192.888%20225.722%20163.976%20247.42%20134.481C250.688%20129.797%20256.4%20123.245%20264.568%20114.818C277.397%20101.475%20290.695%2089.186%20304.463%2077.95C340.158%2050.5622%20375.154%2034.9933%20409.45%2031.2502C417.38%2029.614%20427.879%2028.9117%20440.946%2029.1435C442.815%2028.4412%20446.664%2028.0901%20452.495%2028.0901C472.561%2029.2629%20493.79%2036.7489%20516.187%2050.5622C525.286%2056.4119%20532.754%2062.1493%20538.584%2067.7673C539.046%2068.4696%20539.515%2069.0595%20539.984%2069.5229C541.153%2070.4569%20542.203%2071.398%20543.134%2072.332C551.302%2081.4612%20557.713%2090.8223%20562.381%20100.422C565.65%20107.683%20568.911%20117.276%20572.18%20129.214C580.11%20159.643%20584.779%20180.128%20586.178%20190.661C587.347%20201.195%20587.459%20218.983%20586.528%20244.033Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M352.057%20400.635L352.407%20400.986C351.707%20400.986%20351.007%20400.754%20350.307%20400.284C350.776%20400.284%20351.357%20400.403%20352.057%20400.635Z'%20fill='url(%23paint0_radial_24_39)'/%3e%3c/g%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial_24_39'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(250.22%2076.1998)%20scale(519.16%20520.627)'%3e%3cstop%20stop-color='%2394CCE2'/%3e%3c/radialGradient%3e%3cclipPath%20id='clip0_24_39'%3e%3crect%20width='614'%20height='421'%20fill='white'%20transform='matrix(1%200%200%20-1%200%20421)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
Corus · Entertainment
Total Drama Avatar Builder
Inspired by a monster maker, kids can use this tool to build their own total drama avatar by selecting a head, body, feet, and background, and then share them with their friends.
Client
Corus
Role
UI
Tech
Flash AS3
Year
2010
In the Total Drama Avatar Builder, each character is completely customizable.
I decided to leverage a finite state machine design pattern to handle all the various states and transitions. It has garnered over 40K YouTube hits, and I still get emails from kids wanting to play it today.
During the course of this project, I had the pleasure of collaborating with Jason Krogh of SagoSago.