lundi 14 novembre 2011

Comment insérer un jeu Unity dans Blogger?

Lorsque je pose cette question sur Internet, je me retrouve sur des sites qui proposent des Gadgets à ajouter à Blogger. J'ai essayé plein de combinaisons et rien ne marche. Au final, la solution est simple. Lorsque vous compilez votre jeu sous Unity pour le Web, Unity crée un fichier .unity3d et un fichier .html. Le fichier .html contient ceci:
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>Unity Web Player | WebPlayer</title>
  <script type="text/javascript" src="http://webplayer.unity3d.com/download_webplayer-3.x/3.0/uo/UnityObject.js"></script>
  <script type="text/javascript">
  <!--
  function GetUnity() {
   if (typeof unityObject != "undefined") {
    return unityObject.getObjectById("unityPlayer");
   }
   return null;
  }
  if (typeof unityObject != "undefined") {
   unityObject.embedUnity("unityPlayer", "WebPlayer.unity3d", 680, 550);
   
  }
  -->
  </script>
  <style type="text/css">
  <!--
  body {
   font-family: Helvetica, Verdana, Arial, sans-serif;
   background-color: white;
   color: black;
   text-align: center;
  }
  a:link, a:visited {
   color: #000;
  }
  a:active, a:hover {
   color: #666;
  }
  p.header {
   font-size: small;
  }
  p.header span {
   font-weight: bold;
  }
  p.footer {
   font-size: x-small;
  }
  div.content {
   margin: auto;
   width: 550px;
  }
  div.missing {
   margin: auto;
   position: relative;
   top: 50%;
   width: 193px;
  }
  div.missing a {
   height: 63px;
   position: relative;
   top: -31px;
  }
  div.missing img {
   border-width: 0px;
  }
  div#unityPlayer {
   cursor: default;
   height: 550px;
   width: 550px;
  }
  -->
  </style>
 </head>
 <body>
  <p class="header"><span>Unity Web Player | </span>WebPlayer</p>
  <div class="content">
   <div id="unityPlayer">
    <div class="missing">
     <a href="http://unity3d.com/webplayer/" title="Unity Web Player. Install now!">
      <img alt="Unity Web Player. Install now!" src="http://webplayer.unity3d.com/installation/getunity.png" width="193" height="63" />
     </a>
    </div>
   </div>
  </div>
  <p class="footer">« created with <a href="http://unity3d.com/unity/" title="Go to unity3d.com">Unity</a> »</p>
 </body>
</html> 
Effacer les styles css, ils vont bousiller la mise en page de votre page. Dans Blogger, ouvrer un nouveau message et aller dans Modifier le code HTML. Coller ce code HTML (sans les styles). Une icône de Unity va apparaître, mais pas le jeu. Dans le code HTML, à l'endroit où est écrit:
if (typeof unityObject != "undefined") {
     unityObject.embedUnity("unityPlayer", "WebPlayer.unity3d", 680, 550);
}
remplacez "WebPlayer.unity3d" avec le lien Web où est hébergé votre jeu. Bon, si vous êtes comme moi, vous n'avez pas vraiment d'hébergeur, alors quoi faire? J'utilise Google Sites pour ce faire. Je me suis créé une page Web nommée FractalGameLab. Je vais dans Google Sites, dans les outils de gestion et j'importe le .unity3d. Je copie ensuite le lien pour télécharger la ressource et je remplace WebPlayer.unity3d par ce lien. Voilà! Le tour est joué. Pour prouver que ça marche, voici une démo de jeu que j'ai fait avec le livre de "Développez des jeux 3D avec Unity" par Will Goldstone.
Unity Web Player | WebPlayer
-->
Unity Web Player | WebPlayer

2 commentaires:

  1. Salut ,

    j'ai une petite jeux 3D en UNITY , et je l'ai converti en webplayer , et le problème que je veux pas l’hébergé juste je veux qu'elle s'apparaisse dans mon site web à travers Localhost , donc je fait quoi ?

    merci de me répondre

    RépondreSupprimer
  2. bonjour et merci,Mes moi dans blogger je peux que crée un nouveau article

    RépondreSupprimer