https://www.pixilart.com/

Pixilart: Your Gateway to Game Development Pixel Art

Embark on a journey into the captivating world of pixel art with Pixilart, a free online platform that empowers both aspiring and seasoned artists to bring their game development visions to life. Whether you're crafting charming characters, intricate environments, or mesmerizing animations, Pixilart provides the tools and community to elevate your game development projects.

Pixilart's intuitive interface and comprehensive feature set make it an ideal choice for artists of all skill levels. Its user-friendly editor allows you to effortlessly manipulate pixels, experiment with colors, and unleash your creative potential. With a vast library of pre-made sprites, tilesets, and resources, you can jumpstart your projects or draw inspiration for your own unique creations.

Beyond the Brush: A Thriving Community of Pixel Artists

Pixilart isn't just a tool; it's a vibrant community of passionate pixel artists who share their expertise, inspiration, and creations. Connect with fellow artists, participate in challenges, and learn from experienced mentors. The supportive environment fosters collaboration and growth, helping you refine your skills and discover new artistic possibilities.

Game Development: Pixel Art Takes Center Stage

Pixel art has become synonymous with retro gaming, evoking a sense of nostalgia and charm. In modern game development, pixel art continues to thrive, adding a unique visual style and personality to indie games, mobile games, and even AAA titles. Its simplicity and versatility make it an ideal choice for creating expressive characters, immersive environments, and engaging gameplay experiences.

Pixilart's user-friendly tools and extensive resource library empower you to create stunning pixel art assets for your game development projects. From character sprites and animations to tilemaps and backgrounds, Pixilart provides everything you need to bring your game world to life.

Getting Started with Pixilart: Your Creative Journey Awaits

Ready to embark on your pixel art adventure? Visit https://www.pixilart.com/ to explore the platform's features, join the vibrant community, and unleash your artistic potential. Whether you're a seasoned game developer or a budding pixel artist, Pixilart offers a world of creative possibilities waiting to be discovered.

Intro to Game Development

• 01. Lukky - Making a Game from Start to Finish Tutorial - https://www.youtube.com/watch?v=bP9zQyoYP28
• 02. Brackeys - How to make a Video Game - Godot Beginner Tutorial - https://www.youtube.com/watch?v=LOhfqjmasi0
• 03. Brackeys - How to program in Godot - GDScript Tutorial - https://www.youtube.com/watch?v=e1zJS31tr88

Basic Game Development

• 04. LegionGame - Juiced Up First Person Character Controller Tutorial - Godot 3D FPS - https://www.youtube.com/watch?v=A3HLeyaBCq4
• 05. Lukky - Godot 4.0 Third Person Controller Tutorial ( 2023 ) - https://www.youtube.com/watch?v=EP5AYllgHy8
• 06. Quilled - Import Animations in Godot 4 with Animation Retargeting - https://www.youtube.com/watch?v=nb6uSeEZFCI
• 07. LegionGame - Design 3D Game Levels From Scratch - Godot 4 Tutorial - https://www.youtube.com/watch?v=dV6S_11pyzo

Advanced Game Developement

• 08. Chap C. Creates - The First Skill GODOT Beginners Should Learn - State Machine Game Showcase - https://www.youtube.com/watch?v=ExuzWQ077n4
• 09. The Shaggy Dev - Starter state machines in Godot 4 - https://www.youtube.com/watch?v=oqFbZoA2lnU
• 10. The Shaggy Dev - Advanced state machine techniques in Godot 4 - https://www.youtube.com/watch?v=bNdFXooM1MQ

Basic Game Development

• 11. LegionGames - 3D Enemies With Pathfinding and Animations - Godot 4 FPS Tutorial - https://www.youtube.com/watch?v=iV710Vm5qm0
• 12. LegionGames - Complete 3D Shooting Mechanics - Godot 4 FPS Tutorial - https://www.youtube.com/watch?v=6bbPHsB9TtI
• 13. LegionGames - Hitscan Guns, Weapon Switching and Crosshairs - 3D Godot 4 FPS Tutorial - https://www.youtube.com/watch?v=tryYXX30FGg
• 14. LegionGames - Fully Destructible 3D Environments - Godot 4 FPS Tutorial - https://www.youtube.com/watch?v=FgF3oFrAwUY
• 15. Coco Code - Godot UI QUICKSTART (Ex-Unity friendly guide) - https://www.youtube.com/watch?v=RHcHMRUGDHU
• 16. DevWom - How to Create a INVENTORY in Godot 4 (step by step) - https://www.youtube.com/watch?v=X3J0fSodKgs

Game Feel

• 17. Game Maker's Toolkits - What Makes a Good Combat System? - https://www.youtube.com/watch?v=8X4fx-YncqA
• 18. Extra Credits - Open World Design - How to Build Open World Games - Extra Credits - https://www.youtube.com/watch?v=udF7XX_vTUE
• 19. Razbuten - How Small Open-World Games Feel Big - https://www.youtube.com/watch?v=S3cPJL4ISlU
• 20. Game Maker's Toolkit - What Makes Good AI? - https://www.youtube.com/watch?v=9bbhJi0NBkk
• 21. Game Maker's Toolkit - How to Keep Players Engaged (Without Being Evil) - https://www.youtube.com/watch?v=hbzGO_Qonu0
• 22. Game Maker's Toolkit - Secrets of Game Feel and Juice - https://www.youtube.com/watch?v=216_5nu4aVQ
• 23. Game Maker's Toolkit - The mistake every new game developer makes (Developing 2) - https://www.youtube.com/watch?v=ZMbIvmv25u0

