{"id":69430,"date":"2021-12-04T23:44:54","date_gmt":"2021-12-05T04:44:54","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=69430"},"modified":"2021-12-04T23:44:54","modified_gmt":"2021-12-05T04:44:54","slug":"final-project-reddit-spaces-of-climate-crisis","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/12\/04\/final-project-reddit-spaces-of-climate-crisis\/","title":{"rendered":"Final Project: Reddit – Spaces of Climate Crisis"},"content":{"rendered":"\n

sketch<\/a><\/iframe><pre class=\"language-javascript\"><code class=\"p5_editor language-javascript\">\/\/Tim Nelson-Pyne\n\/\/tnelsonp\n\/\/Section C\n\nvar linksAntofu = ['https:\/\/i.imgur.com\/Px1nV2B.jpg',\n 'https:\/\/i.imgur.com\/0Xd0GrB.png',\n 'https:\/\/i.imgur.com\/tAZFqHS.png',\n 'https:\/\/i.imgur.com\/mQenYYL.png',\n 'https:\/\/i.imgur.com\/49UZ1CQ.png',\n 'https:\/\/i.imgur.com\/zCeIB47.png',\n 'https:\/\/i.imgur.com\/bW5fsDf.png',\n 'https:\/\/i.imgur.com\/QqtjU1X.png',\n 'https:\/\/i.imgur.com\/PexfMHV.png',\n 'https:\/\/i.imgur.com\/KKu6Az2.png',\n 'https:\/\/i.imgur.com\/w55Ylwi.png',\n 'https:\/\/i.imgur.com\/86yrIIy.png',\n 'https:\/\/i.imgur.com\/xv63US1.png',\n 'https:\/\/i.imgur.com\/LfTmJHW.png',\n 'https:\/\/i.imgur.com\/qL8OCUJ.png',\n 'https:\/\/i.imgur.com\/RZlY9w8.png',\n 'https:\/\/i.imgur.com\/XTz4fVe.png',\n 'https:\/\/i.imgur.com\/8FZDSTa.png',\n 'https:\/\/i.imgur.com\/qBusraJ.png',\n 'https:\/\/i.imgur.com\/BpzmTcT.png',\n 'https:\/\/i.imgur.com\/YpxCZ1L.png',\n 'https:\/\/i.imgur.com\/8DXeLem.png',\n 'https:\/\/i.imgur.com\/a9pINWL.png',\n 'https:\/\/i.imgur.com\/jUFq33O.png',\n 'https:\/\/i.imgur.com\/xjQqAO1.png',\n 'https:\/\/i.imgur.com\/WXqNRVx.png',\n 'https:\/\/i.imgur.com\/gbkrwCj.png',\n 'https:\/\/i.imgur.com\/6gz20Vz.png',\n 'https:\/\/i.imgur.com\/UisuyPK.png',\n 'https:\/\/i.imgur.com\/tLvo8ln.png',\n 'https:\/\/i.imgur.com\/t2uQLf3.png',\n 'https:\/\/i.imgur.com\/mcsxD55.png',\n 'https:\/\/i.imgur.com\/rXMGQXS.png',\n 'https:\/\/i.imgur.com\/gbNnKhs.png',\n 'https:\/\/i.imgur.com\/9sp5SBc.png',\n 'https:\/\/i.imgur.com\/UEQJKrt.png'];\n\n\nvar linksClimatememes = [ 'https:\/\/i.imgur.com\/PyyxiE2h.png ',\n 'https:\/\/i.imgur.com\/Qaij15yh.jpg ',\n 'https:\/\/i.imgur.com\/9qBZVsfh.jpg ',\n 'https:\/\/i.imgur.com\/BHMNtHbh.jpg ',\n 'https:\/\/i.imgur.com\/lWpftgdh.jpg ',\n 'https:\/\/i.imgur.com\/7UoMKfdh.jpg ',\n 'https:\/\/i.imgur.com\/ljK0Pxmh.png ',\n 'https:\/\/i.imgur.com\/jC0tndfh.jpg ',\n 'https:\/\/i.imgur.com\/GEH3qEeh.jpg ',\n 'https:\/\/i.imgur.com\/4iAHEGsh.jpg ',\n 'https:\/\/i.imgur.com\/rEfIJiAh.png ',\n 'https:\/\/i.imgur.com\/FxxbBPgh.jpg ',\n 'https:\/\/i.imgur.com\/MZYveu9h.jpg ',\n 'https:\/\/i.imgur.com\/r4d9cuMh.jpg ',\n 'https:\/\/i.imgur.com\/TtWnYNQh.jpg ',\n 'https:\/\/i.imgur.com\/XWvhFzyh.jpg ',\n 'https:\/\/i.imgur.com\/lTNprgCh.jpg ',\n 'https:\/\/i.imgur.com\/z6vGesEh.jpg ',\n 'https:\/\/i.imgur.com\/JFel7Tch.jpg ',\n 'https:\/\/i.imgur.com\/PswaFlUh.jpg ',\n 'https:\/\/i.imgur.com\/dRpfRJ4h.jpg ',\n 'https:\/\/i.imgur.com\/McW5KTuh.jpg ',\n 'https:\/\/i.imgur.com\/Jy2LqDZh.jpg ',\n 'https:\/\/i.imgur.com\/P4bDHvQh.jpg ',\n 'https:\/\/i.imgur.com\/qHRRRMyh.jpg ',\n 'https:\/\/i.imgur.com\/gIa53RXh.png ',\n 'https:\/\/i.imgur.com\/bWA8mW1h.jpg ',\n 'https:\/\/i.imgur.com\/ZWKScsth.jpg ',\n 'https:\/\/i.imgur.com\/MaWfObgh.jpg ',\n 'https:\/\/i.imgur.com\/FyJglCGh.jpg ',\n 'https:\/\/i.imgur.com\/GuC0B1Uh.jpg ',\n 'https:\/\/i.imgur.com\/7ToxgQah.jpg ',\n 'https:\/\/i.imgur.com\/Vpn0Wslh.jpg ',\n 'https:\/\/i.imgur.com\/JMgByNHh.jpg ',\n 'https:\/\/i.imgur.com\/aHrVja4h.png ',\n 'https:\/\/i.imgur.com\/moAPzg9h.jpg ',\n 'https:\/\/i.imgur.com\/lj31aS9h.jpg ',\n 'https:\/\/i.imgur.com\/tvYMvjAh.jpg ',\n 'https:\/\/i.imgur.com\/2RKCCfGh.png ',\n 'https:\/\/i.imgur.com\/ZwIM1Plh.jpg ',\n 'https:\/\/i.imgur.com\/Ebojz1gh.jpg ',\n 'https:\/\/i.imgur.com\/uq4CIM3h.png ',\n 'https:\/\/i.imgur.com\/kyQ3Teih.jpg ',\n 'https:\/\/i.imgur.com\/H6vxpfEh.png ',\n 'https:\/\/i.imgur.com\/bifhKt0h.jpg ',\n 'https:\/\/i.imgur.com\/42350bEh.jpg ',\n 'https:\/\/i.imgur.com\/9jwG8PUh.png ',\n 'https:\/\/i.imgur.com\/ZBCUV8uh.png ',\n 'https:\/\/i.imgur.com\/6N1ldU6h.jpg ',\n 'https:\/\/i.imgur.com\/pq3NAamh.jpg ',\n 'https:\/\/i.imgur.com\/eOK1u5yh.jpg ',\n 'https:\/\/i.imgur.com\/pUWXHaKh.jpg ',\n 'https:\/\/i.imgur.com\/O23YUVNh.png ',\n 'https:\/\/i.imgur.com\/6HmLOVQh.png ',\n 'https:\/\/i.imgur.com\/YebJamjh.png ',\n 'https:\/\/i.imgur.com\/mfrCdV4h.png ',\n 'https:\/\/i.imgur.com\/3pOQ1Mph.png ',\n 'https:\/\/i.imgur.com\/LmdujUKh.png ',\n 'https:\/\/i.imgur.com\/ARcSLCWh.png ',\n 'https:\/\/i.imgur.com\/ZtRgLC9h.jpg ',\n 'https:\/\/i.imgur.com\/YxGZoaVh.jpg ',\n 'https:\/\/i.imgur.com\/h2tYvXah.jpg ',\n 'https:\/\/i.imgur.com\/WBpgFlah.png ',\n 'https:\/\/i.imgur.com\/oVDPrYzh.png ',\n 'https:\/\/i.imgur.com\/Jk2FS3gh.png ',\n 'https:\/\/i.imgur.com\/1yX6MrVh.jpg ',\n 'https:\/\/i.imgur.com\/ILVScKVh.jpg ',\n 'https:\/\/i.imgur.com\/MeAjx8jh.jpg ',\n 'https:\/\/i.imgur.com\/xl4E56Yh.jpg ',\n 'https:\/\/i.imgur.com\/2Hz0IgQh.png ',\n 'https:\/\/i.imgur.com\/I1PlN5rh.jpg ',\n 'https:\/\/i.imgur.com\/yGFtN21h.png ',\n 'https:\/\/i.imgur.com\/oGhbiGgh.jpg ',\n 'https:\/\/i.imgur.com\/iUOHEibh.jpg ',\n 'https:\/\/i.imgur.com\/X45RvOAh.jpg ',\n 'https:\/\/i.imgur.com\/8DMjVJsh.jpg ',\n 'https:\/\/i.imgur.com\/73Q2YJch.jpg ',\n 'https:\/\/i.imgur.com\/fOsT7Hrh.jpg ',\n 'https:\/\/i.imgur.com\/WdGVHsch.png ',\n 'https:\/\/i.imgur.com\/eqCtXMPh.png ',\n 'https:\/\/i.imgur.com\/x23X9B9h.png ',\n 'https:\/\/i.imgur.com\/EkVUfkxh.png ',\n 'https:\/\/i.imgur.com\/GCsbwG7h.png ',\n 'https:\/\/i.imgur.com\/PMKg9UNh.jpg ',\n 'https:\/\/i.imgur.com\/1gRZiWXh.png ',\n 'https:\/\/i.imgur.com\/sq7Jz1nh.jpg ',\n 'https:\/\/i.imgur.com\/cAmr84ah.jpg ',\n 'https:\/\/i.imgur.com\/7RuXyB0h.jpg ',\n 'https:\/\/i.imgur.com\/6EYcWgah.jpg ',\n 'https:\/\/i.imgur.com\/6jSUIZyh.jpg ',\n 'https:\/\/i.imgur.com\/kcQpLZhh.jpg ',\n 'https:\/\/i.imgur.com\/m03xcE9h.jpg ',\n 'https:\/\/i.imgur.com\/zRAdgyZh.jpg ',\n 'https:\/\/i.imgur.com\/IqbDugGh.jpg ',\n 'https:\/\/i.imgur.com\/DXQ2lOqh.jpg ',\n 'https:\/\/i.imgur.com\/lxrlGJoh.jpg ',\n 'https:\/\/i.imgur.com\/3hXMfSth.jpg ',\n 'https:\/\/i.imgur.com\/EpqBdiRh.jpg ',\n 'https:\/\/i.imgur.com\/ZebsPX7h.jpg ',\n 'https:\/\/i.imgur.com\/PkvNfBJh.gif '\n];\n\nvar linksSustainability = [ 'https:\/\/i.imgur.com\/u5ItRuxh.jpg ',\n 'https:\/\/i.imgur.com\/Sy2HAlOh.jpg ',\n 'https:\/\/i.imgur.com\/okRlVEwh.jpg ',\n 'https:\/\/i.imgur.com\/cqwu0PFh.jpg ',\n 'https:\/\/i.imgur.com\/8MLqLhDh.jpg ',\n 'https:\/\/i.imgur.com\/4VuEzAsh.jpg ',\n 'https:\/\/i.imgur.com\/wnBbGJrh.jpg ',\n 'https:\/\/i.imgur.com\/7kGAMzSh.jpg ',\n 'https:\/\/i.imgur.com\/K7gts3mh.jpg ',\n 'https:\/\/i.imgur.com\/xBVrR2nh.jpg ',\n 'https:\/\/i.imgur.com\/pesVKmMh.jpg ',\n 'https:\/\/i.imgur.com\/V3R0cmvh.jpg ',\n 'https:\/\/i.imgur.com\/8zg2suYh.jpg ',\n 'https:\/\/i.imgur.com\/pX0kCEfh.jpg ',\n 'https:\/\/i.imgur.com\/3GdN8qvh.jpg ',\n 'https:\/\/i.imgur.com\/jGyj8hnh.jpg ',\n 'https:\/\/i.imgur.com\/xXfWBuxh.jpg ',\n 'https:\/\/i.imgur.com\/sPqgaqHh.png ',\n 'https:\/\/i.imgur.com\/KQncyTIh.png ',\n 'https:\/\/i.imgur.com\/AR01WlJh.jpg ',\n 'https:\/\/i.imgur.com\/3MmIiwUh.png ',\n 'https:\/\/i.imgur.com\/slhBBPqh.jpg ',\n 'https:\/\/i.imgur.com\/t6u3oxzh.png ',\n 'https:\/\/i.imgur.com\/3nNdcyRh.jpg ',\n 'https:\/\/i.imgur.com\/rkg4eAjh.jpg ',\n 'https:\/\/i.imgur.com\/cHEVMDBh.png ',\n 'https:\/\/i.imgur.com\/N7eMTs7h.jpg ',\n 'https:\/\/i.imgur.com\/ogxU6RRh.png ',\n 'https:\/\/i.imgur.com\/8ngBECJh.jpg ',\n 'https:\/\/i.imgur.com\/o8Vkagfh.jpg ',\n 'https:\/\/i.imgur.com\/wM7Bmgqh.jpg ',\n 'https:\/\/i.imgur.com\/uyIYSKZh.jpg ',\n 'https:\/\/i.imgur.com\/vdYDEobh.jpg ',\n 'https:\/\/i.imgur.com\/QzpCWBfh.jpg ',\n 'https:\/\/i.imgur.com\/5efCFeuh.jpg ',\n 'https:\/\/i.imgur.com\/3hk2vV5h.jpg ',\n 'https:\/\/i.imgur.com\/Rshe6LZh.jpg ',\n 'https:\/\/i.imgur.com\/ksGZsi2h.jpg ',\n 'https:\/\/i.imgur.com\/8BKlC8dh.jpg ',\n 'https:\/\/i.imgur.com\/Xhlrw2ch.jpg ',\n 'https:\/\/i.imgur.com\/nAQkleoh.png ',\n 'https:\/\/i.imgur.com\/ALrM2ZVh.jpg ',\n 'https:\/\/i.imgur.com\/RDHt4gkh.jpg ',\n 'https:\/\/i.imgur.com\/RvhIH9Zh.jpg ',\n 'https:\/\/i.imgur.com\/6QUMPLvh.jpg ',\n 'https:\/\/i.imgur.com\/jeutft7h.jpg ',\n 'https:\/\/i.imgur.com\/CqHFhl2h.jpg ',\n 'https:\/\/i.imgur.com\/BvHTZYzh.jpg ',\n 'https:\/\/i.imgur.com\/fwHR3yLh.jpg ',\n 'https:\/\/i.imgur.com\/YbxXzldh.jpg ',\n 'https:\/\/i.imgur.com\/o2HLl8ih.jpg ',\n 'https:\/\/i.imgur.com\/nUXGmUPh.png ',\n 'https:\/\/i.imgur.com\/lludSoch.png ',\n 'https:\/\/i.imgur.com\/h71BBcwh.jpg ',\n 'https:\/\/i.imgur.com\/PnNSME0h.png ',\n 'https:\/\/i.imgur.com\/oWiVymeh.jpg ',\n 'https:\/\/i.imgur.com\/EqQAgL8h.png ',\n 'https:\/\/i.imgur.com\/CtWcdqbh.jpg ',\n 'https:\/\/i.imgur.com\/rm9fh7Yh.jpg ',\n 'https:\/\/i.imgur.com\/QxFQijNh.jpg ',\n 'https:\/\/i.imgur.com\/cUbY2IWh.jpg ',\n 'https:\/\/i.imgur.com\/vC7pm9rh.jpg ',\n 'https:\/\/i.imgur.com\/cRflWrYh.jpg ',\n 'https:\/\/i.imgur.com\/GwOoWn9h.jpg ',\n 'https:\/\/i.imgur.com\/gODh17vh.jpg ',\n 'https:\/\/i.imgur.com\/FG9KyUQh.jpg ',\n 'https:\/\/i.imgur.com\/fFH1aOVh.jpg ',\n 'https:\/\/i.imgur.com\/MUmP036h.jpg ',\n 'https:\/\/i.imgur.com\/aOuxAbgh.png ',\n 'https:\/\/i.imgur.com\/ucoyWPwh.jpg ',\n 'https:\/\/i.imgur.com\/b05HpLch.png ',\n 'https:\/\/i.imgur.com\/NBbJ1Lfh.jpg ',\n 'https:\/\/i.imgur.com\/Es3df3oh.jpg ',\n 'https:\/\/i.imgur.com\/K3yI4lyh.jpg ',\n 'https:\/\/i.imgur.com\/XKW28VOh.jpg ',\n 'https:\/\/i.imgur.com\/87LcYAAh.jpg ',\n 'https:\/\/i.imgur.com\/xVCXpPVh.jpg ',\n 'https:\/\/i.imgur.com\/lxbiBpah.jpg ',\n 'https:\/\/i.imgur.com\/V95daFph.jpg ',\n 'https:\/\/i.imgur.com\/d2W3sDyh.jpg ',\n 'https:\/\/i.imgur.com\/9E6y9erh.jpg ',\n 'https:\/\/i.imgur.com\/8Vjyqpvh.jpg ',\n 'https:\/\/i.imgur.com\/XUdcjFsh.jpg ',\n 'https:\/\/i.imgur.com\/ww98APSh.jpg ',\n 'https:\/\/i.imgur.com\/WEKVyKnh.jpg ',\n 'https:\/\/i.imgur.com\/o32AxXNh.jpg ',\n 'https:\/\/i.imgur.com\/3fZnCV7h.jpg ',\n 'https:\/\/i.imgur.com\/6oT4ONvh.jpg ',\n 'https:\/\/i.imgur.com\/MQxKPbth.jpg ',\n 'https:\/\/i.imgur.com\/WjPaXjYh.jpg ',\n 'https:\/\/i.imgur.com\/jUZLwEnh.jpg ',\n 'https:\/\/i.imgur.com\/v8ImRoTh.jpg ',\n 'https:\/\/i.imgur.com\/M4qTDFvh.png ',\n 'https:\/\/i.imgur.com\/4rT4mS6h.jpg ',\n 'https:\/\/i.imgur.com\/J06CZzxh.png ',\n 'https:\/\/i.imgur.com\/9Renalth.jpg ',\n 'https:\/\/i.imgur.com\/5zNyTR9h.png ',\n 'https:\/\/i.imgur.com\/8CsG3avh.jpg '\n ];\n\n\nvar linksZerowaste = ['https:\/\/i.imgur.com\/wzEG0fnh.jpg ',\n 'https:\/\/i.imgur.com\/ldT12DGh.jpg ',\n 'https:\/\/i.imgur.com\/jKVJPgWh.jpg ',\n 'https:\/\/i.imgur.com\/3Ls8Ppjh.jpg ',\n 'https:\/\/i.imgur.com\/KRwnOUVh.jpg ',\n 'https:\/\/i.imgur.com\/L9WpXfCh.jpg ',\n 'https:\/\/i.imgur.com\/I4cW198h.jpg ',\n 'https:\/\/i.imgur.com\/ozwogIqh.jpg ',\n 'https:\/\/i.imgur.com\/ZQaAvPEh.jpg ',\n 'https:\/\/i.imgur.com\/FUcPvh3h.jpg ',\n 'https:\/\/i.imgur.com\/M1lrTPrh.jpg ',\n 'https:\/\/i.imgur.com\/Ec63ChZh.jpg ',\n 'https:\/\/i.imgur.com\/mCsfBtWh.jpg ',\n 'https:\/\/i.imgur.com\/UWNLxwKh.png ',\n 'https:\/\/i.imgur.com\/YUcTkPWh.jpg ',\n 'https:\/\/i.imgur.com\/LKdnpDhh.jpg ',\n 'https:\/\/i.imgur.com\/rdXJr2yh.jpg ',\n 'https:\/\/i.imgur.com\/4OcqGH7h.png ',\n 'https:\/\/i.imgur.com\/6tZtgf9h.jpg ',\n 'https:\/\/i.imgur.com\/ChQKo8rh.jpg ',\n 'https:\/\/i.imgur.com\/QOUjZRQh.jpg ',\n 'https:\/\/i.imgur.com\/aAAYH9gh.jpg ',\n 'https:\/\/i.imgur.com\/AIR4eIQh.jpg ',\n 'https:\/\/i.imgur.com\/YvpyquRh.jpg ',\n 'https:\/\/i.imgur.com\/BGTcKyMh.jpg ',\n 'https:\/\/i.imgur.com\/m1IrcLNh.jpg ',\n 'https:\/\/i.imgur.com\/EP9D08Lh.jpg ',\n 'https:\/\/i.imgur.com\/HlHRbVWh.jpg ',\n 'https:\/\/i.imgur.com\/c3B2sDAh.jpg ',\n 'https:\/\/i.imgur.com\/C4EqrvNh.jpg ',\n 'https:\/\/i.imgur.com\/S1uaKeOh.jpg ',\n 'https:\/\/i.imgur.com\/YAr0Oy4h.jpg ',\n 'https:\/\/i.imgur.com\/xNwGEMzh.jpg ',\n 'https:\/\/i.imgur.com\/Sv9auv7h.jpg ',\n 'https:\/\/i.imgur.com\/xqT7WL2h.jpg ',\n 'https:\/\/i.imgur.com\/DWksaYWh.jpg ',\n 'https:\/\/i.imgur.com\/7TVEfgQh.jpg ',\n 'https:\/\/i.imgur.com\/K8UlQjAh.jpg ',\n 'https:\/\/i.imgur.com\/V9zPYbbh.gif ',\n 'https:\/\/i.imgur.com\/XdfZXr9h.jpg ',\n 'https:\/\/i.imgur.com\/yb0SpJEh.jpg ',\n 'https:\/\/i.imgur.com\/PdUH01vh.jpg ',\n 'https:\/\/i.imgur.com\/YXJJ9M0h.jpg ',\n 'https:\/\/i.imgur.com\/dPCuze5h.jpg ',\n 'https:\/\/i.imgur.com\/QjlyHAbh.jpg ',\n 'https:\/\/i.imgur.com\/ViBoITAh.jpg ',\n 'https:\/\/i.imgur.com\/SyiRo3Mh.jpg ',\n 'https:\/\/i.imgur.com\/Jk5pAUBh.jpg ',\n 'https:\/\/i.imgur.com\/nzhPcXOh.jpg ',\n 'https:\/\/i.imgur.com\/pfGXEpYh.jpg ',\n 'https:\/\/i.imgur.com\/5lkeRYOh.jpg ',\n 'https:\/\/i.imgur.com\/HhaBZzSh.jpg ',\n 'https:\/\/i.imgur.com\/ZKwxy29h.png ',\n 'https:\/\/i.imgur.com\/KwnwNkFh.jpg ',\n 'https:\/\/i.imgur.com\/zRzluPuh.jpg ',\n 'https:\/\/i.imgur.com\/FepuX0Gh.jpg ',\n 'https:\/\/i.imgur.com\/Qn33yrWh.jpg ',\n 'https:\/\/i.imgur.com\/pvHiqg7h.jpg ',\n 'https:\/\/i.imgur.com\/gpgC3uSh.jpg ',\n 'https:\/\/i.imgur.com\/cMTYM0Xh.jpg ',\n 'https:\/\/i.imgur.com\/z2GYs36h.jpg ',\n 'https:\/\/i.imgur.com\/VV7NFwQh.jpg ',\n 'https:\/\/i.imgur.com\/6tiazS2h.jpg ',\n 'https:\/\/i.imgur.com\/MKky5LOh.jpg ',\n 'https:\/\/i.imgur.com\/JCDTymih.jpg ',\n 'https:\/\/i.imgur.com\/8L9kFr9h.jpg ',\n 'https:\/\/i.imgur.com\/VOacrgqh.png ',\n 'https:\/\/i.imgur.com\/8jgKQksh.jpg ',\n 'https:\/\/i.imgur.com\/1yOlrJGh.jpg ',\n 'https:\/\/i.imgur.com\/hACJ15Th.jpg ',\n 'https:\/\/i.imgur.com\/Vh9ZLw7h.jpg ',\n 'https:\/\/i.imgur.com\/haReVl4h.jpg ',\n 'https:\/\/i.imgur.com\/DyjRnuxh.jpg ',\n 'https:\/\/i.imgur.com\/oFS6ufAh.jpg ',\n 'https:\/\/i.imgur.com\/WbtmoYHh.jpg ',\n 'https:\/\/i.imgur.com\/AIoMYv0h.jpg ',\n 'https:\/\/i.imgur.com\/hN3uJCEh.jpg ',\n 'https:\/\/i.imgur.com\/PgvY3yEh.jpg ',\n 'https:\/\/i.imgur.com\/DJi8S41h.jpg ',\n 'https:\/\/i.imgur.com\/9bepsP5h.jpg ',\n 'https:\/\/i.imgur.com\/f8Tneuyh.jpg ',\n 'https:\/\/i.imgur.com\/kaBCMQ7h.jpg ',\n 'https:\/\/i.imgur.com\/REVapE7h.jpg ',\n 'https:\/\/i.imgur.com\/1YrDImeh.jpg ',\n 'https:\/\/i.imgur.com\/UZILEiRh.jpg ',\n 'https:\/\/i.imgur.com\/ObagwtPh.jpg ',\n 'https:\/\/i.imgur.com\/nVnhimuh.jpg ',\n 'https:\/\/i.imgur.com\/z3QPxUgh.jpg ',\n 'https:\/\/i.imgur.com\/94vgjhCh.jpg ',\n 'https:\/\/i.imgur.com\/tmOk03Nh.jpg ',\n 'https:\/\/i.imgur.com\/CMCwrywh.jpg ',\n 'https:\/\/i.imgur.com\/eC1tUT2h.jpg ',\n 'https:\/\/i.imgur.com\/FIyhlI5h.jpg ',\n 'https:\/\/i.imgur.com\/O1JdCMTh.jpg ',\n 'https:\/\/i.imgur.com\/jGbCzceh.jpg ',\n 'https:\/\/i.imgur.com\/wyCjwSuh.jpg ',\n 'https:\/\/i.imgur.com\/R1sXYi9h.png ',\n 'https:\/\/i.imgur.com\/HHJH4DAh.jpg ',\n 'https:\/\/i.imgur.com\/vPSDKudh.jpg ',\n];\n\nvar linksSignage = ['https:\/\/i.imgur.com\/hAQYGunh.png ',\n 'https:\/\/i.imgur.com\/k6ILqJ4h.png ',\n 'https:\/\/i.imgur.com\/bRB7k12h.png ',\n 'https:\/\/i.imgur.com\/MG71pFGh.png ',\n 'https:\/\/i.imgur.com\/nSWgLP4h.png ',\n 'https:\/\/i.imgur.com\/nSWgLP4h.png ',\n\n];\n\nvar size = 1800;\nvar sz2 = size \/ 2;\n\nvar frameCount = 0;\nvar displayCount = 51;\n\nvar cam;\nvar yOffset = -600;\n\nvar voice;\n\nvar memesAntofu = [];\nvar randIndexAntofu = [];\nvar antofuLocation = [4 * size, yOffset, 0];\n\nvar memesClimatememes = [];\nvar randIndexClimatememes = [];\nvar climatememesLocatoin = [2 * size, yOffset, 0];\n\nvar memesSustainability = [];\nvar randIndexSustainability = [];\nvar sustainabilityLoacation = [0, yOffset, 0];\n\nvar memesZerowaste = [];\nvar randIndexZerowaste = [];\nvar zerowasteLocation = [-2 * size, yOffset, 0];\n\nvar imagesSignage = [];\n\nvar texCount = 0;\n\n\nvar testArray = [];\n\n\n\n\nfunction preload () {\n\n \/\/load images for each space\n for (i = 0; i < linksAntofu.length; i++) {\n var newMeme = loadImage(linksAntofu[i]);\n memesAntofu.push(newMeme);\n }\n for (i = 0; i < linksClimatememes.length; i++) {\n var newMeme = loadImage(linksClimatememes[i]);\n memesClimatememes.push(newMeme);\n }\n for (i = 0; i < linksSustainability.length; i++) {\n var newMeme = loadImage(linksSustainability[i]);\n memesSustainability.push(newMeme);\n }\n for (i = 0; i < linksZerowaste.length; i++) {\n var newMeme = loadImage(linksZerowaste[i]);\n memesZerowaste.push(newMeme);\n }\n for (i = 0; i < linksSignage.length; i++) {\n var newSign = loadImage(linksSignage[i]);\n imagesSignage.push(newSign);\n }\n \n\n}\n\n\nfunction setup() {\n createCanvas(1000, 700, WEBGL);\n cam = createCamera();\n\n \/\/creates arrays of raondom index values for each space\n for (i = 0; i < displayCount; i++) {\n var newIndex1 = round(random(0, memesSustainability.length)); \n randIndexSustainability.push(newIndex1);\n\n var newIndex2 = round(random(0, memesClimatememes.length)); \n randIndexClimatememes.push(newIndex2);\n\n var newIndex3 = round(random(0, memesAntofu.length));\n randIndexAntofu.push(newIndex3);\n\n var newIndex4 = round(random(0, memesZerowaste.length));\n randIndexZerowaste.push(newIndex4);\n }\n \n\n \n}\n\nfunction boxGrid(w, d, tex, randIndex) {\n \/\/divides left and right walls into grid of boxes w\/ opening for door\n var indexCount = 0;\n push();\n for (var ix = 0; ix < 2; ix ++){\n push();\n for (var iy = 0; iy < 9; iy ++){\n translate(0, 0, size \/ 4.5);\n if (indexCount == 13) {\n noFill();\n }\n else {\n texture(tex[randIndex[texCount]]);\n box(w, size \/2, d);\n }\n texCount ++\n indexCount ++\n }\n pop();\n translate(0, size \/ 2, 0);\n }\n pop();\n\n}\n\n\nfunction subSpace (tex, randIndex, x, y, z) {\n \/\/creates the geometry for each space\n push();\n translate(x, y, z);\n texCount = 0;\n\n noStroke();\n\n \/\/floor\n texture(tex[randIndex[texCount]]);\n push();\n translate(0, sz2, sz2);\n box(size, 20, 2 * size);\n texCount ++\n pop();\n\n \/\/back wall\n texture(tex[randIndex[texCount]]);\n push();\n translate(0, 0, 3 * sz2);\n box(-size, size, -20);\n texCount++\n texture(tex[randIndex[texCount]]);\n translate(0, -size, 0);\n box(size, size, 20);\n texCount++\n pop();\n\n \/\/front wall\n texture(tex[randIndex[texCount]]);\n push();\n translate(0, 0, -sz2);\n box(size, size, 20);\n texCount++\n texture(tex[randIndex[texCount]]);\n translate(0, -size, 0);\n box(size, size, 20);\n texCount++\n pop();\n\n \/\/right wall\n push();\n translate(sz2, -sz2 + (size \/ 4), -sz2 - (size \/ 9));\n boxGrid(20, size \/ 4.5, tex, randIndex);\n texCount++\n pop();\n\n \/\/left wall\n push();\n translate(-sz2, -sz2 + (size \/ 4), -sz2 - (size \/ 9));\n boxGrid(-20, -size \/ 4.5, tex, randIndex);\n pop();\n\n \/\/roof\n push();\n translate(-sz2 + size \/ 10, -sz2 - size\/10, sz2);\n for (i = 0; i < 7; i++) {\n box(size\/5, size\/5, 2 * size);\n texture(tex[randIndex[texCount]]);\n if (i <= 1) {\n translate(size\/5, -size\/5, 0); \n }\n else {\n translate(size\/5, size\/5, 0); \n }\n texCount++\n }\n pop();\n\n\n\n pop();\n\n}\n\nfunction hallSpace(sign, x, y, z) {\n \/\/creates geometry for the halls and associated signage\n var wHall = size \/ 4.5;\n var lHall = size;\n var hHall = size \/ 3;\n var wHall2 = wHall \/ 2;\n var lHall2 = lHall \/ 2;\n var hHall2 = hHall \/ 2;\n\n push();\n translate(x, y + hHall, z);\n fill(255);\n noStroke();\n\n \/\/ceiling\n push();\n translate(0, -hHall2 - 9, 0);\n box(lHall + 16, 20, wHall);\n pop();\n \n \/\/floor\n push();\n translate(0, hHall2 + 9, 0);\n box(lHall + 16, -20, wHall);\n pop();\n\n \/\/front wall\n push();\n translate(0, 0, -wHall2 - 9);\n box(lHall + 16, hHall, -20);\n pop();\n\n \/\/back wall\n push();\n translate(0, 0, wHall2 + 9);\n box(lHall + 16, hHall, 20);\n pop();\n\n \/\/signage 1\n push();\n translate(lHall2 + 10, - hHall2 - size \/ 12, 0);\n -texture(imagesSignage[sign]);\n box(-10, size \/ 6, -size \/ 4.5);\n\n pop();\n\n \/\/signage 2\n push();\n translate(-lHall2 - 10, -hHall2 - size \/ 12, 0);\n texture(imagesSignage[sign + 1]);\n box(10, size \/ 6, size \/ 4.5);\n pop();\n\n pop();\n\n}\n\n\nfunction moveFunction () {\n \/\/allows camera to be moved with keyboard\n\n boundaryFunction();\n var dx = 8;\n var dz = 8;\n\n var px = 0.02;\n var py = 0.02;\n\n \/\/move left\n if (keyIsDown(65)) {\n cam.move(-dx, 0, 0);\n }\n \/\/move right\n if (keyIsDown(68)) {\n cam.move(dx, 0, 0);\n }\n \/\/move back\n if (keyIsDown(83)) {\n cam.move(0, 0, dz);\n }\n \/\/move forward\n if (keyIsDown(87)) {\n cam.move(0, 0, -dz);\n }\n \n \/\/camera rotate left\n if (keyIsDown(LEFT_ARROW)) {\n cam.pan(px);\n }\n \/\/camera rotate right\n if (keyIsDown(RIGHT_ARROW)) {\n cam.pan(-px);\n }\n \/\/camera rotate down\n if (keyIsDown(DOWN_ARROW)) {\n cam.tilt(py);\n }\n \/\/camera rotate up\n if (keyIsDown(UP_ARROW)) {\n cam.tilt(-py);\n }\n \/\/maintains camera at the same height allways\n cam.eyeY = 0;\n}\n\nfunction boundaryFunction() {\n \/\/stops user form passing through walls\n if (cam.eyeX > -5 * sz2 & cam.eyeX < -3 * sz2) {\n if (cam.eyeZ < - 0.8 * sz2) {\n cam.eyeZ = - 0.8 * sz2\n }\n if (cam.eyeZ > 2.8 * sz2) {\n cam.eyeZ = 2.8 * sz2;\n }\n if (cam.eyeZ < (sz2 - size \/ 9) || cam.eyeZ > (sz2 + size \/ 9)) {\n if (cam.eyeX < -4.8 * sz2) {\n cam.eyeX = -4.8 * sz2;\n\n }\n if (cam.eyeX > -3.2 * sz2) {\n cam.eyeX = -3.2 * sz2;\n }\n }\n }\n else if (cam.eyeX > -sz2 & cam.eyeX < sz2) {\n if (cam.eyeZ < - 0.8 * sz2) {\n cam.eyeZ = - 0.8 * sz2\n }\n if (cam.eyeZ > 2.8 * sz2) {\n cam.eyeZ = 2.8 * sz2;\n }\n if (cam.eyeZ < (sz2 - size \/ 9) || cam.eyeZ > (sz2 + size \/ 9)) {\n if (cam.eyeX < -0.8 * sz2) {\n cam.eyeX = -0.8 * sz2;\n\n }\n if (cam.eyeX > 0.8 * sz2) {\n cam.eyeX = 0.8 * sz2;\n }\n }\n \n }\n else if (cam.eyeX > 3 * sz2 & cam.eyeX < 5 *sz2) {\n if (cam.eyeZ < - 0.8 * sz2) {\n cam.eyeZ = - 0.8 * sz2\n }\n if (cam.eyeZ > 2.8 * sz2) {\n cam.eyeZ = 2.8 * sz2;\n }\n if (cam.eyeZ < (sz2 - size \/ 9) || cam.eyeZ > (sz2 + size \/ 9)) {\n if (cam.eyeX < 3.2 * sz2) {\n cam.eyeX = 3.2 * sz2;\n\n }\n if (cam.eyeX > 4.8 * sz2) {\n cam.eyeX = 4.8 * sz2;\n }\n }\n\n }\n else if (cam.eyeX > 7 * sz2 & cam.eyeX < 9 *sz2) {\n if (cam.eyeZ < - 0.8 * sz2) {\n cam.eyeZ = - 0.8 * sz2\n }\n if (cam.eyeZ > 2.8 * sz2) {\n cam.eyeZ = 2.8 * sz2;\n }\n if (cam.eyeZ < (sz2 - size \/ 9) || cam.eyeZ > (sz2 + size \/ 9)) {\n if (cam.eyeX < 7.2 * sz2) {\n cam.eyeX = 7.2 * sz2;\n\n }\n if (cam.eyeX > 8.8 * sz2) {\n cam.eyeX = 8.8 * sz2;\n }\n }\n\n }\n else {\n if (cam.eyeZ < (sz2 + 60 - size \/ 9)) {\n cam.eyeZ = (sz2 + 60 - size \/ 9)\n }\n if (cam.eyeZ > (sz2 - 60 + size \/ 9)){\n cam.eyeZ = (sz2 - 60 + size \/ 9);\n }\n if (cam.eyeX < - 6.5 * sz2) {\n cam.eyeX = - 6.5 * sz2;\n }\n if (cam.eyeX > 10.5 * sz2) {\n cam.eyeX = 10.5 * sz2;\n }\n\n }\n\n\n}\n\nfunction frameCounter() {\n \/\/generates new random array of indexes to display new imagery every 450 frames\n frameCount++\n\n if (frameCount % 450 == 0) {\n for (i = 0; i < displayCount; i++) {\n var newIndex1 = round(random(0, memesSustainability.length)); \n randIndexSustainability.shift();\n randIndexSustainability.push(newIndex1);\n\n var newIndex2 = round(random(0, memesClimatememes.length)); \n randIndexClimatememes.shift();\n randIndexClimatememes.push(newIndex2);\n\n var newIndex3 = round(random(0, memesAntofu.length)); \n randIndexAntofu.shift();\n randIndexAntofu.push(newIndex3);\n\n var newIndex4 = round(random(0, memesZerowaste.length)); \n randIndexZerowaste.shift();\n randIndexZerowaste.push(newIndex4);\n\n }\n }\n}\n\nfunction draw() {\n background(190, 220, 255);\n \/\/draw spaces\n hallSpace(4, -3 * size, yOffset, size \/ 2);\n subSpace(memesZerowaste, randIndexZerowaste, zerowasteLocation[0], zerowasteLocation[1], zerowasteLocation[2]);\n hallSpace(0, -size, yOffset, size \/ 2);\n subSpace(memesSustainability, randIndexSustainability, sustainabilityLoacation[0], sustainabilityLoacation[1], sustainabilityLoacation[2]);\n hallSpace(1, size, yOffset, size \/ 2);\n subSpace(memesClimatememes, randIndexClimatememes, climatememesLocatoin[0], climatememesLocatoin[1], climatememesLocatoin[2]);\n hallSpace(2, 3 * size, yOffset, size \/ 2);\n subSpace(memesAntofu, randIndexAntofu, antofuLocation[0], antofuLocation[1], antofuLocation[2]);\n hallSpace(4, 5 * size, yOffset, size \/ 2);\n\n \/\/allows movement\n moveFunction();\n \/\/generates new random index arrays\n frameCounter(); \n}<\/code><\/pre><\/p>\n\n\n\nWith my project I attempted to create a spatial-visual representation of different online discourses and imagery surrounding climate change. I used four sets of images scraped from four different subreddits relating to climate change r\/ZeroWaste r\/Sustainability, r\/ClimateMemes, and r\/Antofu. These subreddits all have different ideological tendencies that inform people’s discussions of climate change. If I had more time for this project I would have liked to incorporate some of the individual character of the subreddits into the geometry of the spaces and I would have liked to add some minimal contextualizing text that displays as an overlay when moving from one subredddit space to another in order to add some of my own opinions to frame the experience of each space.<\/p>\n\n\n\nTo move through the space use WASD To rotate the camera use the Arowkeys<\/p><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"sketch \/\/Tim Nelson-Pyne \/\/tnelsonp \/\/Section C var linksAntofu = [‘https:\/\/i.imgur.com\/Px1nV2B.jpg’, ‘https:\/\/i.imgur.com\/0Xd0GrB.png’, ‘https:\/\/i.imgur.com\/tAZFqHS.png’, ‘https:\/\/i.imgur.com\/mQenYYL.png’, ‘https:\/\/i.imgur.com\/49UZ1CQ.png’, ‘https:\/\/i.imgur.com\/zCeIB47.png’, ‘https:\/\/i.imgur.com\/bW5fsDf.png’, ‘https:\/\/i.imgur.com\/QqtjU1X.png’, ‘https:\/\/i.imgur.com\/PexfMHV.png’, ‘https:\/\/i.imgur.com\/KKu6Az2.png’, ‘https:\/\/i.imgur.com\/w55Ylwi.png’, ‘https:\/\/i.imgur.com\/86yrIIy.png’, ‘https:\/\/i.imgur.com\/xv63US1.png’, ‘https:\/\/i.imgur.com\/LfTmJHW.png’, ‘https:\/\/i.imgur.com\/qL8OCUJ.png’, ‘https:\/\/i.imgur.com\/RZlY9w8.png’, ‘https:\/\/i.imgur.com\/XTz4fVe.png’, ‘https:\/\/i.imgur.com\/8FZDSTa.png’, ‘https:\/\/i.imgur.com\/qBusraJ.png’, ‘https:\/\/i.imgur.com\/BpzmTcT.png’, ‘https:\/\/i.imgur.com\/YpxCZ1L.png’, ‘https:\/\/i.imgur.com\/8DXeLem.png’, ‘https:\/\/i.imgur.com\/a9pINWL.png’, ‘https:\/\/i.imgur.com\/jUFq33O.png’, ‘https:\/\/i.imgur.com\/xjQqAO1.png’, ‘https:\/\/i.imgur.com\/WXqNRVx.png’, ‘https:\/\/i.imgur.com\/gbkrwCj.png’, ‘https:\/\/i.imgur.com\/6gz20Vz.png’, ‘https:\/\/i.imgur.com\/UisuyPK.png’, ‘https:\/\/i.imgur.com\/tLvo8ln.png’, ‘https:\/\/i.imgur.com\/t2uQLf3.png’, ‘https:\/\/i.imgur.com\/mcsxD55.png’, ‘https:\/\/i.imgur.com\/rXMGQXS.png’, ‘https:\/\/i.imgur.com\/gbNnKhs.png’, ‘https:\/\/i.imgur.com\/9sp5SBc.png’, ‘https:\/\/i.imgur.com\/UEQJKrt.png’]; var linksClimatememes = [ ‘https:\/\/i.imgur.com\/PyyxiE2h.png ‘, ‘https:\/\/i.imgur.com\/Qaij15yh.jpg ‘, ‘https:\/\/i.imgur.com\/9qBZVsfh.jpg ‘, … <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/12\/04\/final-project-reddit-spaces-of-climate-crisis\/\" class=\"more-link\">Continue reading “Final Project: Reddit – Spaces of Climate Crisis”<\/span><\/a><\/p>\n","protected":false},"author":662,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[116,57],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/69430"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/users\/662"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=69430"}],"version-history":[{"count":1,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/69430\/revisions"}],"predecessor-version":[{"id":69432,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/69430\/revisions\/69432"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=69430"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=69430"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=69430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}