Character creator
Technique
Html, Css, Javascript, Socket,io
My Role
Developer,illustrator
Overview
Character Creator is a series of mini-games that I created using HTML, CSS, and JavaScript.
Project description
Character Creator is a series of mini-games that I created using HTML, CSS, and JavaScript. Through this project, I was able to exercise and improve my illustration skills while also honing my front-end development abilities. Each game within the series allows the user to create their own unique characters, with various customization options available to them. I hope this project can showcase the fun and creativity that can be had with both illustration and front-end development!
Asset production
![](https://uploads-ssl.webflow.com/63e49e95f470fc179774f7a6/63f6e2fd01cd2e31df215ebd_%E6%88%AA%E5%B1%8F2022-03-17-%E4%B8%8A%E5%8D%883.15.42-2048x1073.png)
![](https://uploads-ssl.webflow.com/63e49e95f470fc179774f7a6/63f6e2fb3b61ea07a46a164e_%E6%88%AA%E5%B1%8F2022-03-17-%E4%B8%8A%E5%8D%883.16.23-2048x1077.png)
![](https://uploads-ssl.webflow.com/63e49e95f470fc179774f7a6/63f6e46146a35319d15287ca_%E6%88%AA%E5%B1%8F2022-03-17-%E4%B8%8A%E5%8D%883.16.42-2048x1008.png)
![](https://uploads-ssl.webflow.com/63e49e95f470fc179774f7a6/63f6e2f546a35356f6526ca3_2022-03-22-%E4%B8%8B%E5%8D%883.02.05-e1648059396547-2048x1259.png)
View demo here (without socket)
![](https://uploads-ssl.webflow.com/63e49e95f470fc179774f7a6/63f6e755808191ae47b9e5dd_2022-03-17-%E4%B8%8A%E5%8D%883.14.14-e1648059214170-2048x1261.png)
![](https://uploads-ssl.webflow.com/63e49e95f470fc179774f7a6/63f6e7858081911f6db9ed32_%E6%88%AA%E5%B1%8F2022-03-17-%E4%B8%8A%E5%8D%883.15.15-2048x1072.png)
View demo here
![](https://uploads-ssl.webflow.com/63e49e95f470fc179774f7a6/63f6e2f25f5cbe54f13d6a72_%E6%88%AA%E5%B1%8F2022-05-05-%E4%B8%8A%E5%8D%882.37.06-2048x1150.png)
![](https://uploads-ssl.webflow.com/63e49e95f470fc179774f7a6/63f6e2f071de22284a7dfc4b_%E6%88%AA%E5%B1%8F2022-05-05-%E4%B8%8A%E5%8D%881.53.29-2048x1155.png)
View demo here(without socket.io)