• Game feel demo: https://deepnight.net/games/game-feel/
• SteamSAIL: https://www.steamsail.co.uk/
• Influencer outreach: https://whoplays.games/
• Twitch analytics: https://sullygnome.com/
• Steam Review Alert: https://www.steamreviewalert.com/
• Tag Helper: https://steamtaghelper.com/
• Polyglot Gamedev: https://docs.google.com/spreadsheets/...
• Easy professional localization: https://www.localizedirect.com/
• Crowdsourced localization: https://www.localizor.com/
• Controller layout creator: https://www.padcrafter.com/

UI Kits & Templates for Developers

1. Material-UI mui.com React components implementing Material Design.
2. Bootstrap getbootstrap.com Open-source HTML/CSS/JS framework for responsive sites.
3. Start Bootstrap startbootstrap.com Free Bootstrap templates and themes.
4. Freebiesbug freebiesbug.com Free design resources like UI kits and mockups.

Fonts & Typography Tools

1. Google Fonts fonts.google.com Open-source fonts optimized for the web.
2. Fontsource fontsource.org Self-host Google Fonts in your projects.
3. FontPair fontpair.co Curated font pairings for designers.
4. Typewolf typewolf.com Typography inspiration and resources.

Best Color Tools Available

1. Coolors coolors.co Generate color palettes instantly.
2. Adobe Color color.adobe.com Create and explore color schemes.
3. Color Hunt colorhunt.co Curated color palettes for designers.
4. uiGradients uigradients.com Beautiful CSS gradient combinations.

Icons & Illustrations

1. Font Awesome fontawesome.com Free icon library with 1,600+ icons for web projects.
2. Material Icons fonts.google.com/icons Google’s open-source icon set for Material Design.
3. Feather Icons feathericons.com Lightweight, customizable SVG icons.
4. Heroicons heroicons.com MIT-licensed icons by Tailwind CSS creators.
5. unDraw undraw.co Open-source illustrations for websites and apps.
6. Humaaans humaaans.com Mix-and-match illustrations of people in modern styles.

Tools for Stock Photos & Videos

1. Unsplash unsplash.com High-resolution, royalty-free photos for commercial use.
2. Pexels pexels.com Free stock photos and videos under a Creative Commons license.
3. Pixabay pixabay.com Free images, videos, and music for commercial projects.
4. Burst by Shopify burst.shopify.com Free stock photos for e-commerce and startups.
5. Coverr coverr.co Free stock videos for landing pages and backgrounds.

Design & Prototyping Tools

Photo by Amélie Mourichon on Unsplash

1. Figma figma.com Collaborative design tool with vector graphics, prototyping, and developer handoff features. Free for individuals.
2. Adobe XD adobe.com/xd UI/UX design and prototyping tool with free starter plans for small projects.
3. Canva canva.com Drag-and-drop design platform with free templates for social media, presentations, and more.
4. InVision invisionapp.com Prototyping and collaboration tool with a free plan for up to 3 projects.
5. Marvel marvelapp.com Simple prototyping tool for creating interactive wireframes. Free for 1 user.

The Best Design Inspiration

Photo by UX Store on Unsplash

1. Awwwards awwwards.com Showcase of cutting-edge web design trends.
2. Dribbble dribbble.com Platform for designers to share portfolios and UI concepts.
3. Behance behance.net Adobe’s platform for creative work, including UX case studies.
4. SiteInspire siteinspire.com Organized examples of outstanding web design.

Prototyping & Testing Tools

1. Proto.io proto.io Interactive prototyping tool with a 15-day free trial.
2. Framer framer.com Prototyping tool with free tier for small projects.

Best Accessibility Resources

1. WebAIM webaim.org Accessibility resources, including contrast checker and guides.
2. WAVE Evaluation Tool wave.webaim.org Test website accessibility directly in your browser.
3. A11y Project a11yproject.com Community-driven accessibility checklist and guides.

Learning Resources (Communities)

1. Smashing Magazine smashingmagazine.com Articles on UX, design, and front-end development.
2. UX Design.cc uxdesign.cc Curated UX articles and case studies.
3. FreeCodeCamp freecodecamp.org Free coding tutorials, including responsive design and JavaScript.

Patterns & Textures

Photo by NIKHIL on Unsplash

1. Hero Patterns heropatterns.com Free SVG background patterns for websites.
2. Transparent Textures transparenttextures.com Subtle textures for backgrounds.

Mockups

Photo by Mediamodifier on Unsplash

1. Smartmockups smartmockups.com Free device and apparel mockup generator.
2. Mockup World mockupworld.co Free PSD and Figma mockups for branding.

