How Familiars.io’s Creator Fit Multiplayer Monster-Taming Into a Single Tweet

Prime Benefit Spotlight: Free games and in-game content

The days of classic, 2D Pokemon games aren’t that far behind us, but it can be easy to forget what you’re missing until you revisit an old favorite like Red or Blue and get sucked back in again. It’s a massive testament to Familiars.io, a free browser game, that it instantly evokes the same nostalgia.

Oh, and the whole game can also be played from a tweet. It even has online multiplayer.

That’s how Familiars.io caught my attention and stole a good half-hour of my time over the weekend. Its creator, ClayLoam, figured out a way to embed Familiars.io on Twitter as though it were a YouTube video. Upon clicking the link, it pops open a window where you can customize your character, pick a starting monster, and begin roaming through its world. Along the way, you’ll see other players wandering around, catching monsters, or even positioning themselves for opt-in PvP.

While it has a dark, inverted palette that lends it a style all its own, Familiars.io is unmistakably inspired by Pokemon. The current selection of 15 monsters tends a bit toward the weirder side too (my starter was Cobby, an ear of corn, and my favorite is the lighthouse monster Watt). In an interview with USgamer, ClayLoam says he’d like to “at least double” the number of monsters eventually.


Yeah, you could say this looks… familiar. | ClayLoam

“The game as it exists today goes back to March 2019, but I haven’t been working on it the whole time,” he says. “Lots of months I hadn’t touched the game at all. It also uses some assets for an unfinished game from back in 2014.”

All in all, ClayLoam estimates Familiars.io came together in its current state with about a year’s worth of work in his spare time. Before figuring out the Twitter embed trick, Familiars.io “never had more than 10 people online at once,” but now ClayLoam’s seen the simultaneous player count peak at around 300. As of today, the embed tweet itself has been retweeted over 5,000 times and liked nearly double that.

The sudden boost in attention has been the good kind of overwhelming. “I’ve loved the influx of unprompted fanart,” ClayLoam says. “I’m really happy that lots of people like the monster designs that me and my wife came up with.” One of the areas in the Familiars.io map has even taken on a community name: Howdy Bones Cave, named for the ability to do a little “howdy” emote to other players.

Increasing the monster count aside, ClayLoam does hope to expand Familiars.io in other ways as well. “I have a few ideas for things that would make it more fun to play in a group, or to reduce the barrier to entry for people less familiar with Pokemon games. I don’t have many concrete plans; I’m just going to try lots of things and see what’s the most fun.”

Unfortunately, we can’t embed Familiars.io here for you to play, but I do recommend popping open a tab and giving it a try. I also asked ClayLoam if anyone from Twitter’s reached out about the embed trick—being able to embed a whole online Javascript game might be a bit too much freedom for the social media company to tolerate—but he says they haven’t. Playing Familiars.io in a tweet was certainly the most fun I’ve had on the site in a while, and it’d be fun to see it go viral again once a new roster of monsters says “howdy.”

custom_variables['games'] = ["familiars-io"];

custom_variables['tags'] = ["android","indie","iphone","mac","news","pc","rpg","rpgs"];

var ads_space = 450; var uam_timeout = 1400;

var version = 'hd';

window['adsSidebar'] = new SidebarAds({ content: $(".page > .above"), sidebar: $(".page > .sidebar .ads-sidebar"), firstOffset: 1050 + 500, minSpacing: 1500, limit: 5, prefix: "ARTICLE", zone: 'USG_Lazy_Load_HP_MPU', site: 'usgamer.net', articles: [], lang: { advertisement: "Advertisement", related: "Related content" } });

do_the_ads(ads_space, custom_variables, uam_timeout, version);

} // Check for other Amazon links and add subtag if required jQuery('.article .body a').each( function(i, k) { var link_href = jQuery(k).attr('href');

