Nasha
@nashallery • 110,300 subscribers
Shorts
Videos
This is how I made my dress up game and how you can make your first web game with your own artwork too🪽 ✍🏻 1 Game Components Sketch your game and make all your assets. I like to be as precise as I can with my design and have everything ready to go, so I can have a clear direction once I get to development. 🧠 2 Game system and logic I input my game elements and sketch along with a description of what I want my game to be and ask Claude to “help me outline and plan how to develop this into a web game”. In this step, I typically look for - What key steps I have to consider to implement my game - Folder structure of how to best organize my files - Javascript outline of the game logic Once I get all the steps, I tackle one at a time and make a really rough prototype that has all the basic functions I need. 🎨 3 Game Art After I have a rough prototype, I drag all my artwork assets into the assets folder. Then, I use Claude code (I prefer their VScode plug-in) to just comb through the folder and reorganize everything for me, as well as add all my new assets to the existing prototype. ✨ 4 Micro Interactions Once I have the general prototype with my artwork, I ask Claude to help me implement fun little interactions like “drag and drop” or “parallax background”. My example prompts are: “How do I add a drag and drop feature on top of my click based control?” “Help me implement a parallax background based on my artwork in folder assets/background.” 💻 5 (Optional) Game Hosting Host my web game and share them with ppl <3 #ClaudePartner @Claude
Nasha164,600 次观看 • 8 个月前
Beginner-friendly coding tutorial is finally here!! This one for my artist girlies who’s new to coding/web dev. The final product is customizable to your art style and *hopefully* cute enough to impress your crush😳 👩🏻💻 Full code & instructions: github.com/nasha-wanich (clone the “Beginner Tutorial” repo!) 🎨 What you’ll need: * Image sequences, anywhere between 5 to 8 ± images* * Background image * Square close icon & shrink icon * Favicon* 🎮 Tech stack required * Any text editor (VSCode recommended) * GitHub account *- Transparent background recommended Full instructions on everything from code, artwork, to hosting are on my Github :-) I’d LOVE to see ur final work if u do get to remake this <3 #coding #codingtutorial #codingtiktok #codinglife #csmajor #computerscience #fyp #codingmemes #devlog #htmlcss #javascript
Nasha55,900 次观看 • 1 年前
没有更多内容可加载


