{"id":16703,"date":"2022-11-14T13:20:39","date_gmt":"2022-11-14T04:20:39","guid":{"rendered":"https:\/\/automaton-media.com\/en\/?p=16703"},"modified":"2022-11-14T13:22:17","modified_gmt":"2022-11-14T04:22:17","slug":"20221114-16703","status":"publish","type":"post","link":"https:\/\/automaton-media.com\/en\/news\/20221114-16703\/","title":{"rendered":"Browser-based bubble simulator Bubbles is drawing attention for its realistic bubble physics"},"content":{"rendered":"\n<p><br><br>A Japanese game developer that goes by saharan has released a bubble simulator called <em><strong>Bubbles<\/strong><\/em>. The simulator is free, runs in web browsers, and while simple, makes no compromises on its bubble behavior.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"twitter-tweet\" data-width=\"550\" data-dnt=\"true\"><p lang=\"ja\" dir=\"ltr\"><a href=\"https:\/\/t.co\/3IY20Ye5co\">https:\/\/t.co\/3IY20Ye5co<\/a><br>Released Bubbles, an interactive soap-bubble simulator!<br>Runs on your PCs and smartphones \ud83c\udf2c\ufe0f\ud83e\udee7<br>\u516c\u958b\u3057\u307e\u3057\u305f\uff01\u30b7\u30e3\u30dc\u30f3\u7389\u3092\u304f\u3063\u3064\u3051\u3066\u904a\u3079\u307e\u3059<a href=\"https:\/\/twitter.com\/hashtag\/indiedevs?src=hash&amp;ref_src=twsrc%5Etfw\">#indiedevs<\/a> <a href=\"https:\/\/t.co\/p5eefnRd07\">pic.twitter.com\/p5eefnRd07<\/a><\/p>&mdash; saharan \/ \u3055\u306f\u3089 (@shr_id) <a href=\"https:\/\/twitter.com\/shr_id\/status\/1589657208606064641?ref_src=twsrc%5Etfw\">November 7, 2022<\/a><\/blockquote><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n<\/div><\/figure>\n\n\n\n<p><em>Bubbles<\/em> is a simulator that lets players make, touch, and play with bubbles right in their web browser. Upon opening the page, a fan, bubble wand, and needle appear on screen. By adjusting the fan to push air through the bubble wand, bubbles will steadily be generated and start sticking together as they come into contact. However, as is the fleeting nature of bubbles, they will pop when poked by needle or when too many gather together. And that\u2019s all there is to it. Much like real bubbles, you simply make them, touch them, and enjoy watching them float around.<\/p>\n\n\n\n<p>But while simple, there\u2019s great technological prowess on display for players to experience. Firstly, the behavior of each bubble is depicted in minute detail. From the way they jiggle to the unevenness of how they combine and burst apart has been fully recreated in a web browser. The wind from the fan can also be used to change the shape of the bubbles and blow them around the screen. The physics of it all is very convincing. The implementation has even been gathering attention from users on technology forums like <a href=\"https:\/\/news.ycombinator.com\/item?id=33566924\" target=\"_blank\" rel=\"noreferrer noopener\">Hacker News<\/a>.<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1666\" height=\"937\" sizes=\"auto, (max-width: 1666px) 100vw, 1666px\" src=\"http:\/\/automaton-media.com\/en\/wp-content\/uploads\/2022\/11\/20221112-226386-header-1.jpg\" alt=\"\" class=\"wp-image-16706\" srcset=\"https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2022\/11\/20221112-226386-header-1.jpg 1666w, https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2022\/11\/20221112-226386-header-1-600x337.jpg 600w, https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2022\/11\/20221112-226386-header-1-380x214.jpg 380w, https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2022\/11\/20221112-226386-header-1-768x432.jpg 768w, https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2022\/11\/20221112-226386-header-1-1536x864.jpg 1536w, https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2022\/11\/20221112-226386-header-1-150x84.jpg 150w, https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2022\/11\/20221112-226386-header-1-300x169.jpg 300w, https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2022\/11\/20221112-226386-header-1-696x391.jpg 696w, https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2022\/11\/20221112-226386-header-1-1068x601.jpg 1068w, https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2022\/11\/20221112-226386-header-1-747x420.jpg 747w\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"586\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" src=\"http:\/\/automaton-media.com\/en\/wp-content\/uploads\/2022\/11\/20221112-226386-002.jpg\" alt=\"\" class=\"wp-image-16705\" srcset=\"https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2022\/11\/20221112-226386-002.jpg 1200w, https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2022\/11\/20221112-226386-002-600x293.jpg 600w, https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2022\/11\/20221112-226386-002-380x186.jpg 380w, https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2022\/11\/20221112-226386-002-768x375.jpg 768w, https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2022\/11\/20221112-226386-002-150x73.jpg 150w, https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2022\/11\/20221112-226386-002-300x147.jpg 300w, https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2022\/11\/20221112-226386-002-696x340.jpg 696w, https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2022\/11\/20221112-226386-002-1068x522.jpg 1068w, https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2022\/11\/20221112-226386-002-860x420.jpg 860w, https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2022\/11\/20221112-226386-002-533x261.jpg 533w\" \/><\/figure>\n\n\n\n<p><br><em>Bubbles<\/em> was made by saharan who is developing numerous projects while studying as a graduate student at Tokyo University. These include a browser-based fluid simulator which can be found on the <a href=\"https:\/\/oimo.io\/works\" target=\"_blank\" rel=\"noreferrer noopener\">Works<\/a> page of their personal website. Other projects include the grapple action game <a href=\"https:\/\/oimo.io\/works\/runner\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>Wild Runner<\/em><\/a> and the voxel miniature gardening game <a href=\"https:\/\/oimo.io\/works\/sandvox\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>SandVox Simulator<\/em><\/a>, which also show technical prowess and are playable in web browsers. Furthermore, saharan is making a world for <em>VRChat<\/em> and has posted strong results in competitive programming competitions.<\/p>\n\n\n\n<p><em>Bubbles<\/em> is available on <a href=\"https:\/\/oimo.io\/works\/bubbles\/\" target=\"_blank\" rel=\"noreferrer noopener\">saharan\u2019s personal website oimo.io<\/a>. The simulator is playable in web browsers, and I (the original author of this article) was able to confirm it working in Google Chrome on both Windows and Android.<br><br><br><br><br><\/p>\n\n\n\n<p style=\"font-size:12px\"><em>Written by. Nick Mosier based on the <a href=\"https:\/\/automaton-media.com\/articles\/newsjp\/20221112-226386\/\" target=\"_blank\" rel=\"noreferrer noopener\">original Japanese article<\/a> (original article&#8217;s publication date: 2022-11-12 11:24 JST)<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bubbles is a simulator that lets players make, touch, and play with bubbles right in their web browser. It was made by saharan who is developing numerous projects while studying as a graduate student at Tokyo University.<\/p>\n","protected":false},"author":30,"featured_media":16707,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_gspb_post_css":"","footnotes":""},"categories":[3],"tags":[17],"class_list":["post-16703","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-japan-related-news"],"blocksy_meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Browser-based bubble simulator Bubbles is drawing attention for its realistic bubble physics - AUTOMATON WEST<\/title>\n<meta name=\"description\" content=\"Bubbles is a simulator that lets players make, touch, and play with bubbles right in their web browser. It was made by saharan who is developing numerous projects while studying as a graduate student at Tokyo University.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/automaton-media.com\/en\/news\/20221114-16703\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Browser-based bubble simulator Bubbles is drawing attention for its realistic bubble physics - AUTOMATON WEST\" \/>\n<meta property=\"og:description\" content=\"Bubbles is a simulator that lets players make, touch, and play with bubbles right in their web browser. It was made by saharan who is developing numerous projects while studying as a graduate student at Tokyo University.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/automaton-media.com\/en\/news\/20221114-16703\/\" \/>\n<meta property=\"og:site_name\" content=\"AUTOMATON WEST\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-14T04:20:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-14T04:22:17+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/automaton-media.com\/en\/wp-content\/uploads\/2022\/11\/20221112-226386-003.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Sayoko Narita\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@AUTOMATON_ENG\" \/>\n<meta name=\"twitter:site\" content=\"@AUTOMATON_ENG\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sayoko Narita\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Browser-based bubble simulator Bubbles is drawing attention for its realistic bubble physics - AUTOMATON WEST","description":"Bubbles is a simulator that lets players make, touch, and play with bubbles right in their web browser. It was made by saharan who is developing numerous projects while studying as a graduate student at Tokyo University.","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:\/\/automaton-media.com\/en\/news\/20221114-16703\/","og_locale":"en_US","og_type":"article","og_title":"Browser-based bubble simulator Bubbles is drawing attention for its realistic bubble physics - AUTOMATON WEST","og_description":"Bubbles is a simulator that lets players make, touch, and play with bubbles right in their web browser. It was made by saharan who is developing numerous projects while studying as a graduate student at Tokyo University.","og_url":"https:\/\/automaton-media.com\/en\/news\/20221114-16703\/","og_site_name":"AUTOMATON WEST","article_published_time":"2022-11-14T04:20:39+00:00","article_modified_time":"2022-11-14T04:22:17+00:00","og_image":[{"width":1200,"height":675,"url":"http:\/\/automaton-media.com\/en\/wp-content\/uploads\/2022\/11\/20221112-226386-003.jpg","type":"image\/jpeg"}],"author":"Sayoko Narita","twitter_card":"summary_large_image","twitter_creator":"@AUTOMATON_ENG","twitter_site":"@AUTOMATON_ENG","twitter_misc":{"Written by":"Sayoko Narita","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/automaton-media.com\/en\/news\/20221114-16703\/#article","isPartOf":{"@id":"https:\/\/automaton-media.com\/en\/news\/20221114-16703\/"},"author":{"name":"Sayoko Narita","@id":"https:\/\/automaton-media.com\/en\/#\/schema\/person\/6ff2721c450e20970538373b7515eaf6"},"headline":"Browser-based bubble simulator Bubbles is drawing attention for its realistic bubble physics","datePublished":"2022-11-14T04:20:39+00:00","dateModified":"2022-11-14T04:22:17+00:00","mainEntityOfPage":{"@id":"https:\/\/automaton-media.com\/en\/news\/20221114-16703\/"},"wordCount":384,"publisher":{"@id":"https:\/\/automaton-media.com\/en\/#organization"},"image":{"@id":"https:\/\/automaton-media.com\/en\/news\/20221114-16703\/#primaryimage"},"thumbnailUrl":"https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2022\/11\/20221112-226386-003.jpg","keywords":["News (Japan-related)"],"articleSection":["News"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/automaton-media.com\/en\/news\/20221114-16703\/","url":"https:\/\/automaton-media.com\/en\/news\/20221114-16703\/","name":"Browser-based bubble simulator Bubbles is drawing attention for its realistic bubble physics - AUTOMATON WEST","isPartOf":{"@id":"https:\/\/automaton-media.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/automaton-media.com\/en\/news\/20221114-16703\/#primaryimage"},"image":{"@id":"https:\/\/automaton-media.com\/en\/news\/20221114-16703\/#primaryimage"},"thumbnailUrl":"https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2022\/11\/20221112-226386-003.jpg","datePublished":"2022-11-14T04:20:39+00:00","dateModified":"2022-11-14T04:22:17+00:00","description":"Bubbles is a simulator that lets players make, touch, and play with bubbles right in their web browser. It was made by saharan who is developing numerous projects while studying as a graduate student at Tokyo University.","breadcrumb":{"@id":"https:\/\/automaton-media.com\/en\/news\/20221114-16703\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/automaton-media.com\/en\/news\/20221114-16703\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/automaton-media.com\/en\/news\/20221114-16703\/#primaryimage","url":"https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2022\/11\/20221112-226386-003.jpg","contentUrl":"https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2022\/11\/20221112-226386-003.jpg","width":1200,"height":675},{"@type":"BreadcrumbList","@id":"https:\/\/automaton-media.com\/en\/news\/20221114-16703\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u30db\u30fc\u30e0","item":"https:\/\/automaton-media.com\/en\/"},{"@type":"ListItem","position":2,"name":"Browser-based bubble simulator Bubbles is drawing attention for its realistic bubble physics"}]},{"@type":"WebSite","@id":"https:\/\/automaton-media.com\/en\/#website","url":"https:\/\/automaton-media.com\/en\/","name":"AUTOMATON WEST","description":"AUTOMATON is a website that covers the Japanese gaming world. We bring you the news on video games from Osaka and Tokyo.","publisher":{"@id":"https:\/\/automaton-media.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/automaton-media.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/automaton-media.com\/en\/#organization","name":"\u682a\u5f0f\u4f1a\u793e\u30a2\u30af\u30c6\u30a3\u30d6\u30b2\u30fc\u30df\u30f3\u30b0\u30e1\u30c7\u30a3\u30a2","url":"https:\/\/automaton-media.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/automaton-media.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2021\/04\/activegamingmedia_logo.png","contentUrl":"https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2021\/04\/activegamingmedia_logo.png","width":374,"height":190,"caption":"\u682a\u5f0f\u4f1a\u793e\u30a2\u30af\u30c6\u30a3\u30d6\u30b2\u30fc\u30df\u30f3\u30b0\u30e1\u30c7\u30a3\u30a2"},"image":{"@id":"https:\/\/automaton-media.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/AUTOMATON_ENG","https:\/\/www.youtube.com\/channel\/UCabvYnvuUUbbGUrxkaFRgSA"]},{"@type":"Person","@id":"https:\/\/automaton-media.com\/en\/#\/schema\/person\/6ff2721c450e20970538373b7515eaf6","name":"Sayoko Narita","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2023\/12\/Narita2-150x150-1-100x100.jpg","url":"https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2023\/12\/Narita2-150x150-1-100x100.jpg","contentUrl":"https:\/\/automaton-media.com\/en\/wp-content\/uploads\/2023\/12\/Narita2-150x150-1-100x100.jpg","caption":"Sayoko Narita"},"description":"JP AUTOMATON writer","url":"https:\/\/automaton-media.com\/en\/author\/seiji-narita\/"}]}},"_links":{"self":[{"href":"https:\/\/automaton-media.com\/en\/wp-json\/wp\/v2\/posts\/16703","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/automaton-media.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/automaton-media.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/automaton-media.com\/en\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/automaton-media.com\/en\/wp-json\/wp\/v2\/comments?post=16703"}],"version-history":[{"count":3,"href":"https:\/\/automaton-media.com\/en\/wp-json\/wp\/v2\/posts\/16703\/revisions"}],"predecessor-version":[{"id":16710,"href":"https:\/\/automaton-media.com\/en\/wp-json\/wp\/v2\/posts\/16703\/revisions\/16710"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/automaton-media.com\/en\/wp-json\/wp\/v2\/media\/16707"}],"wp:attachment":[{"href":"https:\/\/automaton-media.com\/en\/wp-json\/wp\/v2\/media?parent=16703"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/automaton-media.com\/en\/wp-json\/wp\/v2\/categories?post=16703"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/automaton-media.com\/en\/wp-json\/wp\/v2\/tags?post=16703"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}