GitHub - tensorflow/tfjs-core: WebGL-accelerated ML // linear algebra // automatic differentiation for JavaScript.You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
クォータニオンによる視点の移動 （WebGL（Three.js））
特定非営利活動法人natural science は、知的好奇心がもたらす心豊かな社会の創造にむけて、 現代社会では実感する機会の少ない科学や技術のプロセスを可視化・共有化する場づくりを通じて、 科学を切り口とした地域づくりを目指す、若手主体の団体です。 | More ≫ ３次元空間中の物体を任意の軸に対して、任意の角度回転させることを考えます。 これは、コンピュータグラフィックなどの世界で、マウス操作などの入力装置を利用して３次元の物体の向きを変更させたいときに必須となります。 一般的に「回転」といえば「オイラー角」を思い浮かべるわけですが、任意の軸に対する回転は不得意であることが知られています。 それは、任意の軸に対する回転に対応する３つのオイラー角が直感的には定式化できないためです。 また、場合によってはジンバルロックと呼ばれるオイラー角を利用時に特定の条件で発生する特有の問題もあり
HTML5のFile APIとWebGLを利用した3D写真ビューア - ICS MEDIA
ブラウザ上で高度なグラフィックを描画できるWebGL。また、HTMLには多彩なAPIが備わっています。今回はiPhoneでも動作する3Dの写真ビューアーを作ってみました。本記事では次の4つの技術を中心に解説します。 ファイルの取り扱いAPI ドラッグアンドドロップのAPI デバイスの傾き検知処理 WebGL デモを再生する（別ウインドウが開きます） ソースコード ※ Androidについては手元の環境では動作しませんでした。 iPhoneでの動作ビデオ 実際にiPhoneで動いているデモは以下の動画です。iPhone 5Sです。 STEP1. ファイルのアップロード方法 HTML5で登場したFile APIを使用すると、ローカルからファイルをアップロードすることができるようになります。ここでは、input要素を使う方法と、ドラッグアンドドロップを使う方法を紹介します。デモでは、demo.F
Fire - photoshopTechniques.com
Branding, Creative & Graphic Designer Agency | Animation Studio Are you looking for guidance from an experienced agency on how to spread the word about your company brand in the USA, Singapore, Hong Kong, Malaysia or Indonesia? Are you confused about how to best market your products or services on the internet? Are you searching for a way to redesign some stodgy and stale elements of your business
WebGLでテクスチャでない方法で画像を表示する - jsdo.it - Share JavaScript, HTML5 and CSS
Rebuildfmで語られていた未来を体験？ 3次元で描画されるようになるってこんな感じか（違う）？ 今回は何も考えず３次元空感にドロップされた画像をプロット。 通常のディスプレイだと微妙な感じだったが、Retinaディスプレイで見たら、意外と良い感じに見えた。 Link wgld.org | WebGL: 点や線のレンダリング | var c; var q = new qtnIV(); var qt = q.identity(q.create()); var gImageData; var image = new Image(); image.onload = function() { console.log('image.onload start'); var canvas = document.createElement("canvas"); canvas.width=image.w
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GooCreate -
WebGL Terrain and Ocean Rendering
Cesium: The Platform for 3D Geospatial
WebGL Earth - 3D digital globe for web and mobile devices