rikuoのブックマーク - はてなブックマーク

rikuo id:rikuo

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

Three.js入門サイトを立ち上げました | ClockMaker Blog
こんにちは、池田です。この度「Three.js入門サイト」を立ち上げました。 Three.js入門サイト – ICS MEDIA WebGLアドベントカレンダー2017の場をお借りして、Three.js入門サイトの特徴や経緯を紹介します。 Three.js入門サイトを作った理由 Three.jsは3DのWebコンテンツを作ることのできるJS・WebGLライブラリです。私がThree.jsを触ったのが7年前の2010年（参照記事「CanvasタグとJavaScriptで3Dのデモを作ってみました」）。当時は某大手会社の商用サイトでCanvasタグで3Dを動かすことに挑戦し、未来的な話題のサイトとしてピックアップされたこともありました。そんなThree.jsはライブラリはAPIの改変を続けながら、開発が今も続いています。私が初めて触ったのはr17でしたが、現在はr88が最新版です。これだけ息
rikuo 2017/12/08
リンク
http://clockmaker.jp/blog/2014/01/html5-webgl-away3d-typescript-samples/
rikuo 2014/01/03
WebGL
リンク
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)
rikuo 2010/10/04
JavaScript
リンク
wonderflから学ぶActionScript 3.0最適化 | ClockMaker Blog
いつも勉強になる_level0.KAYACさんのブログでイベント告知(ごはんとFlash -Its a wonderfl rice-)がありましたが、皆さん詳細をチェックしましたか？ライブコーディングというその場でActionScript 3.0を書いて課題のFlashを作るという企画もあるのですが、私も参戦します。果たして30分で作り上げることができるのか、今から緊張します。さて、前置きが長くなりましたが、wonderflで検証されたActionScript 3.0最適化手法をまとめてみました。詳細は以下から。 Bit map関連 Flashの処理速度の最適化において、描画処理の最適化は最も効果があります。ここではスクリプトで高速化した検証結果をまとめてみました。 Bit mapDataクラスのdraw()とcopyPixels()だとcopyPixels()のほうが160%高速。 co
rikuo 2009/11/20
ActionScript

performance
リンク
1