[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"sanity-XMRYd8d3dvDSZmQzIGZqQKeKhZKNHmMzbfDFj71E7KQ":3,"sanity-YAWpgGVnxeK9ggP__N7pOEpVlpPNGsGGj7prZe1_MrA":269},{"data":4,"sourceMap":-1},{"latestPodcast":5,"latestReleases":14,"post":39,"recent":244},[6],{"_id":7,"publishedAt":8,"slug":9,"sponsored":12,"title":13},"50f4509c-4f55-4f11-8adc-5556e821ea77","2026-06-30T07:40:00.000Z",{"_type":10,"current":11},"slug","why-intent-prediction-needs-more-than-an-llm",null,"Why intent prediction needs more than an LLM",[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":208,"dateUrl":209,"excerpt":210,"image":211,"legacyBody":214,"product":12,"publishedAt":217,"slug":218,"sponsored":12,"tags":220,"title":243,"visible":208},"2023-05-25T09:39:18Z","wp-post-17848","9HpbCsT2tq0xwozQfkgDvL","blogPost","2023-07-13T14:55:57Z",[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,97,101,109,120,131,142,153,172,190],{"_key":64,"_type":65,"children":66,"markDefs":90,"style":96},"acfcd3764221","block",[67,72,77,81,86],{"_key":68,"_type":69,"marks":70,"text":71},"acfcd37642210","span",[],"During our ",{"_key":73,"_type":69,"marks":74,"text":76},"acfcd37642211",[75],"dd6b881b06f9","second session",{"_key":78,"_type":69,"marks":79,"text":80},"acfcd37642212",[],", we learned how to transform arrays into ",{"_key":82,"_type":69,"marks":83,"text":85},"acfcd37642213",[84],"00ab421be75a","Bouncing Balls",{"_key":87,"_type":69,"marks":88,"text":89},"acfcd37642214",[],". In this session, we will take the principles of loops and arrays we used to create 100 ellipses bouncing around the canvas and learn how to adapt them to fit within in an object-oriented approach. We will start from the basics and talk about what an object is and how it can be applied to create dynamic visualizations with p5.js. By the end of this session, we'll have a Ball class that has its own attributes and methods.",[91,94],{"_key":75,"_type":92,"href":93,"reference":12},"link","https://www.youtube.com/watch?v=fqkdBC7Ki00",{"_key":84,"_type":92,"href":95,"reference":12},"https://www.codecademy.com/courses/learn-p5js/projects/p5js-bouncing-balls?utm_source=stack_overflow&utm_medium=partners&utm_content=cclive_creative_so_6","normal",{"_key":98,"_type":99,"markDefs":12,"url":100},"72e83f3664a0","embed","https://www.youtube.com/embed/JbMLtl-LJH4",{"_key":102,"_type":65,"children":103,"markDefs":108,"style":96},"64baefe02746",[104],{"_key":105,"_type":69,"marks":106,"text":107},"64baefe027460",[],"Here are some Stack Overflow questions related to the work we did in this session:",[],{"_key":110,"_type":65,"children":111,"markDefs":117,"style":96},"e90d982a0b3b",[112],{"_key":113,"_type":69,"marks":114,"text":116},"e90d982a0b3b0",[115],"bed8c586624a","JavaScript pattern for multiple constructors",[118],{"_key":115,"_type":92,"href":119,"reference":12},"https://stackoverflow.com/questions/3220721/javascript-pattern-for-multiple-constructors",{"_key":121,"_type":65,"children":122,"markDefs":128,"style":96},"75e6c37d04da",[123],{"_key":124,"_type":69,"marks":125,"text":127},"75e6c37d04da0",[126],"4ace31ee6677","Class keyword in JavaScript",[129],{"_key":126,"_type":92,"href":130,"reference":12},"https://stackoverflow.com/questions/1728984/class-keyword-in-javascript",{"_key":132,"_type":65,"children":133,"markDefs":139,"style":96},"decac81cfc8d",[134],{"_key":135,"_type":69,"marks":136,"text":138},"decac81cfc8d0",[137],"98d601674a57","p5js - can't create more than 1 object in draw()",[140],{"_key":137,"_type":92,"href":141,"reference":12},"https://stackoverflow.com/questions/52692499/p5js-cant-create-more-than-1-object-in-draw",{"_key":143,"_type":65,"children":144,"markDefs":150,"style":96},"09a721646954",[145],{"_key":146,"_type":69,"marks":147,"text":149},"09a7216469540",[148],"e0e6b65736f5","My for loop to create objects isn't working in .js with P5",[151],{"_key":148,"_type":92,"href":152,"reference":12},"https://stackoverflow.com/questions/44141296/my-for-loop-to-create-objects-isnt-working-in-js-with-p5",{"_key":154,"_type":65,"children":155,"markDefs":169,"style":96},"b381e33bd947",[156,160,165],{"_key":157,"_type":69,"marks":158,"text":159},"b381e33bd9470",[],"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":161,"_type":69,"marks":162,"text":164},"b381e33bd9471",[163],"9ab49ad9422b","Codecademy YouTube channel",{"_key":166,"_type":69,"marks":167,"text":168},"b381e33bd9472",[],".",[170],{"_key":163,"_type":92,"href":171,"reference":12},"https://www.youtube.com/c/codecademy/featured",{"_key":173,"_type":65,"children":174,"markDefs":187,"style":96},"cbca9f7f93c8",[175,179,184],{"_key":176,"_type":69,"marks":177,"text":178},"cbca9f7f93c80",[],"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 20th ",{"_key":180,"_type":69,"marks":181,"text":183},"cbca9f7f93c81",[182],"9399c00cfa3e","here",{"_key":185,"_type":69,"marks":186,"text":168},"cbca9f7f93c82",[],[188],{"_key":182,"_type":92,"href":189,"reference":12},"https://www.youtube.com/watch?v=r6RcZCQz-fs",{"_key":191,"_type":65,"children":192,"markDefs":205,"style":96},"e6c0aa27b1f1",[193,197,201],{"_key":194,"_type":69,"marks":195,"text":196},"e6c0aa27b1f10",[],"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":198,"_type":69,"marks":199,"text":183},"e6c0aa27b1f11",[200],"2be9cba9632c",{"_key":202,"_type":69,"marks":203,"text":204},"e6c0aa27b1f12",[],". This course was developed by Jiwon and has many more quizzes, projects, and helpful articles that we can’t fit into our streams!",[206],{"_key":200,"_type":92,"href":207,"reference":12},"https://www.codecademy.com/learn/learn-p5js?utm_source=stack_overflow&utm_medium=partners&utm_content=cclive_creative_so_6",true,"2021/04/17","",{"_type":53,"asset":212},{"_ref":213,"_type":56},"image-a743776940b4b4a76ba838bdcf211688bcc56ca1-2400x1240-png",{"code":215,"language":216},"\u003C!-- wp:paragraph -->\n\u003Cp>During our \u003Ca href=\"https://www.youtube.com/watch?v=fqkdBC7Ki00\">second session\u003C/a>, we learned how to transform arrays into \u003Ca href=\"https://www.codecademy.com/courses/learn-p5js/projects/p5js-bouncing-balls?utm_source=stack_overflow&utm_medium=partners&utm_content=cclive_creative_so_6\">Bouncing Balls\u003C/a>. In this session, we will take the principles of loops and arrays we used to create 100 ellipses bouncing around the canvas and learn how to adapt them to fit within in an object-oriented approach. We will start from the basics and talk about what an object is and how it can be applied to create dynamic visualizations with p5.js. By the end of this session, we'll have a Ball class that has its own attributes and methods.\u003C/p>\n\u003C!-- /wp:paragraph -->\n\n\u003C!-- wp:html -->\n\u003Ciframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/JbMLtl-LJH4\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen>\u003C/iframe>\n\u003C!-- /wp:html -->\n\n\u003C!-- wp:paragraph -->\n\u003Cp>Here are some Stack Overflow questions related to the work we did in this session:\u003C/p>\n\u003C!-- /wp:paragraph -->\n\n\u003C!-- wp:paragraph -->\n\u003Cp>\u003Ca href=\"https://stackoverflow.com/questions/3220721/javascript-pattern-for-multiple-constructors\">JavaScript pattern for multiple constructors\u003C/a>\u003C/p>\n\u003C!-- /wp:paragraph -->\n\n\u003C!-- wp:paragraph -->\n\u003Cp>\u003Ca href=\"https://stackoverflow.com/questions/1728984/class-keyword-in-javascript\">Class keyword in JavaScript\u003C/a>\u003C/p>\n\u003C!-- /wp:paragraph -->\n\n\u003C!-- wp:paragraph -->\n\u003Cp>\u003Ca href=\"https://stackoverflow.com/questions/52692499/p5js-cant-create-more-than-1-object-in-draw\">p5js - can't create more than 1 object in draw()\u003C/a>\u003C/p>\n\u003C!-- /wp:paragraph -->\n\n\u003C!-- wp:paragraph -->\n\u003Cp>\u003Ca href=\"https://stackoverflow.com/questions/44141296/my-for-loop-to-create-objects-isnt-working-in-js-with-p5\">My for loop to create objects isn't working in .js with P5\u003C/a>\u003C/p>\n\u003C!-- /wp: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://www.youtube.com/c/codecademy/featured\">Codecademy YouTube channel\u003C/a>.\u003C/p>\n\u003C!-- /wp: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 20th \u003Ca href=\"https://www.youtube.com/watch?v=r6RcZCQz-fs\">here\u003C/a>.\u003C/p>\n\u003C!-- /wp: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://www.codecademy.com/learn/learn-p5js?utm_source=stack_overflow&utm_medium=partners&utm_content=cclive_creative_so_6\">here\u003C/a>. This course was developed by Jiwon and has many more quizzes, projects, and helpful articles that we can’t fit into our streams!\u003C/p>\n\u003C!-- /wp:paragraph -->","html","2021-04-17T14:00:00.000Z",{"current":219},"level-up-creative-coding-with-p5-js-part-6",[221,229,233,238],{"_createdAt":222,"_id":223,"_rev":224,"_type":225,"_updatedAt":222,"slug":226,"title":228},"2023-05-23T16:43:21Z","wp-tagcat-code-for-a-living","9HpbCsT2tq0xwozQfkc4ih","blogTag",{"current":227},"code-for-a-living","Code for a Living",{"_createdAt":222,"_id":230,"_rev":224,"_type":225,"_updatedAt":222,"slug":231,"title":232},"wp-tagcat-codecademy",{"current":232},"codecademy",{"_createdAt":222,"_id":234,"_rev":224,"_type":225,"_updatedAt":222,"slug":235,"title":237},"wp-tagcat-level-up",{"current":236},"level-up","level up",{"_createdAt":222,"_id":239,"_rev":224,"_type":225,"_updatedAt":222,"slug":240,"title":242},"wp-tagcat-p5-js",{"current":241},"p5-js","p5.js","Level Up: Creative Coding with p5.js - part 6",[245,251,257,263],{"_id":246,"publishedAt":247,"slug":248,"sponsored":12,"title":250},"28e560af-f0aa-4d46-bd90-f435ad604aa7","2026-06-26T14:00:27.102Z",{"_type":10,"current":249},"paging-charity-how-can-engineering-leaders-avoid-becoming-bond-villains","Paging Charity! How can engineering leaders avoid becoming Bond villains?",{"_id":252,"publishedAt":253,"slug":254,"sponsored":12,"title":256},"4b22c2a3-3779-4966-93eb-5230391dbdce","2026-06-23T14:08:58.595Z",{"_type":10,"current":255},"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":258,"publishedAt":259,"slug":260,"sponsored":12,"title":262},"5cf362e1-fe7b-45af-b69c-914731c6a052","2026-06-23T14:00:00.000Z",{"_type":10,"current":261},"the-2026-developer-survey-is-now-open-for-human-developers-only","The 2026 Developer Survey is now open (for human developers only)!",{"_id":264,"publishedAt":265,"slug":266,"sponsored":12,"title":268},"30b995f7-7cb9-4dd8-bf71-d0685940a32b","2026-06-19T14:00:00.000Z",{"_type":10,"current":267},"dispatches-from-o-reilly-from-capabilities-to-responsibilities","Dispatches from O'Reilly: From capabilities to responsibilities",{"data":270,"sourceMap":-1},{"count":271,"lastTimestamp":12},0]