https://ryanplacedesign.com/visualizer-blog daily 0.75 2019-02-07 https://ryanplacedesign.com/visualizer-blog/2019/2/6/visualizer-blog-post-1-sprint-1 monthly 0.5 2019-02-07 https://ryanplacedesign.com/projects-index daily 0.75 2022-03-23 https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1556073411746-OP9E99UPSUJ9D4NSZ7MW/standing+poster.png Projects https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1556152389392-RZW4MZU2T37BDYE1CUVD/Enemy+color+scheme.PNG Projects A screenshot of each of our five unique enemy types next to their corresponding nest icons. From left to right is the “Drifter”, the “Strider”, the “Impeder”, the “Brutilizer”, and the “Ranger”. https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1556151967192-1TLS2R52UG9F17A25PDK/drifter_sticker.png Projects A “chibi” version of our most basic enemy, known as the “Drifter” https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1550631532622-A9YDE4QJIGTPCI1W2DTQ/edited.jpg Projects https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1553788523650-SBMX6AFLO56Y4N4D0VQG/Deep+Delves+Mines+Skybox.PNG Projects https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1553743830963-KYXIMF17U4MQU63T8WFS/Deep+Dives+Ledge+Start+Annotated+Flow.png Projects https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1553746780619-2GM87EJZSVRTGY2H12F4/Deep+Dives+Quarry+Back+Annotated+Flow.png Projects https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1553737641732-0R53UQL6SE8ASHKR88C8/PDF+Image.png Projects https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1553788494111-ZIU0OA87OX5IQFVY261H/Deep+Delves+Mines+Quarry+Editor+View.PNG Projects https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1553744470273-VNW23W70NQL0WFOY93EQ/Deep+Dives+Quarry.png Projects https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1553745759382-40ODYYPFELXPHYUU9HL1/Deep+Dives+Ledge+Annotated+Flow.png Projects https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1553747922258-FZ3NR50640SGZCDOQMDS/Deep+Dives+Quarry+Annotated+Flow.png Projects https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1550600818818-8E07RIT6TOO6QK0WV0M0/Curbside+Gamecover.PNG Projects https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1556290919161-VYNFRIOJMI1QL39MJX2S/PAX+POSTER.png Projects https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1556290995376-IRJCTOMFZJFP7VLDFZAA/Deep+Dives+Quarry.png Projects https://ryanplacedesign.com/resume-bio daily 0.75 2022-03-25 https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1556146353601-EIAP4DSH3I4SF46XV35T/PDF+Image.png Resume & Bio https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1556146695558-GEXN6I1EH99ORAJTCLFN/RyanPlace.png Resume & Bio https://ryanplacedesign.com/personal-projects daily 0.75 2022-02-16 https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1553744551123-2714OHW4H5I72F5TVM1V/Deep+Dives+Quarry.png Personal Projects https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/88ab1a40-9e33-4ee8-9250-dd17f58834c8/Lactose+Wars+Thumbnail.png Personal Projects https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1556074660898-ZYUPKSGX6QWY5AXO4TSQ/PAX+POSTER.png Personal Projects https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1550622383039-HSV1YNDQQL3T7LLPMYDX/Curbside+Gamecover.PNG Personal Projects https://ryanplacedesign.com/visualizer-vertical-slice-development daily 0.75 2022-02-16 https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1556166143097-USHOBXRQ52CV35F25BB9/environment.gif Visualizer Vertical Slice Development The club walls were given an audio visualizer effect, environment materials were swapped on beat, and the player’s reticle pulsed on the beat. https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1556168608358-40HBMB1CVQVVSGJKJNQQ/Old+Level+2+%281%29.jpg Visualizer Vertical Slice Development https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1556160099262-YU2HZMWW9KS3JTAYG79N/Old+Lvl+1+Player+Start.jpg Visualizer Vertical Slice Development Level 1: The starting area where the player has time to get their bearings on movement, abilities, and shooting before being put into combat. https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1556169250048-CV4L628ZUVHJ74SLKSUL/Tutorial.PNG Visualizer Vertical Slice Development https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1556168222657-C0DZJLXH4ZO6472CFHAD/Old%2BLevel%2B2%2BBirds%2BEye.jpg Visualizer Vertical Slice Development Level 2: A bird’s eye view https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1556159639765-HT3PDI9LYH3TDI41OE7Q/Old%2BLvl%2B1.jpg Visualizer Vertical Slice Development Level 1: The blockout for the main room, areas in blue represent couches, counters, and stairs, while the areas in green represent plant beds, decorations and other non-gameplay influencing assets. https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1556168490607-7BSQJ129IRW2ZGXSKJG6/Old+Level+2.jpg Visualizer Vertical Slice Development Level 2: I provided the player with two raised platforms each with multiple exit points that the player could use to pick off enemies from a distance and take a moment to release some tension. https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1556164434241-ACH5UKVKD9ED7EUDS28E/VDD_Visualizer.png Visualizer Vertical Slice Development https://ryanplacedesign.com/visualizer-full-production daily 0.75 2022-02-16 https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1556173349821-UPKMU9P2PVWCBTYD2TJ1/image-asset.jpeg Visualizer Full Production A sketch of our NEW level 2 https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1556178077007-DX8ANZI7HACCK9M2UB5P/Hub+Interior.jpg Visualizer Full Production An interior view of the preliminary Hub blockout. https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1556178823033-M2P9RZOLRPNX6HRKNFNU/image-asset.png Visualizer Full Production https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1556206268121-U1HV34ZWO42U06XE1IES/Endless+Birds+Eye+1+Annotated.png Visualizer Full Production https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1556178539593-05D7O7N3GFE8QR7BMM2T/image-asset.jpeg Visualizer Full Production Initial sketches and size comparisons for the tutorial, hub, and endless mode. Progressing to endless mode from the start of the game is as follows: Tutorial —> Hub —> Elevator —> Endless mode https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1556177098423-5BJTZV7IMQW5LT3GECLK/Elevator.jpg Visualizer Full Production Continuing the pink = shoot motif carried over from the old play buttons, the panels in the elevator are neon pink https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1556206241560-I95V3OV0UYGXFI45IG19/image-asset.png Visualizer Full Production Over view of all of endless mode. https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1556178910574-HKXJLW7U6BUT8O9E0980/image-asset.png Visualizer Full Production Green bubble = Start of flowchart https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1556204801764-GY58ION2OO2N769XGLXP/image-asset.jpeg Visualizer Full Production Endless mode main room. https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1556178025556-5G8QEUKEBP7XMRN3QEZI/Hub.jpg Visualizer Full Production An overview of the Hub blockout. https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1556173380630-8XS13T50D5Y262366GFR/Level%2B1%2BSketch.jpg Visualizer Full Production A sketch of our NEW level 1 https://ryanplacedesign.com/lactose-wars daily 0.75 2022-03-23 https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/88ab1a40-9e33-4ee8-9250-dd17f58834c8/Lactose+Wars+Thumbnail.png Lactose Wars https://ryanplacedesign.com/lactose-wars-design daily 0.75 2020-04-25 https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1584720275339-AAAMGFXVGQDXQ0AP04HE/Paper+Prototype+Annotated.jpg Lactose Wars Design https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1584711637597-4KV5JJYZ3SF3BZFSL67P/Lactose+Wars+Ship+Abilities+Reference.PNG Lactose Wars Design Early reference sheet for each ship’s movement and ability options https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1584719352025-GXA1NUOM1A0A2FLT70E0/Straw+Abilities+Reference.PNG Lactose Wars Design Early reference sheet for the straw’s abilities https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1584711673990-N7H1P2A5T5J7XLWE2ULX/Lactose+Wars+Stage+Abilities+Reference.PNG Lactose Wars Design Early reference sheet for the stage’s statistics and any applicable abilities https://ryanplacedesign.com/lactose-wars-art daily 0.75 2020-04-25 https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1587665729453-RFHO4YCUKZ44LCZYKYMT/Army+Man+Mount.jpg Lactose Wars Art Source: Blizzard.com Heroes of the Storm News https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1587663763608-LKAL6GWD8TIFZ3CJESQ3/rjplace7%40gmail.com Lactose Wars Art Source: The Heroes of the Storm wiki https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1587665837482-SDR6MGEH8PEP63WN7K9P/Battleship.jpg Lactose Wars Art https://ryanplacedesign.com/lactose-wars-programming daily 0.75 2020-04-26 https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1587845514689-1WMVXHXGTO0G40PHXSNM/Generated+Grid+Quadrants+Annotated.png Lactose Wars Programming Quadrant 1: Visualization of the coordinates each tile is assigned. Quadrant 2: Visualization of how each row is offset upon generation. Quadrant 3: Visualization of when each row is terminated along the X axis. Quadrant 4: Visualization of the order of operations each quadrant is generated using. Quadrant 1 generates left to right along the X axis and then bottom to top along the Y axis. Quadrant 2 generates right to left along the X axis and then bottom to top along the Y axis. Quadrant 3 generates right to left along the X axis and then top to bottom along the Y axis. Quadrant 4 generates left to right along the X axis and then top to bottom along the Y axis. https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1587854586641-ZM2TK4P9GXRIDYMPHCCT/Grid+Generation+Code+Sample+Node+Class.PNG Lactose Wars Programming Custom class to keep track of the node graph and neighbor information https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1587858566788-2TTCYPV35JGKSHKY0E8F/Grid+Generation+Code+Sample+Generating+Path+Part+2.PNG Lactose Wars Programming Part 2 https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1587854606914-IDYU6NB0PNFEFZ9QN1BR/Grid+Generation+Code+Sample+Creating+Node+Graph.PNG Lactose Wars Programming Populating the node graph according to the tile visual information https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1587848966710-IXW54DB9N2BDCUG3KZ8H/Grid+Generation+Code+Sample+Initialization.PNG Lactose Wars Programming Initialization for grid and node generation https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1587842857735-M34ZEG3CSWR0ATQDP8A7/Milk%2BGlass.jpg Lactose Wars Programming As the milk level (pink) drops, the grid will need to conform to the walls of the glass (teal) https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1587858552649-US9PGERZYT32YASL9TDO/Grid+Generation+Code+Sample+Generating+Path+Part+1.PNG Lactose Wars Programming Part 1 https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1587849008542-UJ8JG4PZLABTEA240CF4/Grid+Generation+Code+Sample+Generating+Hex+Tiles.PNG Lactose Wars Programming Hex grid generation including instantiation checks https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1587854621295-CETAA3OO9WO5K3UHN409/Grid+Generation+Code+Sample+Calculating+Node+Neighbors.PNG Lactose Wars Programming Calculating the neighbors for every node in the node graph, stopping at the nodes bordering the quadrant X and Y https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1587843058873-VPGME308AGCCPEPXSOP2/Generated%2BGrid.jpg Lactose Wars Programming Fully generated grid https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1587848107374-PGH64NJCFTDW00PQHPET/Generated+Grid+Single+Quadrant+Annotated.png Lactose Wars Programming Any tile located along the red arrows are void and never created. Any tile located along the yellow arrows is created but subsequently destroyed after detecting the stage walls. Any tile located along the green arrows are valid and successfully instantiated. https://ryanplacedesign.com/professional-work daily 1.0 2022-03-24 https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/1794c4c4-532c-4815-a052-eb4734e37b4f/D2R+Title+Card.jpeg Professional Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/c78dd0fa-246d-4078-a1f0-25e9d59e7764/Dark+Alliance+Title+Card.jpg Professional Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://ryanplacedesign.com/dungeons-dragons-dark-alliance daily 0.75 2022-02-16 https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/4d1640a6-cde7-46a4-a0ce-33c7c4da0423/Dark+Alliance+Encounters.jpg Dungeons & Dragons - Dark Alliance - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/355d85e3-922d-4427-8d9c-103af0c36f23/Dark+Alliance+Hit+Registration.jpg Dungeons & Dragons - Dark Alliance - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/66f061a5-9f91-4ffc-adbf-9a53700e44d3/Dark+Alliance+Gear.jpg Dungeons & Dragons - Dark Alliance - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/e6dfd9ec-8953-4688-b851-dc5ab13a526d/The+Chef.gif Dungeons & Dragons - Dark Alliance - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://ryanplacedesign.com/error-page daily 0.75 2022-02-17 https://images.squarespace-cdn.com/content/v1/5c5b6ba7a56827a1bb6063ac/83c982b4-d1bf-4c50-b187-0557b22e79e6/Error+Page.jpg Error Page - Make it stand out Whatever it is, the way you tell your story online can make all the difference.