JOY AND TOY
Mobile Game
Game Design // Art Direction // Illustration // UI // UX
Joy and Toy must bring back happiness to the world ever since an evil monolith appeared, spreading sadness everywhere it went.
Players must use the combined powers of both Joy and Toy to rescue people from their melancholy and put an end to the monolith's rule of bad mood
It is an 2D sidescroller endless runner mixed with a lane-runner style game akin to Sonic
I was responsible for the art direction, UI and illustration for this project.
{"items":["9b0b0c6a-66c1-4a74-8cdb-c3034215e307","00770e16-e9ea-4bac-9ddd-b3272ca9e0ab","c9c99fb0-8710-40c1-a7cd-b9497bf13abd","05155f5a-b0b4-4fea-bcf0-71f8ba79f07b","ef8ce650-b548-47ba-a459-4af89f657216","3650a925-0e61-4fe6-9d01-ca2288f236ec"],"styles":{"groupSize":3,"showArrows":true,"cubeImages":false,"cubeType":"fill","cubeRatio":1,"isVertical":true,"gallerySize":90,"collageAmount":0.8,"collageDensity":0.2,"groupTypes":"1,2h,2v,3t,3b,3l,3r","oneRow":false,"imageMargin":50,"galleryMargin":0,"floatingImages":0,"chooseBestGroup":true,"smartCrop":false,"hasThumbnails":false,"enableScroll":true,"isGrid":false,"isSlider":false,"isColumns":false,"isSlideshow":false,"cropOnlyFill":false,"fixedColumns":0,"enableInfiniteScroll":true,"isRTL":false,"minItemSize":120,"rotatingGroupTypes":"","rotatingCubeRatio":"","gallerySliderImageRatio":1.7777777777777777,"numberOfImagesPerRow":3,"numberOfImagesPerCol":1,"groupsPerStrip":0,"borderRadius":0,"boxShadow":0,"gridStyle":0,"mobilePanorama":false,"placeGroupsLtr":false,"viewMode":"preview","thumbnailSpacings":0,"galleryThumbnailsAlignment":"bottom","isMasonry":false,"isAutoSlideshow":false,"slideshowLoop":false,"autoSlideshowInterval":4,"bottomInfoHeight":0,"titlePlacement":"SHOW_ON_HOVER","galleryTextAlign":"center","scrollSnap":false,"itemClick":"nothing","fullscreen":true,"videoPlay":"hover","scrollAnimation":"NO_EFFECT","scrollDirection":0,"overlayAnimation":"NO_EFFECT","arrowsPosition":0,"arrowsSize":23,"watermarkOpacity":40,"watermarkSize":40,"useWatermark":true,"watermarkDock":{"top":"auto","left":"auto","right":0,"bottom":0,"transform":"translate3d(0,0,0)"},"loadMoreAmount":"all","defaultShowInfoExpand":1,"allowLinkExpand":true,"expandInfoPosition":0,"allowFullscreenExpand":true,"fullscreenLoop":false,"galleryAlignExpand":"left","addToCartBorderWidth":1,"addToCartButtonText":"","slideshowInfoSize":200,"playButtonForAutoSlideShow":false,"allowSlideshowCounter":false,"hoveringBehaviour":"APPEARS","thumbnailSize":120,"magicLayoutSeed":1,"imageHoverAnimation":"NO_EFFECT","imagePlacementAnimation":"NO_EFFECT","calculateTextBoxWidthMode":"PERCENT","textBoxHeight":0,"textBoxWidth":200,"textBoxWidthPercent":50,"textImageSpace":10,"textBoxBorderRadius":0,"textBoxBorderWidth":0,"loadMoreButtonText":"","loadMoreButtonBorderWidth":1,"loadMoreButtonBorderRadius":0,"imageInfoType":"NO_BACKGROUND","itemBorderWidth":0,"itemBorderRadius":0,"itemEnableShadow":false,"itemShadowBlur":20,"itemShadowDirection":135,"itemShadowSize":10,"imageLoadingMode":"BLUR","expandAnimation":"NO_EFFECT","imageQuality":90,"usmToggle":false,"usm_a":0,"usm_r":0,"usm_t":0,"videoSound":false,"videoSpeed":1,"videoLoop":true,"gotStyleParams":true,"selectedLayout":"0|bottom|1|fill|true|0|true","allowSocial":false,"allowDownload":false,"allowTitle":true,"allowDescription":false,"loveButton":false,"loveCounter":true,"showVideoPlayButton":true,"galleryImageRatio":2,"sharpParams":{"quality":100,"usm":{}},"galleryHorizontalAlign":"center","galleryVerticalAlign":"center","imageLoadingWithColorMode":"PICKED_COLOR","imageRatioType":"FIXED","numberOfDisplayedItems":3,"itemBorderColor":"color-5","itemShadowOpacityAndColor":{"value":"rgba(0, 0, 0, 0.2)"},"textBoxBorderColor":"color-5","titleDescriptionSpace":6,"textsVerticalPadding":0,"textsHorizontalPadding":0,"textBoxFillColor":"color-2","alwaysShowHover":false,"isStoreGallery":false,"previewHover":false,"calculateTextBoxHeightMode":"MANUAL","galleryLayout":0,"useCustomButton":false,"customButtonText":"","itemOpacity":{"themeName":"color_11","value":"rgba(255,255,255,0)"},"itemFont":{"family":"proxima-n-w01-reg","displayName":"Basic Heading","style":{"bold":false,"italic":false,"underline":false},"size":22,"preset":"Custom","editorKey":"font_5","fontStyleParam":true,"value":"font:normal normal normal 22px/27px proxima-n-w01-reg,sans-serif;"},"itemFontSlideshow":{"family":"proxima-n-w01-reg","displayName":"Basic Heading","style":{"bold":false,"italic":false,"underline":false},"size":22,"preset":"Custom","editorKey":"font_5","fontStyleParam":true,"value":"font:normal normal normal 22px/27px proxima-n-w01-reg,sans-serif;"},"itemDescriptionFontSlideshow":{"family":"proxima-n-w01-reg","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Custom","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 15px/18px proxima-n-w01-reg,sans-serif;"},"itemDescriptionFont":{"family":"proxima-n-w01-reg","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Custom","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 15px/18px proxima-n-w01-reg,sans-serif;"},"itemFontColor":{"value":"rgba(0,0,0,1)"},"itemFontColorSlideshow":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"itemDescriptionFontColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"itemDescriptionFontColorSlideshow":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"loadMoreButtonFont":{"family":"proxima-n-w01-reg","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":16,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 16px/1.4em proxima-n-w01-reg,sans-serif;"},"loadMoreButtonFontColor":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"loadMoreButtonColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"loadMoreButtonBorderColor":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"arrowsColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"responsive":false,"targetItemSize":950,"isAccessible":false,"allowLeanGallery":false,"layoutsVersion":2,"selectedLayoutV2":0,"isSlideshowFont":false,"externalInfoHeight":0,"externalInfoWidth":0},"container":{"top":"","bottom":"","left":"","right":"","width":980,"height":500,"position":"","avoidGallerySelfMeasure":true,"galleryWidth":1080,"galleryHeight":500,"scrollBase":0}}