WebGPU・WebGL開発に役立つ三角関数の数式・概念まとめ （Three.js編） - ICS MEDIA
3Dコンテンツの制作において「三角関数は必須」とよく聞きます。ウェブサイト制作で三角関数を使う場面はほとんどありませんが、WebGPU・WebGLの勉強をすすめると3Dでは三角関数を使う場面が多いことに気づきます。本記事では3Dコンテンツ制作で使用頻度が多い基本的な数式と概念をまとめました。 今回解説する内容は地味ですが、ゲームやデータビジュアライゼーションを作る上でこの数式が基本となってきます。高校数学で学んだことをベースに、3つのサンプルを通して学習できるようまとめましたので、ぜひ最後までお付き合いください。WebGPU・WebGLの人気ライブラリの1つ「Three.js」を使って解説しています。 三角関数を使ったデモの紹介 まずは、本題に入る前に三角関数を使ったデモを作成したので紹介します。次のリンクをクリックしてご覧ください。 デモを別ウインドウで再生する ソースコードを確認する
地理院地図３D
※１ ３Dプリンタ印刷用ファイルをダウンロードできます。 ※２ 立体地図用ファイルがダウンロードできます。ローカル環境で閲覧される場合は、Firefox をご使用ください。 - さらに１ステップ - 「WebGL」を選択してダウンロードされるファイルのうち「texture.png」は通常の画像ファイルです。 ペイントなどの描画ソフトで開き、線や文字を書き込んでオリジナル立体図を作ることもできます。 また、座標付の画像を扱えるソフトでは、GPSの軌跡などを重ね合わせて保存すると、登山ルートなどが入った立体地図や 立体模型を作ることができます。 サンプル ギャラリー 各地方測量部おススメの場所です。 イメージをクリックすると立体地図が開きます。 ボタンをクリックすると大きなイメージでご覧いただけます。 立体地図を閲覧するには、Internet Explorer 11、Google C
Introducing open source evoSpicyParticleEngine « simppa.fi/blog
In this post I’m going to explain some of my findings when playing around with Adobe’s Stage3D and particles. I have pushed the current version of particle engine called evoSpicyParticleEngine into GitHub, will show some examples how to play with it and explain tricks used in it. … but first I want to joyously announcing that I do not owe you shit. Nor does anyone else that open source stuff or re
blog.alumican.net » Blog Archive » Autodesk 123D Catch がすごい
対象物が写った複数の画像をアップロードすると、サーバサイドで対象物を三次元復元し、3Dモデルデータをダウンロードできるアプリ『Autodesk 123D Catch』がすごいわけです。とりあえず、出力されたfbxファイルの頂点データをFlashでパースして某PV風なサウンドビジュアライズを速攻で作ってみました。 » Vertices From Autodesk 123D Catch fbxのパースにはSaqooshaの『FBX Parser for AS3』が使えるかなあと思ったんですが、fbxは方言が激しいらしくうまくパースできなかったので強引にやりました。今、膨大な頂点をまびきながらテクスチャをマッピングする作業が思ったよりもめんどうで苦戦中。 3Dモデルのモデルには@bouzeが協力してくれました。アプリには完成したモデルデータをYouTubeにアップするボタン（いるのかこれ）も付い
perspective-correct texturing using HTML 5 <canvas>
Demo of perspective-correct texturing in <canvas>, by adaptive triangle subdivision. blur: wireframe: draw quad: subdiv factor: (optional) non-adaptive depth: fps: - tris drawn: - Mouse drag → rotate object a → zoom in z → zoom out w → toggle wireframe If it's slow or spiderwebby, try Chrome. If the image disappears, refresh the page (NaN somewhere, sorry about that). Old software-rendering tricks
note.x | Stage3D Physics library “Pellet”
Adobe製Stage3D用フレームワーク Proscenium に付属してくる物理演算ライブラリ「Pellet」を単独で使ってみた。 btConvexHullShape Test（要：FlashPlayer11） Pellet は、C++で書かれたオープンソースの物理演算ライブラリ「Bullet」のAS3移植版。 BulletはBlenderのゲームエンジンで使われてたりする。（MMDが採用してるっていうほうが通りがいいのかな）そのAS3ポートといえば、 Away3D 4.0 jiglib vs Bullet « DevJamMemo AwayPhysicsを使って衝突判定をしてみる Flash Player 11 対応の 3D 物理演算ライブラリ「AwayPhysics」 | ClockMaker Blog 等のエントリーですでに紹介されているAway3D4.0用のAwayPhy
Mozilla Re-Mix: どんなウェブページも3D化することができるFirefoxアドオン「Tilt」
Firefox 4以降からは、WebGL対応のグラフィックカードを搭載しているPCで3Dグラフィックスを描画することができるようになっています。 この機能を利用して、どんなウェブページも3D化することができるようになるというアドオンが話題になっていましたので、ちょっと試してみました。 WebGLを利用して、表示しているウェブページを3D化する「Tilt」は、複数のMozilla開発者による「Developer Tools project」から生まれた実験的なアドオンです。 WebGL対応PCでFirefox 4以降を利用している環境にこのアドオンをインストールすると、任意のページを3D化し、マウスでグリグリと動かすことができるようになります。 使い方は非常に簡単です。 3D化したいページを開き、Ctrl+Shift+L（Macの場合Cmd+Shift+L）を実行するか、ツールメニューから[
Adobe MAX 2010 : 新しい Flash Player 3D API について
池田 泰延（勉強会用） @clockmaker_bot 次は「Flash Player 3D Future」を受講します。新しいFlash Player の3D APIについての内容なので、引き続きツダります！ #maxjp 2010-10-28 02:24:00
Engadget | Technology News & Reviews
Paramount+ annual subscriptions are 50 percent off right nowThe discount applies to both the Essential and Premium plans. This Apple Music promotion gives new subscribers three free months of the Family PlanApple Music has a good deal for new subscribers. The Family Plan is free for three months if you don't already pay for a tier.
blog.alumican.net » Blog Archive » drawTrianglesで球面マッピング
既視感ありまくりのエントリで恐縮なのですが、今までGraphics.drawTrianglesを使ったことなかったのと、仕事で必要になったので勉強しました。 [Study] Sphere using Graphics.drawTriangles – wonderfl build flash online 外部から読み込んだ画像をテクスチャとして球面上にマッピングしています。 パースはつけていません。 一応最適化ということで、頂点をなるべく重複点させないようにしています。ただし画像の端に対応する頂点がうまくマージでずにほったらかしなので、頑張ればもうちょっと減らせると思います。 迷ったのが、多数の3次元座標を Matrix3D を使って一括投影するのに、 Utils3D.projectVectorsとMatrix3D.transformVectorsがあるということ。 前者は2次元座標
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Unity向け3D都市モデルデータ「ZENRIN City Asset Series」｜ゼンリン
http://dl.dropbox.com/u/129457/Unity/TailDrift.html
https://raksy.dyndns.org/torus.html
Sign in - Google Accounts
New Japanese 3D cities available in Google Earth
Tumblr
stereo
YouTube - Picasso's Guernica
Building blocks: 3D models with detailed facades
http://ad.heart-train.com/