[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"sanity-RedK3WqtttyGtqIlfJZAQz16k4okuy7CpB_saWWHJH4":3,"sanity-TqSN9ZOXOGtUspz0bsqoLgaXLp2a9mxxL3xGS6dQb0w":441},{"data":4,"sourceMap":-1},{"latestPodcast":5,"latestReleases":14,"post":39,"recent":416},[6],{"_id":7,"publishedAt":8,"slug":9,"sponsored":12,"title":13},"d53f9358-3bb2-4f69-aebe-d31d19522cd4","2026-07-10T07:40:00.000Z",{"_type":10,"current":11},"slug","building-more-than-just-an-agent-harness",null,"Building more than just an agent harness",[15,21,27,33],{"_id":16,"publishedAt":17,"slug":18,"title":20},"eb5b66eb-9410-4329-83bb-22bbff39402a","2026-04-28T13:00:00.000Z",{"_type":10,"current":19},"turn-scattered-knowledge-into-trusted-intelligence","Turning scattered knowledge into trusted intelligence: Stack Internal 2026.3",{"_id":22,"publishedAt":23,"slug":24,"title":26},"369c2401-b62e-4a37-8ff8-bf603023ecad","2026-03-02T15:03:00.988Z",{"_type":10,"current":25},"what-s-new-at-stack-overflow-march-2026","What’s new at Stack Overflow: March 2026",{"_id":28,"publishedAt":29,"slug":30,"title":32},"5e9053a4-07ea-447c-91ea-29e0b6228537","2026-02-02T15:00:00.000Z",{"_type":10,"current":31},"what-s-new-at-stack-overflow-february-2026","What’s new at Stack Overflow: February 2026",{"_id":34,"publishedAt":35,"slug":36,"title":38},"a1b538eb-a8a6-46d0-80a1-ac70ec9bb935","2026-01-05T10:00:00.000-05:00",{"_type":10,"current":37},"what-s-new-at-stack-overflow-january-2026","What’s new at Stack Overflow: January 2026",{"_createdAt":40,"_id":41,"_rev":42,"_type":43,"_updatedAt":44,"author":45,"body":62,"comments":375,"dateUrl":376,"excerpt":377,"image":378,"legacyBody":381,"product":12,"publishedAt":384,"slug":385,"sponsored":12,"tags":387,"title":415,"visible":375},"2023-05-25T09:39:17Z","wp-post-17814","9HpbCsT2tq0xwozQfkgDvL","blogPost","2023-07-13T14:55:55Z",[46],{"_createdAt":47,"_id":48,"_rev":49,"_type":50,"_updatedAt":51,"avatar":52,"bio":57,"employee":58,"name":59,"slug":60},"2023-05-23T16:27:18Z","wp-author-cap-17633","07ZbrKPSUrjrV4wQ6fDpaa","blogAuthor","2023-06-20T15:05:10Z",{"_type":53,"asset":54},"image",{"_ref":55,"_type":56},"image-b650e8ac1685f03c7cd39f61125dbe6d0ec4724e-300x400-jpg","reference","Jiwon Shin is a Curriculum Developer at Codecademy focusing on web development content. She is also an adjunct professor at New York University where she teaches web development and creative coding.","none","Jiwon Shin",{"current":61},"jiwon-shin",[63,74,139,143,151,162,173,184,195,214,232,250,258,296,299,306,317,328,343,359],{"_key":64,"_type":65,"children":66,"markDefs":72,"style":73},"74bfb6251540","block",[67],{"_key":68,"_type":69,"marks":70,"text":71},"74bfb62515400","span",[],"Part 4",[],"h2",{"_key":75,"_type":65,"children":76,"markDefs":126,"style":138},"1786959bcef8",[77,81,86,90,95,99,104,108,113,117,122],{"_key":78,"_type":69,"marks":79,"text":80},"1786959bcef80",[],"In this session, we will make our p5.js sketches interactive! Together with ",{"_key":82,"_type":69,"marks":83,"text":85},"1786959bcef81",[84],"0b2bb7411ee0","Morgan",{"_key":87,"_type":69,"marks":88,"text":89},"1786959bcef82",[],", we will work on the ",{"_key":91,"_type":69,"marks":92,"text":94},"1786959bcef83",[93],"720c6bba104b","Generative Art Creator",{"_key":96,"_type":69,"marks":97,"text":98},"1786959bcef84",[]," project using the ",{"_key":100,"_type":69,"marks":101,"text":103},"1786959bcef85",[102],"71707a7eaaad","p5.js web editor",{"_key":105,"_type":69,"marks":106,"text":107},"1786959bcef86",[],"! We will make a tool to create, control, and combine generative works of art inspired by early media artists, such as ",{"_key":109,"_type":69,"marks":110,"text":112},"1786959bcef87",[111],"e7c5146fb080","John Whitney",{"_key":114,"_type":69,"marks":115,"text":116},"1786959bcef88",[]," and ",{"_key":118,"_type":69,"marks":119,"text":121},"1786959bcef89",[120],"8c0c987798b5","Vera Molnar",{"_key":123,"_type":69,"marks":124,"text":125},"1786959bcef810",[],". We will map different visualizations to be triggered by each key on the keyboard.",[127,130,132,134,136],{"_key":84,"_type":128,"href":129,"reference":12},"link","https:\u002F\u002Fwww.morganmueller.com\u002F",{"_key":93,"_type":128,"href":131,"reference":12},"https:\u002F\u002Fwww.codecademy.com\u002Fcourses\u002Flearn-p5js\u002Fprojects\u002Fp5js-generative-art-creator",{"_key":102,"_type":128,"href":133,"reference":12},"https:\u002F\u002Fwww.codecademy.com\u002Fcourses\u002Flearn-p5js\u002Fexternal_resources\u002Fp5js-web-editor",{"_key":111,"_type":128,"href":135,"reference":12},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FJohn_Whitney_(animator)",{"_key":120,"_type":128,"href":137,"reference":12},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FVera_Moln%C3%A1r","normal",{"_key":140,"_type":141,"markDefs":12,"url":142},"cdd11eb29aaf","embed","https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FpI-Ush_PVC4",{"_key":144,"_type":65,"children":145,"markDefs":150,"style":138},"f23ddc10b3b0",[146],{"_key":147,"_type":69,"marks":148,"text":149},"f23ddc10b3b00",[],"Here are some Stack Overflow questions related to the work we did in this session:",[],{"_key":152,"_type":65,"children":153,"markDefs":159,"style":138},"210afdf9ff38",[154],{"_key":155,"_type":69,"marks":156,"text":158},"210afdf9ff380",[157],"fd67484a3ed9","How to trigger key events in p5.js",[160],{"_key":157,"_type":128,"href":161,"reference":12},"https:\u002F\u002Fstackoverflow.com\u002Fquestions\u002F64028442\u002Fhow-to-trigger-key-events-in-p5-js",{"_key":163,"_type":65,"children":164,"markDefs":170,"style":138},"a7d6ad8ea8b7",[165],{"_key":166,"_type":69,"marks":167,"text":169},"a7d6ad8ea8b70",[168],"759c3d3b6131","How to make something happen when a key is held down in p5.js",[171],{"_key":168,"_type":128,"href":172,"reference":12},"https:\u002F\u002Fstackoverflow.com\u002Fquestions\u002F46351604\u002Fhow-to-make-something-happen-when-a-key-is-held-down-in-p5-js\u002F46351649#46351649",{"_key":174,"_type":65,"children":175,"markDefs":181,"style":138},"1e45358a4e79",[176],{"_key":177,"_type":69,"marks":178,"text":180},"1e45358a4e790",[179],"e754547338ac","How do I hold down a key in p5 instead of just pressing it repeatedly?",[182],{"_key":179,"_type":128,"href":183,"reference":12},"https:\u002F\u002Fstackoverflow.com\u002Fquestions\u002F63271774\u002Fhow-do-i-hold-down-a-key-in-p5-instead-of-just-pressing-it-repeatedly\u002F63272169#63272169",{"_key":185,"_type":65,"children":186,"markDefs":192,"style":138},"716c40c4b0ce",[187],{"_key":188,"_type":69,"marks":189,"text":191},"716c40c4b0ce0",[190],"47f2fec7f6ed","How do I save a p5.js canvas as a very large PNG?",[193],{"_key":190,"_type":128,"href":194,"reference":12},"https:\u002F\u002Fstackoverflow.com\u002Fquestions\u002F55211647\u002Fhow-do-i-save-a-p5-js-canvas-as-a-very-large-png",{"_key":196,"_type":65,"children":197,"markDefs":211,"style":138},"00625cd3bd2e",[198,202,207],{"_key":199,"_type":69,"marks":200,"text":201},"00625cd3bd2e0",[],"If you enjoyed this lesson, you can catch up on the rest of the series on YouTube. If you’d like to watch a session live, follow the ",{"_key":203,"_type":69,"marks":204,"text":206},"00625cd3bd2e1",[205],"f6f5b535cd54","Codecademy YouTube channel",{"_key":208,"_type":69,"marks":209,"text":210},"00625cd3bd2e2",[],".",[212],{"_key":205,"_type":128,"href":213,"reference":12},"https:\u002F\u002Fwww.youtube.com\u002Fc\u002Fcodecademy\u002Ffeatured",{"_key":215,"_type":65,"children":216,"markDefs":229,"style":138},"6bfcb78e974b",[217,221,226],{"_key":218,"_type":69,"marks":219,"text":220},"6bfcb78e974b0",[],"Every Tuesday from now until April 27th, we’ll be streaming a new session at 4PM EST. You can set a reminder for the stream for April 6th ",{"_key":222,"_type":69,"marks":223,"text":225},"6bfcb78e974b1",[224],"399e23dcc3fe","here",{"_key":227,"_type":69,"marks":228,"text":210},"6bfcb78e974b2",[],[230],{"_key":224,"_type":128,"href":231,"reference":12},"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=Gdakp8ZeMFo",{"_key":233,"_type":65,"children":234,"markDefs":247,"style":138},"c8339431e030",[235,239,243],{"_key":236,"_type":69,"marks":237,"text":238},"c8339431e0300",[],"Finally, if you want even more Creative Coding with p5.js content, you can sign up for the interactive course this series was based on ",{"_key":240,"_type":69,"marks":241,"text":225},"c8339431e0301",[242],"81b5d50a4b3d",{"_key":244,"_type":69,"marks":245,"text":246},"c8339431e0302",[],". This course was developed by Jiwon and has many more quizzes, projects, and helpful articles that we can’t fit into our streams!",[248],{"_key":242,"_type":128,"href":249,"reference":12},"https:\u002F\u002Fwww.codecademy.com\u002Flearn\u002Flearn-p5js?utm_source=stack_overflow&utm_medium=partners&utm_content=cclive_creative_so_4",{"_key":251,"_type":65,"children":252,"markDefs":257,"style":73},"47723ee551f4",[253],{"_key":254,"_type":69,"marks":255,"text":256},"47723ee551f40",[],"Part 5",[],{"_key":259,"_type":65,"children":260,"markDefs":290,"style":138},"e21b1e3faec5",[261,265,270,273,277,281,286],{"_key":262,"_type":69,"marks":263,"text":264},"e21b1e3faec50",[],"In this session, we will learn how to display and manipulate images and videos in our p5.js sketches. Together, we will work on the ",{"_key":266,"_type":69,"marks":267,"text":269},"e21b1e3faec51",[268],"195fd6c7bf40","Interactive Video Sculpture",{"_key":271,"_type":69,"marks":272,"text":98},"e21b1e3faec52",[],{"_key":274,"_type":69,"marks":275,"text":103},"e21b1e3faec53",[276],"935a7d28c16d",{"_key":278,"_type":69,"marks":279,"text":280},"e21b1e3faec54",[],"! We will create a digital video sculpture inspired by the artist ",{"_key":282,"_type":69,"marks":283,"text":285},"e21b1e3faec55",[284],"452f298b1351","Nam Jun Paik",{"_key":287,"_type":69,"marks":288,"text":289},"e21b1e3faec56",[],". Applying what we learned in our last session, we'll also add mouse interaction to dynamically change the videos displayed in the sculpture.",[291,293,294],{"_key":268,"_type":128,"href":292,"reference":12},"https:\u002F\u002Fwww.codecademy.com\u002Fcourses\u002Flearn-p5js\u002Fprojects\u002Fp5js-interactive-video-sculpture",{"_key":276,"_type":128,"href":133,"reference":12},{"_key":284,"_type":128,"href":295,"reference":12},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FNam_June_Paik",{"_key":297,"_type":141,"markDefs":12,"url":298},"0544a435ba31","https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FQCgGtSHMGIQ",{"_key":300,"_type":65,"children":301,"markDefs":305,"style":138},"03dbf66a8894",[302],{"_key":303,"_type":69,"marks":304,"text":149},"03dbf66a88940",[],[],{"_key":307,"_type":65,"children":308,"markDefs":314,"style":138},"e80f7b77349e",[309],{"_key":310,"_type":69,"marks":311,"text":313},"e80f7b77349e0",[312],"2c88234a2518","p5.js Play Video inside canvas",[315],{"_key":312,"_type":128,"href":316,"reference":12},"https:\u002F\u002Fstackoverflow.com\u002Fquestions\u002F42234071\u002Fp5-js-play-video-inside-canvas",{"_key":318,"_type":65,"children":319,"markDefs":325,"style":138},"fa49f6b6d41c",[320],{"_key":321,"_type":69,"marks":322,"text":324},"fa49f6b6d41c0",[323],"1b540e16b782","Stretch a video in p5.js?",[326],{"_key":323,"_type":128,"href":327,"reference":12},"https:\u002F\u002Fstackoverflow.com\u002Fquestions\u002F62686362\u002Fstretch-a-video-in-p5-js",{"_key":329,"_type":65,"children":330,"markDefs":341,"style":138},"7935481f642a",[331,334,338],{"_key":332,"_type":69,"marks":333,"text":201},"7935481f642a0",[],{"_key":335,"_type":69,"marks":336,"text":206},"7935481f642a1",[337],"b8e2a25c05c2",{"_key":339,"_type":69,"marks":340,"text":210},"7935481f642a2",[],[342],{"_key":337,"_type":128,"href":213,"reference":12},{"_key":344,"_type":65,"children":345,"markDefs":357,"style":138},"4f44ec38e960",[346,350,354],{"_key":347,"_type":69,"marks":348,"text":349},"4f44ec38e9600",[],"Every Tuesday from now until April 27th, we’ll be streaming a new session at 4PM EST. You can set a reminder for the stream for April 13th ",{"_key":351,"_type":69,"marks":352,"text":225},"4f44ec38e9601",[353],"34c8adcf99d6",{"_key":355,"_type":69,"marks":356,"text":210},"4f44ec38e9602",[],[358],{"_key":353,"_type":128,"href":231,"reference":12},{"_key":360,"_type":65,"children":361,"markDefs":372,"style":138},"53762c83d968",[362,365,369],{"_key":363,"_type":69,"marks":364,"text":238},"53762c83d9680",[],{"_key":366,"_type":69,"marks":367,"text":225},"53762c83d9681",[368],"fdd34b4d5e6e",{"_key":370,"_type":69,"marks":371,"text":246},"53762c83d9682",[],[373],{"_key":368,"_type":128,"href":374,"reference":12},"https:\u002F\u002Fwww.codecademy.com\u002Flearn\u002Flearn-p5js?utm_source=stack_overflow&utm_medium=partners&utm_content=cclive_creative_so_5",true,"2021\u002F04\u002F13","",{"_type":53,"asset":379},{"_ref":380,"_type":56},"image-a743776940b4b4a76ba838bdcf211688bcc56ca1-2400x1240-png",{"code":382,"language":383},"\u003C!-- wp:heading -->\n\u003Ch2 id=\"h-part-4\">Part 4\u003C\u002Fh2>\n\u003C!-- \u002Fwp:heading -->\n\n\u003C!-- wp:paragraph -->\n\u003Cp>In this session, we will make our p5.js sketches interactive! Together with \u003Ca href=\"https:\u002F\u002Fwww.morganmueller.com\u002F\">Morgan\u003C\u002Fa>, we will work on the \u003Ca href=\"https:\u002F\u002Fwww.codecademy.com\u002Fcourses\u002Flearn-p5js\u002Fprojects\u002Fp5js-generative-art-creator\">Generative Art Creator\u003C\u002Fa> project using the \u003Ca href=\"https:\u002F\u002Fwww.codecademy.com\u002Fcourses\u002Flearn-p5js\u002Fexternal_resources\u002Fp5js-web-editor\">p5.js web editor\u003C\u002Fa>! We will make a tool to create, control, and combine generative works of art inspired by early media artists, such as \u003Ca href=\"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FJohn_Whitney_(animator)\">John Whitney\u003C\u002Fa> and \u003Ca href=\"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FVera_Moln%C3%A1r\">Vera Molnar\u003C\u002Fa>. We will map different visualizations to be triggered by each key on the keyboard.\u003C\u002Fp>\n\u003C!-- \u002Fwp:paragraph -->\n\n\u003C!-- wp:html -->\n\u003Ciframe width=\"560\" height=\"315\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FpI-Ush_PVC4\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen>\u003C\u002Fiframe>\n\u003C!-- \u002Fwp:html -->\n\n\u003C!-- wp:paragraph -->\n\u003Cp>Here are some Stack Overflow questions related to the work we did in this session:\u003C\u002Fp>\n\u003C!-- \u002Fwp:paragraph -->\n\n\u003C!-- wp:paragraph -->\n\u003Cp>\u003Ca href=\"https:\u002F\u002Fstackoverflow.com\u002Fquestions\u002F64028442\u002Fhow-to-trigger-key-events-in-p5-js\">How to trigger key events in p5.js\u003C\u002Fa>\u003C\u002Fp>\n\u003C!-- \u002Fwp:paragraph -->\n\n\u003C!-- wp:paragraph -->\n\u003Cp>\u003Ca href=\"https:\u002F\u002Fstackoverflow.com\u002Fquestions\u002F46351604\u002Fhow-to-make-something-happen-when-a-key-is-held-down-in-p5-js\u002F46351649#46351649\">How to make something happen when a key is held down in p5.js\u003C\u002Fa>\u003C\u002Fp>\n\u003C!-- \u002Fwp:paragraph -->\n\n\u003C!-- wp:paragraph -->\n\u003Cp>\u003Ca href=\"https:\u002F\u002Fstackoverflow.com\u002Fquestions\u002F63271774\u002Fhow-do-i-hold-down-a-key-in-p5-instead-of-just-pressing-it-repeatedly\u002F63272169#63272169\">How do I hold down a key in p5 instead of just pressing it repeatedly?\u003C\u002Fa>\u003C\u002Fp>\n\u003C!-- \u002Fwp:paragraph -->\n\n\u003C!-- wp:paragraph -->\n\u003Cp>\u003Ca href=\"https:\u002F\u002Fstackoverflow.com\u002Fquestions\u002F55211647\u002Fhow-do-i-save-a-p5-js-canvas-as-a-very-large-png\">How do I save a p5.js canvas as a very large PNG?\u003C\u002Fa>\u003C\u002Fp>\n\u003C!-- \u002Fwp:paragraph -->\n\n\u003C!-- wp:paragraph -->\n\u003Cp>If you enjoyed this lesson, you can catch up on the rest of the series on YouTube. If you’d like to watch a session live, follow the \u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fc\u002Fcodecademy\u002Ffeatured\">Codecademy YouTube channel\u003C\u002Fa>.\u003C\u002Fp>\n\u003C!-- \u002Fwp:paragraph -->\n\n\u003C!-- wp:paragraph -->\n\u003Cp>Every Tuesday from now until April 27th, we’ll be streaming a new session at 4PM EST. You can set a reminder for the stream for April 6th \u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=Gdakp8ZeMFo\">here\u003C\u002Fa>.\u003C\u002Fp>\n\u003C!-- \u002Fwp:paragraph -->\n\n\u003C!-- wp:paragraph -->\n\u003Cp>Finally, if you want even more Creative Coding with p5.js content, you can sign up for the interactive course this series was based on \u003Ca href=\"https:\u002F\u002Fwww.codecademy.com\u002Flearn\u002Flearn-p5js?utm_source=stack_overflow&utm_medium=partners&utm_content=cclive_creative_so_4\">here\u003C\u002Fa>. This course was developed by Jiwon and has many more quizzes, projects, and helpful articles that we can’t fit into our streams!\u003C\u002Fp>\n\u003C!-- \u002Fwp:paragraph -->\n\n\u003C!-- wp:heading -->\n\u003Ch2 id=\"h-part-5\">Part 5\u003C\u002Fh2>\n\u003C!-- \u002Fwp:heading -->\n\n\u003C!-- wp:paragraph -->\n\u003Cp>In this session, we will learn how to display and manipulate images and videos in our p5.js sketches. Together, we will work on the \u003Ca href=\"https:\u002F\u002Fwww.codecademy.com\u002Fcourses\u002Flearn-p5js\u002Fprojects\u002Fp5js-interactive-video-sculpture\">Interactive Video Sculpture\u003C\u002Fa> project using the \u003Ca href=\"https:\u002F\u002Fwww.codecademy.com\u002Fcourses\u002Flearn-p5js\u002Fexternal_resources\u002Fp5js-web-editor\">p5.js web editor\u003C\u002Fa>! We will create a digital video sculpture inspired by the artist \u003Ca href=\"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FNam_June_Paik\">Nam Jun Paik\u003C\u002Fa>. Applying what we learned in our last session, we'll also add mouse interaction to dynamically change the videos displayed in the sculpture.\u003C\u002Fp>\n\u003C!-- \u002Fwp:paragraph -->\n\n\u003C!-- wp:html -->\n\u003Ciframe width=\"560\" height=\"315\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FQCgGtSHMGIQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen>\u003C\u002Fiframe>\n\u003C!-- \u002Fwp:html -->\n\n\u003C!-- wp:paragraph -->\n\u003Cp>Here are some Stack Overflow questions related to the work we did in this session:\u003C\u002Fp>\n\u003C!-- \u002Fwp:paragraph -->\n\n\u003C!-- wp:paragraph -->\n\u003Cp>\u003Ca href=\"https:\u002F\u002Fstackoverflow.com\u002Fquestions\u002F42234071\u002Fp5-js-play-video-inside-canvas\">p5.js Play Video inside canvas\u003C\u002Fa>\u003C\u002Fp>\n\u003C!-- \u002Fwp:paragraph -->\n\n\u003C!-- wp:paragraph -->\n\u003Cp>\u003Ca href=\"https:\u002F\u002Fstackoverflow.com\u002Fquestions\u002F62686362\u002Fstretch-a-video-in-p5-js\">Stretch a video in p5.js?\u003C\u002Fa>\u003C\u002Fp>\n\u003C!-- \u002Fwp:paragraph -->\n\n\u003C!-- wp:paragraph -->\n\u003Cp>If you enjoyed this lesson, you can catch up on the rest of the series on YouTube. If you’d like to watch a session live, follow the \u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fc\u002Fcodecademy\u002Ffeatured\">Codecademy YouTube channel\u003C\u002Fa>.\u003C\u002Fp>\n\u003C!-- \u002Fwp:paragraph -->\n\n\u003C!-- wp:paragraph -->\n\u003Cp>Every Tuesday from now until April 27th, we’ll be streaming a new session at 4PM EST. You can set a reminder for the stream for April 13th \u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=Gdakp8ZeMFo\">here\u003C\u002Fa>.\u003C\u002Fp>\n\u003C!-- \u002Fwp:paragraph -->\n\n\u003C!-- wp:paragraph -->\n\u003Cp>Finally, if you want even more Creative Coding with p5.js content, you can sign up for the interactive course this series was based on \u003Ca href=\"https:\u002F\u002Fwww.codecademy.com\u002Flearn\u002Flearn-p5js?utm_source=stack_overflow&utm_medium=partners&utm_content=cclive_creative_so_5\">here\u003C\u002Fa>. This course was developed by Jiwon and has many more quizzes, projects, and helpful articles that we can’t fit into our streams!\u003C\u002Fp>\n\u003C!-- \u002Fwp:paragraph -->","html","2021-04-13T16:49:40.000Z",{"current":386},"level-up-creative-coding-with-p5-js-parts-4-and-5",[388,396,400,405,410],{"_createdAt":389,"_id":390,"_rev":391,"_type":392,"_updatedAt":389,"slug":393,"title":395},"2023-05-23T16:43:21Z","wp-tagcat-code-for-a-living","9HpbCsT2tq0xwozQfkc4ih","blogTag",{"current":394},"code-for-a-living","Code for a Living",{"_createdAt":389,"_id":397,"_rev":391,"_type":392,"_updatedAt":389,"slug":398,"title":399},"wp-tagcat-codeacademy",{"current":399},"codeacademy",{"_createdAt":389,"_id":401,"_rev":391,"_type":392,"_updatedAt":389,"slug":402,"title":404},"wp-tagcat-creative-coding",{"current":403},"creative-coding","creative coding",{"_createdAt":389,"_id":406,"_rev":391,"_type":392,"_updatedAt":389,"slug":407,"title":409},"wp-tagcat-level-up",{"current":408},"level-up","level up",{"_createdAt":389,"_id":411,"_rev":391,"_type":392,"_updatedAt":389,"slug":412,"title":414},"wp-tagcat-p5-js",{"current":413},"p5-js","p5.js","Level Up: Creative Coding with p5.js - parts 4 and 5",[417,423,429,435],{"_id":418,"publishedAt":419,"slug":420,"sponsored":12,"title":422},"76c9771b-34e6-4d98-8641-ecefc711f0ef","2026-07-06T15:23:34.559Z",{"_type":10,"current":421},"when-the-sensor-starts-thinking-snortml-agentic-ai-and-the-evolving-architecture-of-intrusion-detection","When the sensor starts thinking: SnortML, agentic AI, and the evolving architecture of intrusion detection",{"_id":424,"publishedAt":425,"slug":426,"sponsored":12,"title":428},"28e560af-f0aa-4d46-bd90-f435ad604aa7","2026-06-26T14:00:27.102Z",{"_type":10,"current":427},"paging-charity-how-can-engineering-leaders-avoid-becoming-bond-villains","Paging Charity! How can engineering leaders avoid becoming Bond villains?",{"_id":430,"publishedAt":431,"slug":432,"sponsored":12,"title":434},"4b22c2a3-3779-4966-93eb-5230391dbdce","2026-06-23T14:08:58.595Z",{"_type":10,"current":433},"your-ai-shipped-a-backend-that-boots-that-is-the-whole-problem","Your AI shipped a backend that boots. That is the whole problem.",{"_id":436,"publishedAt":437,"slug":438,"sponsored":12,"title":440},"5cf362e1-fe7b-45af-b69c-914731c6a052","2026-06-23T14:00:00.000Z",{"_type":10,"current":439},"the-2026-developer-survey-is-now-open-for-human-developers-only","The 2026 Developer Survey is now open (for human developers only)!",{"data":442,"sourceMap":-1},{"count":443,"lastTimestamp":12},0]