The latest articles on DEV Community by michealtheratz (@michealtheratz). https://dev.to/michealtheratz https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1250547%2F57b30c5b-9879-4533-bf44-96017082cd2b.png https://dev.to/michealtheratz en michealtheratz Thu, 28 Mar 2024 21:48:00 +0000 https://dev.to/michealtheratz/making-a-program-with-blipsy-11jd https://dev.to/michealtheratz/making-a-program-with-blipsy-11jd <h2> What is Blipsy? </h2> <p><a href="https://gamemake-eng.github.io/Blipsy/">Blipsy</a> is a program for making simple retro games, demos, and other fun programs. It has a 64x64 pixel canvas to draw on and 14 sprite slots. It has a simple UI and API that can help you create amazing things!</p> <h2> The Interface </h2> <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuf1rnrh3shgervxn0dvg.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuf1rnrh3shgervxn0dvg.png" alt="The blipsy interface" width="800" height="224"></a></p> <p>Blipsy has a simple, unstyled, (mostly) straightforward UI. </p> <h3> Preview </h3> <p>The first column is your preview (we will talk about the buttons later), this is where you can preview the current running blipsy program. </p> <h3> Sprite editor </h3> <p>The second column is the sprite editor where you can draw the sprites for your game. You press the buttons numbered 0-13 to switch the sprite slot you are currently editing and the Brush button to change between your eraser and brush.</p> <h3> Code editor </h3> <p>This is the last column. Nothing too fancy, just a single window with your whole script. This is where you can edit the logic of your program with a simple api which we will touch on later. Also, make sure to reset the preview after any changes to see your result!</p> <h2> What's next? </h2> <p>In the next part (which should be coming soon) we will begin making our game, starting with creating sprites. Can't wait to see you then! While you are waiting, you can experiment with Blipsy yourself by going to <a href="https://gamemake-eng.github.io/Blipsy/">https://gamemake-eng.github.io/Blipsy/</a> (Ask your parent's permission before going online ;-D)</p> javascript gamedev retro fantasyconsole