The latest articles on DEV Community by António Costa (@antoniomocosta). https://dev.to/antoniomocosta 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%2F881141%2F4ac49692-3c01-4e90-a257-d84a423f0f8a.png https://dev.to/antoniomocosta en António Costa Fri, 24 Jun 2022 17:27:26 +0000 https://dev.to/antoniomocosta/making-your-p5js-preview-pages-look-good-2cf https://dev.to/antoniomocosta/making-your-p5js-preview-pages-look-good-2cf <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--WRRPSxym--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rotgyf7bb80jzr5gni1k.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--WRRPSxym--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rotgyf7bb80jzr5gni1k.png" alt="Template preview image" width="640" height="312"></a></p> <p>I like to make art thru code and one of the most convenient ways to do that, taking sharing it later into account, is to use a JavaScript library like <a href="https://p5js.org/">p5*js</a>.</p> <h2> Why <a href="https://p5js.org/">p5*js</a>? </h2> <p>I like to use it because its syntax is very similar to its parent project <a href="https://processing.org/">Processing</a>, language I'm very familiar with.</p> <blockquote> <p>I like to learn new things, but if it's just to make something simple or to explore concepts that aren't tied to performance or platform I like to go with what I already know.</p> </blockquote> <h2> Why making a template, or more correctly a page to display the sketches? </h2> <p>I believe I'm not the only one that wants to share is work in a more pleasant looking way, we all like beautiful things.</p> <p>I made this template so from now on when I share my code deviations, that don't fill the screen, be more than just a square on the top left corner of the screen and look a little more pleasant, at least to me. 🤣</p> <blockquote> <p>The first person that needs to be happy regarding any work, it's his creator.</p> </blockquote> <p>You can find the template <a href="https://github.com/antonio-m-o-costa/p5js-template">here</a>, feel free to do with it anything you want.</p> <h3> I'm a newbie at this! </h3> <p>This is the first Repository I made with the intent of sharing it with every one, so if you have any feedback on how to improve the code, documentation or anything else, as small as it maybe, feel free to comment or open a <a href="https://github.com/antonio-m-o-costa/p5js-template/issues">issue</a>.</p> <p>Even regarding this post, I just joined <a href="https://dev.to/">DEV</a> and I don't really know what am I doing, any feedback is appreciated.</p> <p>Thank you for reading 🍃</p> processing p5js webdev