Help us understand the problem. What is going on with this article?

【PlayCanvas】twitter上でPlayCanvasコンテンツを動かす

More than 1 year has passed since last update.

twitterのplayer cardを使ってPlayCanvasのコンテンツを動かしてみます
結果はこんな感じ
embedtwitter.gif
https://twitter.com/utautattaro/status/970216193679179776

やり方

twitter の player cardを利用します
Player card — Twitter Developers

HTMLのhead内に以下のようにtwitter 用のmetaタグを記入します。

index.html
<head>
<meta name='twitter:card' content='player'/>
<meta name='twitter:title'content=タイトル/>
<meta name='twitter:description'content=説明/>
<meta name='twitter:image'content=実行前に表示される画像の絶対パス/>
<meta name='twitter:player'content=PlayCanvasの実行URL/>
<meta name='twitter:player:width'content='640'/>
<meta name='twitter:player:height'content='480'/>
</head>

登録ができたら以下のリンクから正しく登録できたかテストします。
Card Validator - Twitter

player cardの場合はドメイン単位でtwitterのwhitelistに登録する必要があるので、まず使う前に上のリンクから登録します。

1,2日程度で登録が完了したメールが届くので、以降はURLをつぶやくだけで使うことができます。

utautattaro
世界中の端末で自分の書いたコードを走らせることが夢です
https://utautattaro.com
playcanvas
"PlayCanvasは、ブラウザ向けに作られたWebGL/HTML5ゲームエンジンです。PlayCanvas運営事務局は日本国内でのPlayCanvasの普及を目的に活動しています"
https://playcanvas.jp
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away