こんにちは。ゆーろんです。 JavaScriptの学習のためにいくつかフロントエンド完結のものやNode.jsベースのものを作成してきましたが、作成した中でユニークなものである「クラシックリヴリーアイランドの再現」の制作話や使用技術に関してまとめます。 リヴリーアイランドとは そもそも制作した「リヴリーアイランドの再現」といっても、リヴリーアイランド自体がよくわからない方もいると思うので解説します。 リヴリーアイランドは2002年にリリースされたブラウザで遊べるオンラインゲームです。 ブラウザ版の運営は株式会社ゲームポッドが運営していましたが、2019年末にサービス終了となりました。 現在(2022年)は株式会社COCONEにリヴリーアイランドに関する権利が譲渡され、2021年ごろにネイティブアプリとしてリヴリーアイランドがリリースされています。 上記の画像はネイティブアプリとしてリニューアルした際のデザインです。 制作の経緯 そんなリヴリーアイランドですが、私自身もかつてPC版を何年もプレイしていました。 あるときに、スマホ版(ネイティブアプリ)としてリヴリーアイランドがリリースされているのを知ったの同時に、以下のような記事を読みました。 Vue.jsを用いたWebゲームの作り方 - coconeのフロントエンド業務 cocone engineering はじめまして、ウェブ開発室で室長とフロントエンド業務を担当している髙山です。 気がつけばもう9月ですね。いやぁ早い。学生の皆さんは夏休みも終え、授業も始まっているのでしょうか？夏休みと言えば、宿題です... こちらの記事は現在スマホ版リヴリーアイランドの運営をされている株式会社COCONEさんのエンジニアの方が書いた記事です。 この記事を読んだことと、スマホ版リヴリーアイランドを私自身が認知したことで「JavaScriptでリヴリーアイランドの再現が作れるのでは？」と思い作ることにしました。