けいごのなんとか

Unityユーザーとしてのブログ。ギリギリ路線走ってます。

PolymerでUnityWebPlayerを表示するやつ作ったよ

2行(Web Componentsをサポートしてないブラウザでは3行)でWebPlayerを埋め込めるように。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>unity-webplayer</title>
    <script src="//cdnjs.cloudflare.com/ajax/libs/polymer/0.3.3/platform.js"></script>
</head>
<body>

<link rel="import" href="https://dl.dropboxusercontent.com/u/153254465/Unity/unity-webplayer.html"/>
<unity-webplayer width="960" height="600" data="https://dl.dropboxusercontent.com/u/153254465/Unity/Game/GoroGoro/GoroGoro.unity3d"/>

</body>
</html>

実際に動いているページ

WebPlayer

簡単に説明

<script src="//cdnjs.cloudflare.com/ajax/libs/polymer/0.3.3/platform.js"></script>

Web ComponentsをサポートしてないブラウザでPolymer使うために必須。

<link rel="import" href="https://dl.dropboxusercontent.com/u/153254465/Unity/unity-webplayer.html"/>

polymer-elementをインポートする。

<unity-webplayer width="960" height="600" data="Hoge.unity3d"/>

WebPlayerを埋め込むタグ。幅とかWebPlayerデータとかを属性として設定。dataはurlでもいいよ。

TODO

作ったといってもWebPlayer設定部分はまだ作ってないのでいつかやる。

WebPlayerTemplateも簡単なので作る。