{"id":18432,"date":"2024-12-10T04:03:05","date_gmt":"2024-12-10T04:03:05","guid":{"rendered":"https:\/\/astoryisnotatree.net\/?p=18432"},"modified":"2024-12-10T15:17:24","modified_gmt":"2024-12-10T15:17:24","slug":"art-from-code-flocking-game","status":"publish","type":"post","link":"https:\/\/astoryisnotatree.net\/?p=18432","title":{"rendered":"ART FROM CODE: FLOCKING GAME"},"content":{"rendered":"\n

This project simulates flocking behavior, inspired by natural phenomena such as birds flying in flocks or fish swimming in schools. It uses a set of simple rules (alignment, cohesion, and separation) to govern the movement of the individual objects that you see onscreen. It allows the player to interact with the objects in a relaxing way, which I found almost gamified the process, hence the name.
<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

I became interested by the work of Craig Raynolds, and I was inspired to find a way of incorporating his findings into an interactive art piece. I began by learning the behavior of the objects, and how to incorporate them into my own processing sketches.
<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

I first did this by making a simple sketch that got an object to follow my cursor (the circle), which was the first step to incorporate behavior. It better allowed me to understand how to incorporate direction and magnitude for the objects I was going to be making. The cursor represents a dynamic target that constantly changes, which also taught me more about the importance of real time updates, feedback loops, and responsiveness with in systems like these.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Next I started working on a sketch with multiple objects that follow a flow field. This helped me switch from working with a single object model to a multi object system. It was not quite a simulation however it allowed me to practice using more forces that I would need to input following this. <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

After the flow field, I was able to implement forces on the objects that outline a flocking simulation, and from there I started trying to figure out how to make the objects visually appealing. It took a lot of fine tuning, but I eventually got a result that I was satisfied with. <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

The final step in the process for me was making the sketch interactable so that it would somewhat be a game. The way this was done was by making the forces applied to the boids changeable as the sketch ran. Including what I had learned with the beginning sketch I had done, I included attraction or repulsion to the cursor that can be toggled also. <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

This project allowed me to learn and work through many processes that did not come naturally for me. Since I have not taken a formal coding class before this, I was able to find a new appreciation for computer science that I have not had previously. I have taken many pure mathematics courses, so understanding how many topics that I have learned previously are applied to this was also very intriguing. I will be looking forward to applying the skills I have learnt to other similar fields. <\/p>\n","protected":false},"excerpt":{"rendered":"

This project simulates flocking behavior, inspired by natural phenomena such as birds flying in flocks or fish swimming in schools. It uses a set of simple rules (alignment, cohesion, and separation) to govern the movement of the individual objects that…<\/p>\n","protected":false},"author":401,"featured_media":18442,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[225],"tags":[],"class_list":["post-18432","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-art-from-code","wpcat-225-id"],"_links":{"self":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/18432","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/users\/401"}],"replies":[{"embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18432"}],"version-history":[{"count":1,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/18432\/revisions"}],"predecessor-version":[{"id":18440,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/18432\/revisions\/18440"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/media\/18442"}],"wp:attachment":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18432"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=18432"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=18432"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}