if(link_href.match(/amazon./i) && link_href.indexOf('ascsubtag') == -1) { subtag=''; if(window.location.pathname.length > 1) { var subtag = window.location.pathname.substring(1); subtag = subtag.replace(///g,'-').substring(0,89); } else { subtag='index'; } link_href = link_href + ((link_href.indexOf('?') == -1) ? '?ascsubtag=' : '&ascsubtag=') + subtag; jQuery(k).attr('href', link_href); } } );

function runGoogleAnalytics(anonymous) {

if (window.gtagDone) return;

window.dataLayer = window.dataLayer || [];

function gtag(){ dataLayer.push(arguments); }

gtag('js', new Date()); gtag('set', 'allow_ad_personalization_signals', true);

var options = {};

options = { 'dimension1': 'news', 'dimension2': 'Rpgs', 'dimension3': 'Mathew Olson' };

options['dimension4'] = 'No';

options['link_attribution'] = true;

if(anonymous) { options['store_gac'] = false; options['client_storage'] = 'none'; options['anonymize_ip'] = true; }

gtag('config', 'UA-36289065-1', options);

window.gtagDone = true;

var ga_script = document.createElement("script"); ga_script.type = "text/javascript"; ga_script.async = true; ga_script.src = "https://www.googletagmanager.com/gtag/js?id=UA-36289065-1"; document.getElementsByTagName('head')[0].appendChild(ga_script); } function runSAK() { var s = document.createElement('script'); s.type="text/javascript"; s.async = true; s.src="https://sak.userreport.com/gamer-network/launcher.js"; s.id = 'userreport-launcher-script'; document.getElementsByTagName('head')[0].appendChild(s); } function youtube_parser(url){ var regExp = /^.*((youtu.be/)|(v/)|(/u/w/)|(embed/)|(watch?))??v?=?([^#&?]*).*/; var match = url.match(regExp); return (match&&match[7].length==11)? match[7] : false; }

function runBBMVS() { jQuery('article iframe').each(function(){ src = jQuery(this).attr('src'); if(src) {

// If people have allowed targeting we can // swap the nocookie embed with the standard embed if(src.match(/www.youtube-nocookie.com/i)) { jQuery(this).attr('src', src.replace('www.youtube-nocookie.com', 'www.youtube.com')); }

check_yt = youtube_parser(src); if(check_yt){ jQuery(this).attr('id', 'yt-' + check_yt); jQuery(this).attr('data-yt-id', check_yt); jQuery(this).addClass('yt-embed'); } } }); var promises = []; jQuery('article iframe.yt-embed').each(function() { check_yt = jQuery(this).attr('data-yt-id'); (function(replace_yt) { promises.push(jQuery.getJSON( "https://gamernetwork.bbvms.com/json/search?query=%22" + replace_yt + "%22&context=all", function( data ) { if(typeof data['items'][0] !== 'undefined' && typeof data['items'][0].id !== 'undefined') { yt_video = jQuery('#yt-' + replace_yt); jQuery(yt_video).attr('data-bbvms-id', data['items'][0]['id']); }; })); })(check_yt); }); Promise.all(promises).then(function( data ) { first_yt = true; jQuery("[data-bbvms-id]").each(function() { yt_video_wrapper = jQuery(this).closest('figure.video'); if(first_yt) { playout_id = 'us_gamer_autoplay'; first_yt = false; } else { playout_id = 'us_gamer'; } jQuery(yt_video_wrapper).append('

');
jQuery('.video-container', yt_video_wrapper).remove();
jQuery('.bb_wrapper', yt_video_wrapper).append('Watch on YouTube');
});
});

}

function runComscore() {
var _comscore = _comscore || [];
_comscore.push({ c1: "2", c2: "8518622" });
(function() {
var s = document.createElement("script");
el = document.getElementsByTagName("script")[0];
s.async = true;
s.src = "https://sb.scorecardresearch.com/beacon.js";
el.parentNode.insertBefore(s, el);
})();
}
function runFacebookLogin() {
$(document).ready(function() {
fbs = $("[data-action=facebook-login]");
for(i = 0; i 3&&void 0!==arguments[3]?arguments[3]:"",a=arguments[4],c=arguments[5];if(a){var d=e.lastIndexOf("."),s=e.lastIndexOf("https://www.usgamer.net/"),u=-1===d||s>d?e+".png":e.substring(0,d)+".png",l=new Image;l.addEventListener("load",function(){r("1",u)}),l.addEventListener("error",function(){o.i(f.a)(u,function(n,t,o){r("0",u+"::"+o)})}),l.src=u}else r()}function i(n,t,o,e){var r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},a=arguments.length>5&&void 0!==arguments[5]&&arguments[5],c=function(){i(n,t,o,e,r,!0)};n(t,a?o:c,e,r)}function a(n,t,o,e){function r(o,r){t(o,n,r,e.enableImageLoad)}function i(t,r){o(t,n,r,e.enableImageLoad),e.onError&&e.onError(r)}var a=document.createElement("script");a.src=n,a.onload=function(){e.onLoad&&e.onLoad()},a.onerror=function(){function t(n){return o.indexOf(n)>-1}var o=(navigator.userAgent||navigator.vendor||window.opera).toLowerCase();t("mobi")||t("ipad")||t("android")||t("iphone")?i(x):t("exabot")?i(U):t("bingbot")||t("bingpreview")?i(S):t("googlebot")||t("adsbot-google")||t("mediapartners-google")?i(E):t("googleweblight")?i(O):window.location.host===w?i(I):window.location.host.indexOf(b)>-1?i(j):t("msie 10")||t("msie 9")||t("msie 8")?i(k):c(n,r,i)},document.head.appendChild(a),document.querySelector('script[src="'+n+'"]')||-1!==window.location.host.indexOf(b)||(g.info("Script not present"),r(C,n))}function c(n,t,e){o.i(f.a)(n,function(o,r,i,a){(o||r?t:e)(a,n+"::"+i)})}function d(n,t,o,e){if(q)return void s(R+"::"+n,o);r(L,n,t,o,e,function(){if(N){if(F){g.error("bootstrap locking",L,n,t,o,e);debugger}setTimeout(function(){N()},250)}})}function s(n,t,o,e){r(y,n,t,o,e)}function u(){h._networkListenerData||(h._networkListenerData=o.i(p.a)())}function l(n,t){e(),g.info("bootstrap called with",n,t),i(a,n,d,s,t)}Object.defineProperty(t,"__esModule",{value:!0});var f=o(4),p=o(5),v=o(3),g=o(0),m=void 0;m=o(0);var w=["w","e","b","c","a","c","h","e",".","g","o","o","g","l","e","u","s","e","r","c","o","n","t","e","n","t",".","c","o","m"].join(""),b=["o","p","t","i","m","i","z","e","l","y","p","r","e","v","i","e","w",".","c","o","m"].join(""),h=window._sp_||{},_=1,y=0,L=1,C="s",x="m",E="g",I="gw",O="gl",k="i",S="b",U="e",R="n",j="o",D=!1,q=!1,F=!1,z=void 0,N=void 0,B=void 0,G=void 0;window.addEventListener("beforeunload",function(){q=!0}),window._sp_=h,h.setupNetworkListeners=u,h.bootstrap=l,window.spBootstrap=l,t["default"]=h},function(n,t,o){o(0);n.exports=o(1)["default"]},function(n,t,o){"use strict";function e(n){return n.join("")}o.d(t,"b",function(){return r}),o.d(t,"a",function(){return i});var r=(o(0),"2.0.1056"),i=(e(["w","w","w",".","s","u","m","m","e","r","h","a","m","s","t","e","r",".","c","o","m"]),e(["w","w","w",".","r","o","o","s","t","e","r","f","i","r","e","w","o","r","k",".","c","o","m"]));e(["https://www.usgamer.net/","https://www.usgamer.net/","f","s","m","1","0","1","9",".","g","l","o","b","a","l",".","s","s","l",".","f","a","s","t","l","y",".","n","e","t","https://www.usgamer.net/","f","s","m","https://www.usgamer.net/","d","s"]),e(["h","t","t","p","s",":","https://www.usgamer.net/","https://www.usgamer.net/","d","2","z","v","5","r","k","i","i","4","6","m","i","q",".","c","l","o","u","d","f","r","o","n","t",".","n","e","t","https://www.usgamer.net/","0","https://www.usgamer.net/","2",".","0",".","1","0","5","6","https://www.usgamer.net/","r","e","c","o","v","e","r","y","_","d","f","p","_","i","n","t","e","r","n","a","l","-","v","2",".","0",".","1","0","5","6",".","j","s"]),e(["h","t","t","p","s",":","https://www.usgamer.net/","https://www.usgamer.net/","d","2","z","v","5","r","k","i","i","4","6","m","i","q",".","c","l","o","u","d","f","r","o","n","t",".","n","e","t","https://www.usgamer.net/","0","https://www.usgamer.net/","2",".","0",".","1","0","5","6","https://www.usgamer.net/","r","e","c","o","v","e","r","y","_","l","i","b","_","a","p","i","_","i","f","r","a","m","e","-","v","2",".","0",".","1","0","5","6",".","h","t","m","l"]),e(["h","t","t","p","s",":","https://www.usgamer.net/","https://www.usgamer.net/","d","2","z","v","5","r","k","i","i","4","6","m","i","q",".","c","l","o","u","d","f","r","o","n","t",".","n","e","t","https://www.usgamer.net/","0","https://www.usgamer.net/","2",".","0",".","1","0","5","6","https://www.usgamer.net/","r","e","c","o","v","e","r","y","_","l","i","b","_","r","i","d","_","i","f","r","a","m","e","-","v","2",".","0",".","1","0","5","6",".","h","t","m","l"])},function(n,t,o){"use strict";function e(n,t){function o(n){try{return n&&n.timeStamp?n.timeStamp:window.performance.now()}catch(n){return Date.now()}}var e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:window.location,l=arguments.length>3&&void 0!==arguments[3]?arguments[3]:window.navigator,f=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},p=document.createElement("a");if(p.href=n,"https:"===e.protocol&&p.protocol!==e.protocol)return r.error("protocol mismatch in https environment, standing down"),void t(!1,!1,p.protocol,s);var v=new XMLHttpRequest,g=f.withCredentials;null!=g&&(v.withCredentials=g);try{v.open(f.method||"GET",n)}catch(n){return void t(!0,!1,n.toString(),c,v)}if(null!=f.headers){var m=f.headers;Object.keys(m).forEach(function(n){v.setRequestHeader(n,m[n])})}var w=void 0,b=void 0;v.onloadstart=function(n){w=o(n)},v.on
statechange=function(n){if(4===this.readyState){b=o(n)-w;var e=0===this.status&&!1!==l.onLine,r="2"===this.status.toString()[0],c=void 0;return c=r?a:!1===l.onLine?u:i,void t(e,r,this.status+"::"+b,c,v)}};try{v.send(f.body)}catch(n){return void t(!0,!1,n.toString(),d,v)}}t.a=e;var r=o(0),i="n",a="nx",c="xo",d="xs",s="p",u="of"},function(n,t,o){"use strict";function e(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document,t=[],o=[],e=r.bind(null,t),i=r.bind(null,o);return n.addEventListener("load",e,!0),n.addEventListener("error",i,!0),{load:{events:t,listener:e},error:{events:o,listener:i}}}function r(n,t){if(t.target){var o="string"==typeof t.target.tagName?t.target.tagName.toLowerCase():"",e="string"==typeof t.target.src?t.target.src:"";"iframe"!==o&&n.push({tagName:o,src:e})}}t.a=e;o(0)}]);
//# sourceMappingURL=https://s3.amazonaws.com/d3jlsadfjkuern/2.0.1056/Ym9vdHN0cmFwLmpz.map
window ._sp_ = window ._sp_ || {};
window ._sp_.config = window ._sp_.config || {};
window ._sp_.config.account_id = 347;
window ._sp_.config.content_control_callback = function () {
//console.log( 'CONTENT LOCK' );
};
window ._sp_.config.mms_domain = 'usgamer-us.usgamer.net' ;
window ._sp_.mms = window ._sp_.mms || {};
window ._sp_.mms.cmd = window ._sp_.mms.cmd || [];
window ._sp_.config.mms_client_data_callback = function (o) {};
window._sp_.config.fsm_endpoint = "//usg-p2.usgamer.net";
window._sp_.config.enable_fsm_detection = true;
window._sp_.config.enable_fsm_network_detection = true;
window ._sp_.mms.cmd.push( function () {
window ._sp_.mms.setTargeting( "logged-in" , "false" );
window ._sp_.mms.setTargeting( "show-ads" , "true" );
});
window ._sp_.mms.cmd.push( function () {
window ._sp_.mms.startMsg();
});
window ._sp_.bootstrap( '/static/scripts/musgamer-fsm.js' );
window ._sp_.config.mms_choice_selected_callback = function (choiceID) {
};
window ._sp_.config.mms_client_data_callback = function (dataObject) {

};
}
function runFacebookPixel() {
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','//connect.facebook.net/en_US/fbevents.js');

fbq('init', '686233492142124');
fbq('track', 'PageView');
}

const frames = window.frames;
for (let i = 0; i
Prime Benefit Spotlight: Free games and in-game content

Add Comment