{"id":1568,"date":"2012-09-27T13:57:32","date_gmt":"2012-09-27T03:57:32","guid":{"rendered":"http:\/\/www.fazzarimultimedia.com\/blog\/?p=1568"},"modified":"2012-09-27T13:57:32","modified_gmt":"2012-09-27T03:57:32","slug":"bananabread-browser-game","status":"publish","type":"post","link":"https:\/\/www.fazzarimultimedia.com\/blog\/bananabread-browser-game\/","title":{"rendered":"BananaBread &#8211; Browser Game"},"content":{"rendered":"<p>BananaBread is a 3D first person shooter that runs on the web. It takes the Cube 2: Sauerbraten engine, which is written in C++ and OpenGL, and compiles it using Emscripten into JavaScript and WebGL so that it can run in modern browsers using standards-based web APIs and without the need for plugins.<\/p>\n<p><a href=\"https:\/\/www.fazzarimultimedia.com\/blog\/wp-content\/uploads\/2012\/09\/BannanBread.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.fazzarimultimedia.com\/blog\/wp-content\/uploads\/2012\/09\/BannanBread.png\" alt=\"\" title=\"BannanBread\" width=\"600\" height=\"307\" class=\"aligncenter size-full wp-image-1569\" srcset=\"https:\/\/www.fazzarimultimedia.com\/blog\/wp-content\/uploads\/2012\/09\/BannanBread.png 600w, https:\/\/www.fazzarimultimedia.com\/blog\/wp-content\/uploads\/2012\/09\/BannanBread-300x153.png 300w, https:\/\/www.fazzarimultimedia.com\/blog\/wp-content\/uploads\/2012\/09\/BannanBread-500x255.png 500w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p><em>&#8220;The project has several goals. First, to serve as a testcase for running a demanding 3D game in browsers: Having a working testcase lets us try out new browser features and to profile performance in order to make browsers faster. Another goal is to prove that games of this nature can run in JavaScript and WebGL, which many people are skeptical about. Finally, all the code in this project is open (and practically all the art assets), so others can learn from this effort and use this code to create their own browser games.&#8221;<\/em><\/p>\n<p><iframe loading=\"lazy\" width=\"600\" height=\"338\" src=\"https:\/\/www.youtube.com\/embed\/mIYmxPdtsl4\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<p><a href=\"https:\/\/developer.mozilla.org\/media\/uploads\/demos\/a\/z\/azakai\/3baf4ad7e600cbda06ec46efec5ec3b8\/bananabread_1347483738_demo_package\/index.html\" target=\"_blank\">&#8211; Play It Now<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>BananaBread is a 3D first person shooter that runs on the web. It takes the Cube 2: Sauerbraten engine, which is written in C++ and OpenGL, and compiles it using Emscripten into JavaScript and WebGL so that it can run in modern browsers using standards-based web APIs and without the need for plugins. &#8220;The project has several goals. First, to serve as a testcase for running a demanding 3D game in browsers: Having a working testcase lets us try out new browser features and to profile performance in order to make browsers faster. Another goal is to prove that games of this nature can run in JavaScript and WebGL, which many people are skeptical about. Finally, all the code in this project is open (and practically all the art assets), so others can learn from this effort and use this code to create their own browser games.&#8221; &#8211; Play It Now<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[542,541,544,545,543],"class_list":["post-1568","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-3d-first-person-shooter","tag-bananabread","tag-browser-games","tag-c-and-opengl","tag-online-game"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>BananaBread - Browser Game - Blog - The Web Comes To Life<\/title>\n<meta name=\"description\" content=\"Fazzari Multimedia is an independent multimedia business based in Melbourne. Check out our blog for rad things to see, hear and do.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.fazzarimultimedia.com\/blog\/bananabread-browser-game\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"BananaBread - Browser Game - Blog - The Web Comes To Life\" \/>\n<meta property=\"og:description\" content=\"Fazzari Multimedia is an independent multimedia business based in Melbourne. Check out our blog for rad things to see, hear and do.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fazzarimultimedia.com\/blog\/bananabread-browser-game\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - The Web Comes To Life\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/fazzarimultimedia\" \/>\n<meta property=\"article:published_time\" content=\"2012-09-27T03:57:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fazzarimultimedia.com\/blog\/wp-content\/uploads\/2012\/09\/BannanBread.png\" \/>\n<meta name=\"author\" content=\"Fazzari Multimedia\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fazzari Multimedia\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/bananabread-browser-game\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/bananabread-browser-game\\\/\"},\"author\":{\"name\":\"Fazzari Multimedia\",\"@id\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/#\\\/schema\\\/person\\\/17d49ad0a29b3ffce4eee615f31d8fc3\"},\"headline\":\"BananaBread &#8211; Browser Game\",\"datePublished\":\"2012-09-27T03:57:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/bananabread-browser-game\\\/\"},\"wordCount\":154,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/bananabread-browser-game\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/wp-content\\\/uploads\\\/2012\\\/09\\\/BannanBread.png\",\"keywords\":[\"3D first person shooter\",\"BananaBread\",\"browser games\",\"C++ and OpenGL\",\"Online Game\"],\"articleSection\":[\"Uncategorized\"],\"inLanguage\":\"en-AU\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/bananabread-browser-game\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/bananabread-browser-game\\\/\",\"url\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/bananabread-browser-game\\\/\",\"name\":\"BananaBread - Browser Game - Blog - The Web Comes To Life\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/bananabread-browser-game\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/bananabread-browser-game\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/wp-content\\\/uploads\\\/2012\\\/09\\\/BannanBread.png\",\"datePublished\":\"2012-09-27T03:57:32+00:00\",\"description\":\"Fazzari Multimedia is an independent multimedia business based in Melbourne. Check out our blog for rad things to see, hear and do.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/bananabread-browser-game\\\/#breadcrumb\"},\"inLanguage\":\"en-AU\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/bananabread-browser-game\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-AU\",\"@id\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/bananabread-browser-game\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/wp-content\\\/uploads\\\/2012\\\/09\\\/BannanBread.png\",\"contentUrl\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/wp-content\\\/uploads\\\/2012\\\/09\\\/BannanBread.png\",\"width\":\"600\",\"height\":\"307\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/bananabread-browser-game\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"BananaBread &#8211; Browser Game\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/\",\"name\":\"Blog - The Web Comes To Life\",\"description\":\"Fazzari Multimedia\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-AU\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/#organization\",\"name\":\"Blog - The Web Comes To Life\",\"url\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-AU\",\"@id\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/Fazzari_Multimedia_Logo-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/Fazzari_Multimedia_Logo-scaled.jpg\",\"width\":2560,\"height\":611,\"caption\":\"Blog - The Web Comes To Life\"},\"image\":{\"@id\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/fazzarimultimedia\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/#\\\/schema\\\/person\\\/17d49ad0a29b3ffce4eee615f31d8fc3\",\"name\":\"Fazzari Multimedia\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-AU\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/add55ab2b42691ac2475f47c3c9f3683aa96f7d5f3bb896483d8a935c589449e?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/add55ab2b42691ac2475f47c3c9f3683aa96f7d5f3bb896483d8a935c589449e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/add55ab2b42691ac2475f47c3c9f3683aa96f7d5f3bb896483d8a935c589449e?s=96&d=mm&r=g\",\"caption\":\"Fazzari Multimedia\"},\"sameAs\":[\"https:\\\/\\\/fazzarimultimedia.com\\\/\"],\"url\":\"https:\\\/\\\/www.fazzarimultimedia.com\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"BananaBread - Browser Game - Blog - The Web Comes To Life","description":"Fazzari Multimedia is an independent multimedia business based in Melbourne. Check out our blog for rad things to see, hear and do.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.fazzarimultimedia.com\/blog\/bananabread-browser-game\/","og_locale":"en_US","og_type":"article","og_title":"BananaBread - Browser Game - Blog - The Web Comes To Life","og_description":"Fazzari Multimedia is an independent multimedia business based in Melbourne. Check out our blog for rad things to see, hear and do.","og_url":"https:\/\/www.fazzarimultimedia.com\/blog\/bananabread-browser-game\/","og_site_name":"Blog - The Web Comes To Life","article_publisher":"https:\/\/www.facebook.com\/fazzarimultimedia","article_published_time":"2012-09-27T03:57:32+00:00","og_image":[{"url":"https:\/\/www.fazzarimultimedia.com\/blog\/wp-content\/uploads\/2012\/09\/BannanBread.png","type":"","width":"","height":""}],"author":"Fazzari Multimedia","twitter_misc":{"Written by":"Fazzari Multimedia","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fazzarimultimedia.com\/blog\/bananabread-browser-game\/#article","isPartOf":{"@id":"https:\/\/www.fazzarimultimedia.com\/blog\/bananabread-browser-game\/"},"author":{"name":"Fazzari Multimedia","@id":"https:\/\/www.fazzarimultimedia.com\/blog\/#\/schema\/person\/17d49ad0a29b3ffce4eee615f31d8fc3"},"headline":"BananaBread &#8211; Browser Game","datePublished":"2012-09-27T03:57:32+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fazzarimultimedia.com\/blog\/bananabread-browser-game\/"},"wordCount":154,"commentCount":1,"publisher":{"@id":"https:\/\/www.fazzarimultimedia.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.fazzarimultimedia.com\/blog\/bananabread-browser-game\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fazzarimultimedia.com\/blog\/wp-content\/uploads\/2012\/09\/BannanBread.png","keywords":["3D first person shooter","BananaBread","browser games","C++ and OpenGL","Online Game"],"articleSection":["Uncategorized"],"inLanguage":"en-AU","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fazzarimultimedia.com\/blog\/bananabread-browser-game\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fazzarimultimedia.com\/blog\/bananabread-browser-game\/","url":"https:\/\/www.fazzarimultimedia.com\/blog\/bananabread-browser-game\/","name":"BananaBread - Browser Game - Blog - The Web Comes To Life","isPartOf":{"@id":"https:\/\/www.fazzarimultimedia.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fazzarimultimedia.com\/blog\/bananabread-browser-game\/#primaryimage"},"image":{"@id":"https:\/\/www.fazzarimultimedia.com\/blog\/bananabread-browser-game\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fazzarimultimedia.com\/blog\/wp-content\/uploads\/2012\/09\/BannanBread.png","datePublished":"2012-09-27T03:57:32+00:00","description":"Fazzari Multimedia is an independent multimedia business based in Melbourne. Check out our blog for rad things to see, hear and do.","breadcrumb":{"@id":"https:\/\/www.fazzarimultimedia.com\/blog\/bananabread-browser-game\/#breadcrumb"},"inLanguage":"en-AU","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fazzarimultimedia.com\/blog\/bananabread-browser-game\/"]}]},{"@type":"ImageObject","inLanguage":"en-AU","@id":"https:\/\/www.fazzarimultimedia.com\/blog\/bananabread-browser-game\/#primaryimage","url":"https:\/\/www.fazzarimultimedia.com\/blog\/wp-content\/uploads\/2012\/09\/BannanBread.png","contentUrl":"https:\/\/www.fazzarimultimedia.com\/blog\/wp-content\/uploads\/2012\/09\/BannanBread.png","width":"600","height":"307"},{"@type":"BreadcrumbList","@id":"https:\/\/www.fazzarimultimedia.com\/blog\/bananabread-browser-game\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fazzarimultimedia.com\/blog\/"},{"@type":"ListItem","position":2,"name":"BananaBread &#8211; Browser Game"}]},{"@type":"WebSite","@id":"https:\/\/www.fazzarimultimedia.com\/blog\/#website","url":"https:\/\/www.fazzarimultimedia.com\/blog\/","name":"Blog - The Web Comes To Life","description":"Fazzari Multimedia","publisher":{"@id":"https:\/\/www.fazzarimultimedia.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fazzarimultimedia.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-AU"},{"@type":"Organization","@id":"https:\/\/www.fazzarimultimedia.com\/blog\/#organization","name":"Blog - The Web Comes To Life","url":"https:\/\/www.fazzarimultimedia.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-AU","@id":"https:\/\/www.fazzarimultimedia.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.fazzarimultimedia.com\/blog\/wp-content\/uploads\/2022\/09\/Fazzari_Multimedia_Logo-scaled.jpg","contentUrl":"https:\/\/www.fazzarimultimedia.com\/blog\/wp-content\/uploads\/2022\/09\/Fazzari_Multimedia_Logo-scaled.jpg","width":2560,"height":611,"caption":"Blog - The Web Comes To Life"},"image":{"@id":"https:\/\/www.fazzarimultimedia.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/fazzarimultimedia"]},{"@type":"Person","@id":"https:\/\/www.fazzarimultimedia.com\/blog\/#\/schema\/person\/17d49ad0a29b3ffce4eee615f31d8fc3","name":"Fazzari Multimedia","image":{"@type":"ImageObject","inLanguage":"en-AU","@id":"https:\/\/secure.gravatar.com\/avatar\/add55ab2b42691ac2475f47c3c9f3683aa96f7d5f3bb896483d8a935c589449e?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/add55ab2b42691ac2475f47c3c9f3683aa96f7d5f3bb896483d8a935c589449e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/add55ab2b42691ac2475f47c3c9f3683aa96f7d5f3bb896483d8a935c589449e?s=96&d=mm&r=g","caption":"Fazzari Multimedia"},"sameAs":["https:\/\/fazzarimultimedia.com\/"],"url":"https:\/\/www.fazzarimultimedia.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.fazzarimultimedia.com\/blog\/wp-json\/wp\/v2\/posts\/1568","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fazzarimultimedia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fazzarimultimedia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fazzarimultimedia.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fazzarimultimedia.com\/blog\/wp-json\/wp\/v2\/comments?post=1568"}],"version-history":[{"count":3,"href":"https:\/\/www.fazzarimultimedia.com\/blog\/wp-json\/wp\/v2\/posts\/1568\/revisions"}],"predecessor-version":[{"id":1572,"href":"https:\/\/www.fazzarimultimedia.com\/blog\/wp-json\/wp\/v2\/posts\/1568\/revisions\/1572"}],"wp:attachment":[{"href":"https:\/\/www.fazzarimultimedia.com\/blog\/wp-json\/wp\/v2\/media?parent=1568"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fazzarimultimedia.com\/blog\/wp-json\/wp\/v2\/categories?post=1568"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fazzarimultimedia.com\/blog\/wp-json\/wp\/v2\/tags?post=1568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}