{"id":1203,"date":"2020-06-20T18:59:28","date_gmt":"2020-06-20T18:59:28","guid":{"rendered":"https:\/\/computerscienced.co.uk\/site\/?page_id=1203"},"modified":"2021-10-04T10:55:07","modified_gmt":"2021-10-04T10:55:07","slug":"pixel-drawing","status":"publish","type":"page","link":"https:\/\/computerscienced.co.uk\/site\/pixel-drawing\/","title":{"rendered":"Pixel drawing"},"content":{"rendered":"\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:33.33%\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/computerscienced.co.uk\/site\/wp-content\/uploads\/2021\/09\/undraw_work_in_progress_uhmv.svg\"><img loading=\"lazy\" decoding=\"async\" width=\"884\" height=\"628\" src=\"https:\/\/computerscienced.co.uk\/site\/wp-content\/uploads\/2021\/09\/undraw_work_in_progress_uhmv.svg\" alt=\"\" class=\"wp-image-2604\"\/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>A lot of digital images are made up of tiny squares called pixels. If you zoom into pictures too much you start to see these blocks.  <\/p>\n\n\n\n<p>Old games used to use &#8216;blocky&#8217; pixels as these were all that computers could handle at the time.  <\/p>\n\n\n\n<p>Have a go at making your own pixel art using either the 8 x 8 canvas (8 blocks high by 8 blocks wide) or the 16 x 16 canvas. <\/p>\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-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link\" href=\"https:\/\/computerscienced.co.uk\/site\/pixel-drawer\/\">8 x 8 pixel canvas<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>Draw your pixel picture in an 8&#215;8 grid.<\/p>\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-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link\" href=\"https:\/\/computerscienced.co.uk\/site\/pixel-drawing-16x16\/\">16 x 16 pixel canvas<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p> Draw your pixel picture in a 16&#215;16 grid. <\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong>Examples<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/computerscienced.co.uk\/site\/wp-content\/uploads\/2020\/06\/pixelart-15-150x150.png\" alt=\"\" class=\"wp-image-1213\" srcset=\"https:\/\/computerscienced.co.uk\/site\/wp-content\/uploads\/2020\/06\/pixelart-15-150x150.png 150w, https:\/\/computerscienced.co.uk\/site\/wp-content\/uploads\/2020\/06\/pixelart-15-300x300.png 300w, https:\/\/computerscienced.co.uk\/site\/wp-content\/uploads\/2020\/06\/pixelart-15-100x100.png 100w, https:\/\/computerscienced.co.uk\/site\/wp-content\/uploads\/2020\/06\/pixelart-15-75x75.png 75w, https:\/\/computerscienced.co.uk\/site\/wp-content\/uploads\/2020\/06\/pixelart-15.png 320w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><figcaption>8 x 8 pixel drawing<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/computerscienced.co.uk\/site\/wp-content\/uploads\/2020\/06\/pixelart-16-150x150.png\" alt=\"\" class=\"wp-image-1215\" srcset=\"https:\/\/computerscienced.co.uk\/site\/wp-content\/uploads\/2020\/06\/pixelart-16-150x150.png 150w, https:\/\/computerscienced.co.uk\/site\/wp-content\/uploads\/2020\/06\/pixelart-16-300x300.png 300w, https:\/\/computerscienced.co.uk\/site\/wp-content\/uploads\/2020\/06\/pixelart-16-100x100.png 100w, https:\/\/computerscienced.co.uk\/site\/wp-content\/uploads\/2020\/06\/pixelart-16-75x75.png 75w, https:\/\/computerscienced.co.uk\/site\/wp-content\/uploads\/2020\/06\/pixelart-16.png 320w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><figcaption>8 x 8 pixel drawing<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>A lot of digital images are made up of tiny squares called pixels. If you zoom into pictures too much&#8230;<\/p>\n","protected":false},"author":1,"featured_media":2604,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"disable_featured_image":true,"footnotes":""},"class_list":["post-1203","page","type-page","status-publish","has-post-thumbnail","hentry"],"blog_post_layout_featured_media_urls":{"thumbnail":["https:\/\/computerscienced.co.uk\/site\/wp-content\/uploads\/2021\/09\/undraw_work_in_progress_uhmv.svg",150,150,true],"full":["https:\/\/computerscienced.co.uk\/site\/wp-content\/uploads\/2021\/09\/undraw_work_in_progress_uhmv.svg",884,628,false]},"categories_names":null,"comments_number":"0","_links":{"self":[{"href":"https:\/\/computerscienced.co.uk\/site\/wp-json\/wp\/v2\/pages\/1203","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/computerscienced.co.uk\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/computerscienced.co.uk\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/computerscienced.co.uk\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/computerscienced.co.uk\/site\/wp-json\/wp\/v2\/comments?post=1203"}],"version-history":[{"count":8,"href":"https:\/\/computerscienced.co.uk\/site\/wp-json\/wp\/v2\/pages\/1203\/revisions"}],"predecessor-version":[{"id":2608,"href":"https:\/\/computerscienced.co.uk\/site\/wp-json\/wp\/v2\/pages\/1203\/revisions\/2608"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/computerscienced.co.uk\/site\/wp-json\/wp\/v2\/media\/2604"}],"wp:attachment":[{"href":"https:\/\/computerscienced.co.uk\/site\/wp-json\/wp\/v2\/media?parent=1203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}