タグ

ブックマーク / clockmaker.jp (2)

  • CanvasタグとJavaScriptで3Dのデモを作ってみました | ClockMaker Blog

    HTML5というわけではないですが、CavasタグとJavaScriptを使って3Dのデモを作ってみました。 デモを見る ソースコード ([右クリック]→[ソースを見る]を選択) こういうのを見れば「HTML5すごい、Flashいらない」と思う人もいるかもですが、冷静にファーストインプレッションを。同じものを以前Flashで実装したことがありますが(Papervision3D演出サンプルNo.01:羽ばたく蝶々)、両者のデモを比較することでメリット・デメリットが見えてきます。 <追記:2013年9月3日> Three.jsの最新版rev 60にアップデートしてみました。3年前に作成したときはrev 17だったのですが、別物のライブラリと言わんばかりにほとんどAPIが変わってしまっています。ちなみにTypeScriptで書きなおしています。 デモを見る ソースコード (TypeScript)

    CanvasタグとJavaScriptで3Dのデモを作ってみました | ClockMaker Blog
  • ダイナミックテキストの回転やalpha(透過)を設定 | ClockMaker Blog

    たまには軽い話題を。ダイナミックテキスト周りで回転やalpha制御するTipsを紹介します。OKWaveでダイナミックテキストを回転させたいというトピックが立っていたので、その解決法を考えてみました。すぐに思いついたのはダイナミックテキスト挿入後にBitmapDataでキャプチャを撮り、貼付ける方法です。 ダイナミックテキストを回転させる方法 [source:javascript] // 予めTextFieldのmy_txtに文字情報を入れた上で // ビットマップデータの作成 var bmpData:BitmapData = new BitmapData(my_txt.textWidth, my_txt.textHeight); // キャプる bmpData.draw(my_txt); // ペースト var bmp:DisplayObject = addChild(new Bitma

    ダイナミックテキストの回転やalpha(透過)を設定 | ClockMaker Blog
    oicha
    oicha 2009/11/28
  • 1