ブックマーク / qiita.com/laineus (2)

  • RiotとGo言語でデジモンのドット絵打つだけのサイト作った - Qiita

    16*16の2色のドット絵を打って投稿するサイトです。 突発的に思いついて5時間近く費やして作りました。 「Digital Pixel Monster」 http://digimon.laineus.com/ Digital Pixel Monster、略してデジモンです。 何気にGoで作ったapiを公開サーバーで実際に運用するの初めてだったりします。 使い方 左のキャンバスはピクセルをクリックすると着色できます。 着色済みのピクセルをクリックすると無色に戻ります。 右側ではサイトに投稿された作品一覧を閲覧できます。 何でも自由に投稿して大丈夫ですが、僕の独断で整理(削除)する場合があります。 riotとcssで描画しているだけなので画像データになったりはしません。 ソース 以下、RiotとGoのソース(一部)です。 ご指摘・アドバイス大歓迎です。 Riot ソース 描画と編集を行うコンポ

    RiotとGo言語でデジモンのドット絵打つだけのサイト作った - Qiita
  • PHP+HTML+JSでレスポンシブ対応のロールプレイングゲーム作ってみた - Qiita

    セーブデータ管理をMySQL、メインの処理をPHP、フロントの表示周りをHTML+CSS+JS(jQuery)、フロントとバックの通信をajax通信でやっています。 普通の動的Webサイトで使われている技術のみを使っています。 『リブラの見た夢 ONLINE』 https://libra-online.laineus.com (chrome以外未検証) 昔流行った『FF Adventure』みたいなCGIゲーム的なものですかね。 ページ遷移こそしないものの、ボタン押したりするたびにHTTPリクエストが発生します。 セーブデータはサーバーに保管されるので、他のプレイヤーが育てたキャラと非リアルタイムな対戦ができます。 Webサイトだからできるレスポンシブ対応なゲームになっています。 一つ一つがHTMLのDOM要素で作られているので、デベロッパーツールで要素検証したり、ブラウザのウィンドウ幅動

    PHP+HTML+JSでレスポンシブ対応のロールプレイングゲーム作ってみた - Qiita
  • 1