#15 JavaScriptでアクションゲームを作る │ Twitter投稿ボタン

f:id:you_key69:20220227003059j:plain

走れない代わりに、走るゲームを創るプロジェクト、第15回。

今回は、

スコアをTwitterで共有できる機能

を追加するバージョンアップを行った。

ゲームの改良ではなく、ちょっとJavaScriptビギナーとしての自己満色が濃ゆい点、ご容赦ください。

バックナンバー

過去のバックナンバー（改訂履歴）は以下のとおり。

バックナンバー
本日の成果物
本日の参考Web
本日のソースコード
- HTML
- JavaScript
今後の展望

本日の成果物

　SOUND　

ゲームオーバーになった後、「Tweet」ボタンから獲得スコアを共有できるようにしてみた。

さしつかえなければ、ぜひ投稿してみてほしい。

全力でリツイートさせていただきます ^^

本日の参考Web

参考にしたのは下記ページである。

この場をお借りして、御礼申し上げます（あざっす）。

本日のソースコード

ちょっと手こずっちまったので、簡単にソース（JavaScriptとHTML）を共有しておきます。

HTML

<button id="btn_Share" onclick="showLink()">Tweet</button><br>

ボタンを押したら、下のスクリプトを呼び出します。

JavaScript

function showLink(){
	baseUrl = "https://twitter.com/intent/tweet?";
	text = "＼" + score + "点達成！／";
	hashtags = "JOGMAN";
	via = "you_key69";
	url = "https://you-key69.hatenadiary.jp/entry/20220226/javascript-game-development-15";
	shareUrl = baseUrl + "url=" + url + "&text=" + text + "&hashtags=" + hashtags + "&via=" + via;
	newWindow = window.open(shareUrl, "_blank", "width=500,height=500,scrollbars=yes,resizable=yes");
}

SNSへの連携方法の勉強のために作ったので、ロクに内容を考えておらず「JOGMAN」という何ともセンスの感じられないハッシュタグが生まれてしまった。

ちなみにボタンはデフォルト無効化で、ゲームオーバーになったら活性化するようにしている。