{"id":9636,"date":"2025-01-27T00:49:50","date_gmt":"2025-01-27T00:49:50","guid":{"rendered":"https:\/\/www.alannarisse.com\/blog\/?p=9636"},"modified":"2025-01-27T00:49:50","modified_gmt":"2025-01-27T00:49:50","slug":"javascript-games","status":"publish","type":"post","link":"https:\/\/www.alannarisse.com\/blog\/javascript-games\/","title":{"rendered":"Javascript Games"},"content":{"rendered":"\n<p>I spent some time playing with making games using vanilla Javascript. I honestly wind up using jquery a bunch when doing simple javascript projects because I find it&#8217;s easier to teach designers JQuery than it is vanilla Javascript. I hate when I get out of practice so it was fun to just spend time goofing off. I used a tutorial to start, and then tried to take it farther, time willing. I made Breakout, Ro-sham-bo, a memory game, and whack-a-mole. I started another but got caught up in my fall classes. Hoping to get back into it soon! <a href=\"https:\/\/alannarisse.github.io\/js-games\/\">Give them a try!<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/alannarisse.github.io\/js-games\/\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"674\" src=\"https:\/\/www.alannarisse.com\/blog\/wp-content\/uploads\/2025\/01\/js-games-1024x674.png\" alt=\"\" class=\"wp-image-9637\" srcset=\"https:\/\/www.alannarisse.com\/blog\/wp-content\/uploads\/2025\/01\/js-games-1024x674.png 1024w, https:\/\/www.alannarisse.com\/blog\/wp-content\/uploads\/2025\/01\/js-games-300x197.png 300w, https:\/\/www.alannarisse.com\/blog\/wp-content\/uploads\/2025\/01\/js-games-768x506.png 768w, https:\/\/www.alannarisse.com\/blog\/wp-content\/uploads\/2025\/01\/js-games.png 1422w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Some games from the a couple years ago:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Magic Eight Ball.<\/h2>\n\n\n\n<p>I made some example code to help a student with their project and it was so fun I wound up <a href=\"https:\/\/alannarisse.github.io\/magic-eight-ball\/\">finishing it<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/alannarisse.github.io\/magic-eight-ball\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"910\" src=\"https:\/\/www.alannarisse.com\/blog\/wp-content\/uploads\/2025\/01\/magic-eight-ball-1024x910.png\" alt=\"\" class=\"wp-image-9638\" srcset=\"https:\/\/www.alannarisse.com\/blog\/wp-content\/uploads\/2025\/01\/magic-eight-ball-1024x910.png 1024w, https:\/\/www.alannarisse.com\/blog\/wp-content\/uploads\/2025\/01\/magic-eight-ball-300x267.png 300w, https:\/\/www.alannarisse.com\/blog\/wp-content\/uploads\/2025\/01\/magic-eight-ball-768x682.png 768w, https:\/\/www.alannarisse.com\/blog\/wp-content\/uploads\/2025\/01\/magic-eight-ball-1536x1365.png 1536w, https:\/\/www.alannarisse.com\/blog\/wp-content\/uploads\/2025\/01\/magic-eight-ball.png 1868w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Here&#8217;s a weird avatar I made of myself for voice overs<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/alannarisse.github.io\/animated-avatar\/\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"844\" src=\"https:\/\/www.alannarisse.com\/blog\/wp-content\/uploads\/2025\/01\/avatar-me.png\" alt=\"\" class=\"wp-image-9639\" style=\"width:420px;height:auto\" srcset=\"https:\/\/www.alannarisse.com\/blog\/wp-content\/uploads\/2025\/01\/avatar-me.png 768w, https:\/\/www.alannarisse.com\/blog\/wp-content\/uploads\/2025\/01\/avatar-me-273x300.png 273w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/a><\/figure>\n\n\n\n<p>And here&#8217;s a <a href=\"https:\/\/alannarisse.github.io\/p5-color-drawing-app\/\">p5 drawing app<\/a> I used as a demo in class.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/alannarisse.github.io\/p5-color-drawing-app\/#\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"807\" src=\"https:\/\/www.alannarisse.com\/blog\/wp-content\/uploads\/2025\/01\/p5-drawing-app-1024x807.png\" alt=\"\" class=\"wp-image-9640\" srcset=\"https:\/\/www.alannarisse.com\/blog\/wp-content\/uploads\/2025\/01\/p5-drawing-app-1024x807.png 1024w, https:\/\/www.alannarisse.com\/blog\/wp-content\/uploads\/2025\/01\/p5-drawing-app-300x237.png 300w, https:\/\/www.alannarisse.com\/blog\/wp-content\/uploads\/2025\/01\/p5-drawing-app-768x606.png 768w, https:\/\/www.alannarisse.com\/blog\/wp-content\/uploads\/2025\/01\/p5-drawing-app-1536x1211.png 1536w, https:\/\/www.alannarisse.com\/blog\/wp-content\/uploads\/2025\/01\/p5-drawing-app.png 1608w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>A weird <a href=\"https:\/\/alannarisse.github.io\/cats-in-space\/\">&#8220;cats in space&#8221; animation<\/a> to demonstrate css animations.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/alannarisse.github.io\/cats-in-space\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"574\" src=\"https:\/\/www.alannarisse.com\/blog\/wp-content\/uploads\/2025\/01\/catsinspace-1024x574.png\" alt=\"\" class=\"wp-image-9641\" srcset=\"https:\/\/www.alannarisse.com\/blog\/wp-content\/uploads\/2025\/01\/catsinspace-1024x574.png 1024w, https:\/\/www.alannarisse.com\/blog\/wp-content\/uploads\/2025\/01\/catsinspace-300x168.png 300w, https:\/\/www.alannarisse.com\/blog\/wp-content\/uploads\/2025\/01\/catsinspace-768x431.png 768w, https:\/\/www.alannarisse.com\/blog\/wp-content\/uploads\/2025\/01\/catsinspace-1536x862.png 1536w, https:\/\/www.alannarisse.com\/blog\/wp-content\/uploads\/2025\/01\/catsinspace-2048x1149.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>And that&#8217;s all the weirdness I have time to look for today!<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I spent some time playing with making games using vanilla Javascript. I honestly wind up using jquery a bunch when doing simple javascript projects because I find it&#8217;s easier to teach designers JQuery than it is vanilla Javascript. I hate when I get out of practice so it was fun to just spend time goofing [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":9637,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-9636","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general"],"_links":{"self":[{"href":"https:\/\/www.alannarisse.com\/blog\/wp-json\/wp\/v2\/posts\/9636","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.alannarisse.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.alannarisse.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.alannarisse.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.alannarisse.com\/blog\/wp-json\/wp\/v2\/comments?post=9636"}],"version-history":[{"count":1,"href":"https:\/\/www.alannarisse.com\/blog\/wp-json\/wp\/v2\/posts\/9636\/revisions"}],"predecessor-version":[{"id":9642,"href":"https:\/\/www.alannarisse.com\/blog\/wp-json\/wp\/v2\/posts\/9636\/revisions\/9642"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.alannarisse.com\/blog\/wp-json\/wp\/v2\/media\/9637"}],"wp:attachment":[{"href":"https:\/\/www.alannarisse.com\/blog\/wp-json\/wp\/v2\/media?parent=9636"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.alannarisse.com\/blog\/wp-json\/wp\/v2\/categories?post=9636"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.alannarisse.com\/blog\/wp-json\/wp\/v2\/tags?post=9636"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}