[B! JavaScript][canvas] yogasaのブックマーク

ぱんちら.js -JavaScriptでテクスチャマッピング- HTML5飯発表資料

HTML5飯 http://atnd.org/events/52477 発表資料ぱんちら.js -JavaScriptでテクスチャマッピング-

yogasa 2014/06/23

リンク

JavaScript 3DレンダリングエンジンのThree.jsを試す

こんにちは。 KRAYアルバイトの浅海です。今回は、最近ちまたで噂のThree.jsで遊んでみようとおもいます。 http://github.com/mrdoob/three.js webgl対応のブラウザで見ている方は、右上に3Dのボックスが表示されていると思います。 Three.jsを使えば、このようなことを簡単にJavascriptで実現できるのです。半信半疑で使ってみたところ、たしかにThree.jsでは、3D特有の行列計算や数学的思考をせずとも、3Dを表示、操作することができました。「ちょっとのプログラムで3Dができる。」この面白さを皆さんに届けたいです。目次立方体を表示する光をあてるテスクチャを貼り付けるマウスで回転させるマウスで移動させるクリック判定する Three.js web上には、HTML5のcanvasを利用した様々なサンプルページやアプリケーシ

yogasa 2012/02/04

リンク

GREE Engineering

404 お探しのページは見つかりません GREE Engineering トップへ戻る

yogasa 2011/02/07

リンク

まだまだ間に合うCanvasでアニメーション入門（まとめと実践） :: 5509

JavaScript Advent Calendar 2010も22日目！あと3日ですよ。僕はちょうど学んだばかりのCanvasをアウトプットもかねて、まとめと実践を書いてみます。知ることと行うことは同一である、最近行ったセミナーでも言ってました。 jsdo.itにはほんまにこれCanvasなん？なサンプルいっぱいありますね。あーいうの書けるようになりたいなぁとか思いつつ、jQueryばっかりさわってた僕は.animate()メソッドの便利さに取り憑かれていたので、Canvasの絵もまだ上下左右で動かすくらいしかできません。慣れが必要です。。どうでもいい情報としてCanvasの読み方なんですけど、「キャンバス」じゃなくて「カンバス」が正しいようです。キャンバス・カンバスどっちでもよさげ。僕はキャンバスって読んでました。けどカンバスにします。前置きはこれくらいにして、今回は次のようなカラ

yogasa 2010/12/23

リンク

OpenGLなにそれうまいの?? という人のためのWebGLの始め方 - hagino3000's blog

追記：例題の頂点シェーダーで何をしているか説明を追加しました追記：動作環境の所修正しました、IE9では動作しません。皆さんはじめまして、荒川智則です。この記事はJavaScript Advent Calendarの21日目です。この記事では、Google I/OやFirefox Developers Conferenceで華麗なデモがバリバリ出てくるにもかかわらず、実際に使っている人が異常なまでに少ないWebGLについて書きます。対象読者はWebGLに興味があるor手を出してみたけどクソ難しそうだし既に諦めそう、という人です。 WebGLの概要 WebGLはOpenGL ES 2.0のグラフィックAPIをCanvas要素上で使える様にした物です。OpenGL ESはOpenGLの組み込み機器向けのサブセットで、iPhoneやandroid端末にも搭載されています。OpenGL ESな