Upgrade to Pro — share decks privately, control downloads, hide ads and more …

JavaScript2Dゲームエンジン「swf2js」〜swfも使えるよ〜

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on.

 JavaScript2Dゲームエンジン「swf2js」〜swfも使えるよ〜

第63回 HTML5とか勉強会 with html5jゲーム部発足記念合同勉強会資料

Avatar for Toshiyuki Ienaga

Toshiyuki Ienaga

March 23, 2016
Tweet

More Decks by Toshiyuki Ienaga

Other Decks in Technology

Transcript

  1. HTMLに2⾏追加するだけ! <html> <head> <script type="text/javascript" src="swf2js.js"></script> </head> <body> <script type="text/javascript">

    swf2js.load("./sample.swf"); </script> </body> </html> ①headerにswf2js.jsの本体を読み込む。 ②再⽣したいswfのURLを書く
  2. はじめにRootの作成 /** * @param int width * @param int height

    * @param int * @param object options ** / var _root = swf2js.createRootMovieClip(240, 240, 30);
  3. ⾃作で描画する // rootに空のMovieClipを追加 var shapes = _root.createMovieClip(”shapes"); // Shapeを追加 var

    shape = shapes.createShape(); // ランダムに⾊を設定 var hue = 360 * Math.random(); var color = "hsl(" + hue + ", 100%, 50%)"; // ランダムに円を描画 shape.graphics .beginFill(color) .drawCircle(0, 0, Math.floor(20 * Math.random()));