{"id":599,"date":"2023-10-03T01:21:13","date_gmt":"2023-10-03T00:21:13","guid":{"rendered":"https:\/\/dreamshipcreations.com\/?page_id=599"},"modified":"2025-10-20T05:09:32","modified_gmt":"2025-10-20T04:09:32","slug":"articles","status":"publish","type":"page","link":"https:\/\/dreamshipcreations.com\/index.php\/articles\/","title":{"rendered":"Articles"},"content":{"rendered":"\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h2 class=\"wp-block-heading\">Categories<\/h2>\n\n\n\n<div style=\"height:44px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h6 class=\"wp-block-heading\"><a href=\"https:\/\/dreamshipcreations.com\/index.php\/category\/bizops\/\" title=\"BIZOPS\">BIZOPS<\/a><\/h6>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h6 class=\"wp-block-heading\"><a href=\"https:\/\/dreamshipcreations.com\/index.php\/category\/for-coders\/\" title=\"FOR CODERS\">CODERS<\/a><\/h6>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h6 class=\"wp-block-heading\"><a href=\"https:\/\/dreamshipcreations.com\/index.php\/category\/our-journey\/\" title=\"OUR JOURNEY\">JOURNEY<\/a><\/h6>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h6 class=\"wp-block-heading\"><a href=\"https:\/\/dreamshipcreations.com\/index.php\/category\/cybsec\/\" title=\"CYBSEC\">CYBSEC<\/a><\/h6>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h6 class=\"wp-block-heading\"><a href=\"https:\/\/dreamshipcreations.com\/index.php\/category\/engineering\/\" title=\"ENGINEERING\">ENGINEER<\/a><\/h6>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h6 class=\"wp-block-heading\"><a href=\"https:\/\/dreamshipcreations.com\/index.php\/category\/entertainment\/\" title=\"ENTERTAINMENT\">ENTERTAINMENT<\/a><\/h6>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:73px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-color\" style=\"color:#1771bb;font-size:20px\"><span style=\"text-decoration: underline;\">PLEASE NOTE:<\/span><\/p>\n\n\n\n<p style=\"font-size:12px\">The JavaScript Game articles and code within was recently migrated from another site, and may not be formatted correctly for all of the articles.<br><br>This will be edited with the updates to the new site design. <br><br>I have left the articles online for reference and will note when they are complete.<br><br> =\/<\/p>\n\n\n\n<div style=\"height:54px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-query is-layout-flow wp-block-query-is-layout-flow\"><ul class=\"wp-block-post-template is-layout-flow wp-block-post-template-is-layout-flow\"><li class=\"wp-block-post post-69 post type-post status-publish format-standard hentry category-bizops category-our-journey\">\n<h2 class=\"wp-block-post-title\"><a href=\"https:\/\/dreamshipcreations.com\/index.php\/2023\/09\/12\/experience-the-journey-part-3-project-portal\/\" target=\"_self\" >Experience the Journey Part 3 : Project Portal<\/a><\/h2>\n\n\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">The Project Portal is online, working projects and designs. https:\/\/dreamshipcreations.com I had a domain name spare for dreamshipcreations.com, one that I had previously registered for another project and was no longer in use. I decided to point that domain name to a new site, a Project Portal.A live environment for [&hellip;] <\/p><\/div>\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-post-date\"><time datetime=\"2023-09-12T10:56:01+01:00\">12 September 2023<\/time><\/div>\n<\/li><li class=\"wp-block-post post-67 post type-post status-publish format-standard hentry category-cybsec category-engineering category-for-coders\">\n<h2 class=\"wp-block-post-title\"><a href=\"https:\/\/dreamshipcreations.com\/index.php\/2023\/09\/01\/raspberry-pi-dedicated-firewall\/\" target=\"_self\" >Raspberry Pi : Dedicated Firewall<\/a><\/h2>\n\n\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">Creating a dedicated firewall using a Raspberry Pi and the open source firewall solution &#8220;IPFire&#8220;. Some time ago, as a personal interest project, I re-purposed a Raspberry Pi 3b and added it as a dedicated firewall solution for my home network. It was interesting to set up, it did not [&hellip;] <\/p><\/div>\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-post-date\"><time datetime=\"2023-09-01T10:43:11+01:00\">1 September 2023<\/time><\/div>\n<\/li><li class=\"wp-block-post post-65 post type-post status-publish format-standard hentry category-engineering category-for-coders\">\n<h2 class=\"wp-block-post-title\"><a href=\"https:\/\/dreamshipcreations.com\/index.php\/2023\/08\/31\/raspberry-pi-centralised-and-extendible-u-i-for-i-o-t\/\" target=\"_self\" >Raspberry Pi : Centralised and extendible U.I. for I.O.T.<\/a><\/h2>\n\n\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">IOT \u2018Control Ware Bloat\u2019 and a simplified, extendible, and centralised interface. A few months back I upgraded our home network firewall capabilities with a Raspberry Pi that I had spare from an old project and was no longer using. The Pi had previously been connected to a 7inch touch screen [&hellip;] <\/p><\/div>\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-post-date\"><time datetime=\"2023-08-31T10:39:38+01:00\">31 August 2023<\/time><\/div>\n<\/li><li class=\"wp-block-post post-63 post type-post status-publish format-standard hentry category-entertainment category-for-coders\">\n<h2 class=\"wp-block-post-title\"><a href=\"https:\/\/dreamshipcreations.com\/index.php\/2023\/08\/29\/making-a-game-in-javascript-part-7-the-background\/\" target=\"_self\" >Making a game in JavaScript Part 7 : The Background<\/a><\/h2>\n\n\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">For the sake of learning, fun, simplicity, and getting something playable on the screen as soon as possible, we are .. going for a scrolling background, and randomised level platform patterns. We have the ninja running and idle animations, but now it is still sitting on a blank white canvas [&hellip;] <\/p><\/div>\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-post-date\"><time datetime=\"2023-08-29T10:37:41+01:00\">29 August 2023<\/time><\/div>\n<\/li><li class=\"wp-block-post post-61 post type-post status-publish format-standard hentry category-entertainment category-for-coders\">\n<h2 class=\"wp-block-post-title\"><a href=\"https:\/\/dreamshipcreations.com\/index.php\/2023\/08\/21\/making-a-game-in-javascript-part-6-movement-and-actions\/\" target=\"_self\" >Making a game in JavaScript Part 6 : Movement and actions<\/a><\/h2>\n\n\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">&#8220;Let&#8217;s make that ninja run!&#8221; The player character is not yet visible on the canvas, but we are going to change that very shortly.We want to set the player idle, and then also the additional player running animation. When we have the player sitting at idle, and able to run [&hellip;] <\/p><\/div>\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-post-date\"><time datetime=\"2023-08-21T10:15:41+01:00\">21 August 2023<\/time><\/div>\n<\/li><li class=\"wp-block-post post-57 post type-post status-publish format-standard hentry category-entertainment category-for-coders\">\n<h2 class=\"wp-block-post-title\"><a href=\"https:\/\/dreamshipcreations.com\/index.php\/2023\/08\/11\/making-a-game-in-javascript-part-5-images-and-animations\/\" target=\"_self\" >Making a game in JavaScript Part 5 : Images and Animations<\/a><\/h2>\n\n\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">In this part, we cover the animation frame referred to as a \u2018sprite\u2019, the animation which is the collection of the sprites required to animate the required action, and the animationCollection, which is all the various actions that have been animated for this character. We want to load the images [&hellip;] <\/p><\/div>\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-post-date\"><time datetime=\"2023-08-11T10:10:36+01:00\">11 August 2023<\/time><\/div>\n<\/li><li class=\"wp-block-post post-55 post type-post status-publish format-standard hentry category-entertainment category-for-coders\">\n<h2 class=\"wp-block-post-title\"><a href=\"https:\/\/dreamshipcreations.com\/index.php\/2023\/08\/11\/making-a-game-in-javascript-part-4-the-playable-context-and-code-structure\/\" target=\"_self\" >Making a game in JavaScript Part 4 : The Playable Context and code structure<\/a><\/h2>\n\n\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">&#8220;These things are all about getting the timing right..&#8221; It was previously highlighted that we would want to include: game.initialise()game.update()game.render() These are the basic steps for any game development. We initialise the variables we need to start, when the game starts it runs in a loop, each iteration of the [&hellip;] <\/p><\/div>\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-post-date\"><time datetime=\"2023-08-11T10:09:28+01:00\">11 August 2023<\/time><\/div>\n<\/li><li class=\"wp-block-post post-50 post type-post status-publish format-standard hentry category-entertainment category-for-coders\">\n<h2 class=\"wp-block-post-title\"><a href=\"https:\/\/dreamshipcreations.com\/index.php\/2023\/08\/10\/making-a-game-in-javascript-part-3-files-and-folders\/\" target=\"_self\" >Making a game in JavaScript Part 3 : Files and Folders<\/a><\/h2>\n\n\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">&#8220;The &#8216;something&#8217; connected to the, &#8216;other thing&#8217;!&#8221; Before we continue, I would like to first acknowledge that I did not create these character image animations or level sprites used for this project. I have downloaded them previously as a free-to-use resource and have utilised them in educational and experimental projects, [&hellip;] <\/p><\/div>\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-post-date\"><time datetime=\"2023-08-10T11:02:16+01:00\">10 August 2023<\/time><\/div>\n<\/li><li class=\"wp-block-post post-53 post type-post status-publish format-standard hentry category-bizops category-our-journey\">\n<h2 class=\"wp-block-post-title\"><a href=\"https:\/\/dreamshipcreations.com\/index.php\/2023\/08\/09\/experience-the-development-story-part-2-sites-are-online\/\" target=\"_self\" >Experience the Journey Part 2 : Site is online!<\/a><\/h2>\n\n\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">Part 2 : Site is online! Blog There are currently drafts and\/or plans for the following: Pushing forward with a few sites and building up each with different purpose. This is not a drill.. it is a prototype website silly.. or at least a silly prototype website.. Establish, Grow, and [&hellip;] <\/p><\/div>\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-post-date\"><time datetime=\"2023-08-09T12:00:59+01:00\">9 August 2023<\/time><\/div>\n<\/li><li class=\"wp-block-post post-48 post type-post status-publish format-standard hentry category-entertainment category-for-coders\">\n<h2 class=\"wp-block-post-title\"><a href=\"https:\/\/dreamshipcreations.com\/index.php\/2023\/08\/08\/making-a-game-in-javascript-part-2-the-game-loop\/\" target=\"_self\" >Making a game in JavaScript Part 2 : The Game Loop<\/a><\/h2>\n\n\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">What differentiates a moment in a game from another? How do we animate the images to show enough animation frames per second and make this animation look smooth and appealing? And how do we ensure that the game is responsive to input from the player and that there is no [&hellip;] <\/p><\/div>\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-post-date\"><time datetime=\"2023-08-08T10:56:03+01:00\">8 August 2023<\/time><\/div>\n<\/li><li class=\"wp-block-post post-46 post type-post status-publish format-standard hentry category-bizops category-our-journey\">\n<h2 class=\"wp-block-post-title\"><a href=\"https:\/\/dreamshipcreations.com\/index.php\/2023\/08\/07\/where-are-we-going-with-this\/\" target=\"_self\" >Where are we going with this?<\/a><\/h2>\n\n\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">Have you ever had one of those ideas you thought could launch a startup? Or perhaps wanted to start working for yourself but weren&#8217;t sure where to start? For those of us who have had these ideas, or been bold enough to dare to dream, what stopped you? What was [&hellip;] <\/p><\/div>\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-post-date\"><time datetime=\"2023-08-07T10:42:44+01:00\">7 August 2023<\/time><\/div>\n<\/li><li class=\"wp-block-post post-38 post type-post status-publish format-standard hentry category-bizops category-our-journey\">\n<h2 class=\"wp-block-post-title\"><a href=\"https:\/\/dreamshipcreations.com\/index.php\/2023\/08\/07\/experience-the-journey-part-1-the-premise\/\" target=\"_self\" >Experience the Journey Part 1 : The Premise<\/a><\/h2>\n\n\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">Sharing the startup journey, the steps taken to design, create and share our applications in a practical sense &#8211; this is just as important as the product. The knowledge and experience we gain through this progression will be as valuable to some for the discovery of a &#8216;tried-and-true&#8217; path from [&hellip;] <\/p><\/div>\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-post-date\"><time datetime=\"2023-08-07T10:30:38+01:00\">7 August 2023<\/time><\/div>\n<\/li><li class=\"wp-block-post post-43 post type-post status-publish format-standard hentry category-entertainment category-for-coders\">\n<h2 class=\"wp-block-post-title\"><a href=\"https:\/\/dreamshipcreations.com\/index.php\/2023\/08\/07\/making-a-game-in-javascript-part-1-introduction-and-js-game-project-basics\/\" target=\"_self\" >Making a game in JavaScript Part 1 : Introduction and JS Game Project Basics<\/a><\/h2>\n\n\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">Want to learn about game code? Or JavaScript? Or how a webpage loads JavaScript that can interact with the webpage? How about we put all three together, we can explore how JavaScript and a web page can interact with a fun example project to help us explore how this works [&hellip;] <\/p><\/div>\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-post-date\"><time datetime=\"2023-08-07T09:40:55+01:00\">7 August 2023<\/time><\/div>\n<\/li><li class=\"wp-block-post post-36 post type-post status-publish format-standard hentry category-bizops category-our-journey\">\n<h2 class=\"wp-block-post-title\"><a href=\"https:\/\/dreamshipcreations.com\/index.php\/2023\/08\/04\/areas-of-traversal-our-vision-and-navigational-plan\/\" target=\"_self\" >Areas of traversal : Our Vision and Navigational Plan<\/a><\/h2>\n\n\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">If time weren&#8217;t a factor and we could multitask better than a super computer &#8211; perhaps we could do more. To begin, we will maintain focus on the following area of interest: Science and Engineering: 3D Simulations Physics and AI Art and Entertainment: 2D and 3D Art tools, Real time [&hellip;] <\/p><\/div>\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-post-date\"><time datetime=\"2023-08-04T10:30:30+01:00\">4 August 2023<\/time><\/div>\n<\/li><li class=\"wp-block-post post-25 post type-post status-publish format-standard hentry category-bizops category-cybsec category-engineering category-entertainment category-for-coders category-our-journey\">\n<h2 class=\"wp-block-post-title\"><a href=\"https:\/\/dreamshipcreations.com\/index.php\/2023\/08\/04\/all-systems-ready-launchpad-is-online\/\" target=\"_self\" >All Systems Ready : &#8216;LaunchPad&#8217; is online!<\/a><\/h2>\n\n\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">Amazingly awesome website? Check. Product designs and purpose? Check. What more could we possibly need? Ok, a lot more. We need a lot more and its going to take time and effort &#8211; but it&#8217;s certainly a start. Would you like to see where we are going with this? I [&hellip;] <\/p><\/div>\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-post-date\"><time datetime=\"2023-08-04T10:30:12+01:00\">4 August 2023<\/time><\/div>\n<\/li><\/ul><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Categories BIZOPS CODERS JOURNEY CYBSEC ENGINEER ENTERTAINMENT PLEASE NOTE: The JavaScript Game articles and code within was recently migrated from another site, and may not be formatted correctly for all of the articles. This will be edited with the updates to the new site design. I have left the articles [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-599","page","type-page","status-publish","hentry"],"aioseo_notices":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/dreamshipcreations.com\/index.php\/wp-json\/wp\/v2\/pages\/599","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dreamshipcreations.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dreamshipcreations.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dreamshipcreations.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dreamshipcreations.com\/index.php\/wp-json\/wp\/v2\/comments?post=599"}],"version-history":[{"count":18,"href":"https:\/\/dreamshipcreations.com\/index.php\/wp-json\/wp\/v2\/pages\/599\/revisions"}],"predecessor-version":[{"id":792,"href":"https:\/\/dreamshipcreations.com\/index.php\/wp-json\/wp\/v2\/pages\/599\/revisions\/792"}],"wp:attachment":[{"href":"https:\/\/dreamshipcreations.com\/index.php\/wp-json\/wp\/v2\/media?parent=599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}