Animation Libraries

1. Animate.css animate.style Cross-browser CSS animations library.
2. LottieFiles lottiefiles.com Lightweight JSON animations for your applications and personal & business websites.

Chrome Extensions

1. WhatFont chrome.google.com/webstore/detail/whatfont Identify fonts on any website.
2. ColorZilla colorzilla.com Color picker, gradient generator, and palette tool.

Design Systems

1. GOV.UK Design System design-system.service.gov.uk UK government’s open-source design system.
2. IBM Carbon carbondesignsystem.com IBM’s design system for enterprise applications.

Image Optimization

1. TinyPNG tinypng.com Compress PNG and JPEG images without quality loss.
2. Squoosh squoosh.app An Open-source image compression tool by Google.

Collaboration Tools

1. Miro miro.com Free collaborative whiteboard for brainstorming and wireframing.
2. Trello trello.com Project management tool.

Writing & Content

1. Hemingway Editor hemingwayapp.com Simplifies complex sentences and improves readability for UX copy.
2. Grammarly grammarly.com Free writing assistant to enhance clarity and grammar in UI text.
3. Readable readable.com Analyzes text readability and suggests improvements.

User Testing & Feedback

1. Maze maze.co User testing platform with a free tier for prototypes and surveys.
2. Useberry useberry.com Prototype testing with heatmaps and analytics (A free plan is available).
3. Hotjar hotjar.com Heatmaps, session recordings, and feedback polls (free basic plan).
4. Optimal Workshop optimalworkshop.com Free tools for card sorting and tree testing.

Code Snippets & Repos

1. CodePen codepen.io Front-end code playground for sharing UI components and animations.
2. CSS-Tricks css-tricks.com Guides, snippets, and tutorials for CSS/JS design patterns.
3. GitHub Gist gist.github.com Share code snippets and reusable UI components.

CSS Generators & Tools

1. CSS Grid Generator cssgrid-generator.netlify.app Visual tool to create complex grid layouts.
2. Flexbox Froggy flexboxfroggy.com Fun and Interactive game to learn Flexbox.
3. Keyframes.app keyframes.app Generate CSS animations and keyframes visually.
4. Neumorphism.io neumorphism.io Soft UI shadow generator for modern designs.

Design Challenges

1. Daily UI dailyui.co 100-day email challenge to practice UI design.
2. Frontend Mentor frontendmentor.io Build real-world projects with free design files.

SVG & Shape Tools

1. Get Waves getwaves.io Generate customizable SVG waves for section dividers.
2. Blobmaker blobmaker.app Create organic SVG blob shapes for backgrounds.
3. Shape Divider shapedivider.app Export animated SVG dividers for websites.

3D Assets

1. Sketchfab sketchfab.com Free 3D models for AR/VR and web projects.
2. OpenGameArt opengameart.org Royalty-free 3D assets and textures.

Sound Effects

1. Freesound freesound.org Community-driven library of free sound effects.
2. Zapsplat zapsplat.com High-quality sounds for interactions and animations.

Legal & Privacy

1. Privacy Policy Generator privacypolicygenerator.info Generate GDPR/CCPA-compliant privacy policies.
2. Terms of Service Generator termsofservicegenerator.net Create free ToS documents for apps/websites.

No-Code Tools

1. Webflow webflow.com Design and launch responsive sites visually (free starter plan).
2. Glide glideapps.com Turn spreadsheets into mobile apps without coding.

Design Communities

1. Designer Hangout designerhangout.co Slack community for UX/UI professionals.
2. UX Mastery uxmastery.com Forums and resources for UX learners.

Podcasts

1. UI Breakfast uibreakfast.com Podcast on UI/UX trends and tools.
2. Design Details designdetails.fm Deep dives into design systems and workflows.

Newsletters

1. Sidebar sidebar.io Daily links to the best design articles.
2. UX Design Weekly uxdesignweekly.com Curated UX resources delivered weekly.

Browser Tools

1. Lighthouse developers.google.com/web/tools/lighthouse Audit site performance, accessibility, and SEO.
2. Responsive Design Checker responsivedesignchecker.com Test responsive layouts across devices.

Miscellaneous Freebies

1. Notion notion.so Free workspace for design documentation and collaboration.
2. Cool Backgrounds coolbackgrounds.io Generate gradient/patterned backgrounds for mockups.
3. UI Sounds uisounds.prototypr.io Free interaction sound effects for prototypes.
4. The Noun Project thenounproject.com Free icons with attribution (CC license).
5. Freepik freepik.com Free vectors, PSDs, and stock photos (attribution required).
6. Lapa Ninja lapa.ninja A gallery of over 2,000 top landing page examples, providing a wealth of design inspiration.
7. Lottie airbnb.io/lottie Lightweight animations for apps and websites.
8. Flowkit flowkit.com Free wireframing and user flow tools.
9. Zeroheight zeroheight.com Free tier for documenting design systems.
10. FigmaCrush figmacrush.com Free Figma templates, plugins, and UI kits.
11. Design Resources designresourc.es Mega-list of free tools, fonts, and assets.

By Patchwork School

Plan your POE2 build