TypeScriptとThreeJSで遊ぶ(WebGLのフォールバックを考える) - Qiita
この記事はTypeScript Advent Calendarの16日目の記事です。 この記事では、WebGLの普及率と、 CSS3DRenderer について書きます。 ほとんどTypeScript関係なく、しかも「Naverまとめ」みたいになってしまいました。 Three.js のレンダラについて three.jsで3DプログラミングというとWebGL必須な印象がありますが、three.js は他の種類のレンダリング方法にも対応しています。 本体の three.min.js に同梱されているのはWebGLRendererのみですが、リポジトリのexample ディレクトリを見てみると、example/js/renderer 内にいろいろな種類のレンダラが格納されています。 このうち、特に使用頻度が高いのは CSS3DRenderer、CanvasRenderer の2種類だと思います。
TypeScriptとThreeJSで遊ぶ(Oculus Rift) - Qiita
この記事はTypeScript Advent Calendarの15日目の記事です。 この記事では、TypeScriptでthree.jsとOcurusRiftを扱う方法について書きます。 取り扱う対象の性質により（？）、内容がオタク成分高めですが、ご容赦ください。 OculusRiftの感想 数か月前、OcurusRift DK2を買いました。 無論、目的はSteam のゲームを立体視で遊ぶことです。 どうもネットの話題を見ていると、あのHalf-Life 2 が立体視で遊べるらしいのです。 これは買わざるを得ません。 注文して数ヶ月後実物が届き、さっそくHalf-Life 2を起動してみます。 「おぉ、NPCの背丈が実感できる！ゴードンさん背が高い！」 ...しかし残念なことに、気分が悪くなってしまい5分と遊べませんでした。 おそらく、OculusでFPSを遊べるのはフィギュアスケータ
Creating a 3D game with Three.js and WebGL - Build New Games
Prerequisites A browser with WebGL - this game has been tested on Chrome and Firefox. IE still doesn’t support WebGL, unless you’re using Windows 8.1 with IE11. Three.js library available for download from the Three.js website The Keyboard.js helper library I used for this project, created by Arthur Schreiber at No Karma. Download it from my GitHub repository A basic understanding of what Three.js
[TypeScript][WebGL][Three.js] 3D で遊ぼう ～C#er も TypeScript で楽々 WebGL～ ― 準備編 (プログラミング C# - 翔ソフトウェア (Sho's))
※ Mobile HTML5 compatibility on iPhone, Android, Windows Phone, BlackBerry, Firefox OS and other mobile devices より引用。 Windows RT タブレットでは動作する。 WebGL プログラミング WebGL のプログラミングには、シェーディング言語である GLSL (OpenGL 2.0) と JavaScript を用いる。 次の図のような感じだ。左側が GLSL、右側が JavaScript による部分だ。 GLSL と JavaScript による WebGL プログラミング 慣れていない人には、結構大変だ。 three.js そこで、ここでは three.js という JavaScript のライブラリを用いることによる。 three.js は、WebGL のラッパー
![[TypeScript][WebGL][Three.js] 3D で遊ぼう ～C#er も TypeScript で楽々 WebGL～ ― 準備編 (プログラミング C# - 翔ソフトウェア (Sho's))](https://cdn-ak-scissors.b.st-hatena.com/image/square/d612acdaee724f5c287c94b9f685c0291a03b36e/height=288;version=1;width=512/http%3A%2F%2Fblog.shos.info%2Farchives%2F2014%2F02%2Fimages%2Fwebglprogramming.png)
TypeScriptでthree.js - かずきのBlog@hatena
今日デブサミ2013 Day0に行ったんですが、デバイスとかセンサーで得た情報を視覚化するのって大事だなと思ったりしたんですが、自分にはその手段がないということに気付きました。3Dグラフィックとか現実をシミュレートするような基礎的な知識が何もない。 よく使われてるのは Unityでした。ちょっとSDK入れてとかやるのがだるかったので…。 three.jsを試してみた 最近TypeScriptを触ってるのもあるのでWebGLをラップしてくれるデファクトスタンダードっぽいライブラリのthree.jsを試してみました。NuGetで探してみたところ、型定義はあるみたいなので。three.js本体はNuGetになかったので本家サイトからDLしました。 three.js - JavaScript 3D library NuGet Gallery | threejs.TypeScript.Definit
『如何算平码』 · MSC地中海邮轮“华丽号”东西地中海全览15日之旅-Mobile
澳门澳门澳门精准大全(中国)有限公司董事、生物医药首席技术官Christian Bachofen先生接受了《制药业》专访 “客户的成功就是我们的主要目标。”近日，澳门澳门澳门精准大全(中国)有限公司董事、生物医药首席技术官Christian Bachofen先生接受了《制药业》专访时说道。以下为采访原文，转载自《制药业》公众号。 制药企业建设制药设施需要大量的投资，如果设施建设能够符合国家规范要求，实现成本可预测，缩短产品上市时间，而且具有未来重新规划的灵活性，对于制药企业来说意义重大。 Christian Bachofen先生 国际知名生物医药设计规划专家、澳门澳门澳门精准大全工程科技集团董事、生物医药首席技术官 一个项目从筹划到完成，前期设计在其中发挥着举足轻重的作用。工程行业通常将概念设计和初步设计统称为前期设计，作为详细和施工图设计的基础。Christian Bachofen指出，
FxUG@Fukuoka 「three.jsはじめましょ」LT資料を公開しました
2013-03-09 FxUG@FukuoakでのLT「three.jsはじめましょ」の資料を公開しました。 FxUGはActionScript, Flexなイベントですが、懐が広く本来なら関係ないthree.jsでのLTを許していただき20分ほどお時間頂きました。 当日は Stage3D Starling, Away3D, Altenativa3D, IN2AR など旬な3D OpenGL関連の話とSocket通信、またそれぞれをモバイルアプリにどう利用するかというワクワクする内容が盛りだくさんのステキなお話が目白押しの一日でした。 three.js は HTML5 canvas で3Dを実現するJavaScriptライブラリなので、3Dつながりということでお許しいただきたいと思います。 WebGLだけでないthree.js もともと three.js は Canvas WebGL のた
3D ゲームも簡単に作れる! tmlib.js x three.js(WebGL) で 3D プログラミング出来るようにしてみた!! | TM Life
私の方でずっと作っている JavaScript ライブラリ『tmlib.js(ティーエムリブ ジェイエス)』ですが, この度, 晴れて『three.js』と結ばれることとなりました. っとはいっても一方的にですけどねw tmlib.js は, 2Dゲームだったりツールを作る機能は揃っていましたが 3D に関する機能は今までありませんでした. WebGL をラップして自前で作ったりもしていたのですが, なかなかピンとこず… そこで今回は割りきって three.js をそのまま取り込んでtmlib.js の基本インターフェースと同じように使えるようにしてみました. サンプルをいくつか用意したので遊んで頂けると幸いです. もちろん jsdo.it で♪ Table of contents tmlib.js とは？ three.js とは？ tmlib.js x three.js で作ったサンプル
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を利用した様々なサンプルページやアプリケーシ
Happy Elements Labs: 150行でここまでできる！Three.jsによる3Dタイピングゲーム
カメラ # PerspectiveCamera以外にOrthographicCameraがあります。 # 引数: 視野角（垂直）、描画範囲の縦横比、カメラから一番近い描画点、カメラから一番離れた描画点 @camera = new THREE.PerspectiveCamera(40, document.width / document.height, 1, 10000) # カメラの位置 @camera.position.y = 300 @camera.position.z = 1000 レンダラー（sceneの描画を行うためのオブジェクト） # WebGLRenderer以外にCanvasRenderもあります。 # 引数のオプションは下記を参照 # https://github.com/mrdoob/three.js/wiki/WebGLRenderer @renderer = new
日記 | ヨモツネット
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
WebGL and Three.js
Colin Barre-Brisebois - GDC 2011 - Approximating Translucency for a Fast, Che...Colin Barré-Brisebois
Examples created by Yomotsu using THREE.js
Examples created by Yomotsu using THREE.js basic cube basic cube with textures load collada model load converted MMD models ray_basic ray_basic2 collitsion_detection_with_Ray MD2 model with actions kind of a TPS game triangle which is created from Vertex geom_from_vertex geom_from_vertex2 geom_from_vertex3 geom_from_vertex4 geom_from_vertex5 geom_from_vertex6 geom_from_vertex7 texture_using_2Dcanv
HTML5による物理シミュレーション環境の構築 ～WebGLライブラリThree.js 入門（１／３）～
HTML5とWebGL 初めにHTML5の位置づけについて簡単に触れます。HTML5とはこれまでのWebページ作成言語で主流だったHTML4やXHTMLの後継言語のことで、 2008年に草案がまとめられ、2014年までにウェブブラウザ各社への正式勧告を目指して策定が進められています。 HTML5は 2012年1月でもまだ「草案」段階で、仕様も流動的な準備段階であるが、開発側からもユーザ側からも非常に注目が集められています。 その大きな理由の一つに挙げられているのが、iPhoneやAndroidなどのスマートフォンの台頭による情報端末の多様化への対応のためです。つまり、様々なWEBコンテンツのクロスプラットフォーム化への重要な貢献が期待されているからです。 というのもスマートフォンの登場までは、Adobe社が提供する FLASH が動画やオーディオなどが組み合わされたマルチメディアコンテンツ
robsilv/three.dart - GitHub
Dart 3D Engine This project aims to port the three.js JavaScript 3D engine to Dart. Starting at three.js revision 47.0, the aim is to recreate all of the existing three.js examples, until parity is reached with this version. Beyond this point, further revisions to three.js will be closely followed and matched in three.dart. Change Log 2012 02 12 - r1.1 Project restructuring: - "ThreeD" renamed to
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
three.js はじめましょ
html editor
zfedoran/convert-to-threejs · GitHub
added new fbx converter · mrdoob/three.js@a9b7fe4
https://saqoo.sh/a/labs/perfume/2/