[B! js][3d] moritataのブックマーク

moritata id:moritata

jsと3dに関するmoritataのブックマーク (3)

Three.jsで新宿駅構内図を3Dで可視化してみる - Qiita
これは MIERUNE AdventCalendar 2023 24日目の記事です! 昨日は@northprintさんによるSvelteKitでURLクエリパラメーターの操作をするでした。はじめにこの記事では新宿駅の屋内地図データを使用して、Three.jsで3Dによる可視化をします。 DEMOはコチラ使用するデータ今回は、G空間情報センターで公開されている「新宿駅屋内地図オープンデータ」の統合版（ShapeFile）を使用します。データについての詳細は製品仕様書に記載されています。この記事のように、データの加工利用には以下の出典が必要となります。コンテンツを編集・加工等して利用する場合は、上記出典とは別に、編集・加工等を行ったことを記載してください。なお、編集・加工した情報を、あたかも国（又は府省等）が作成したかのような態様で公表・利用してはいけません。（コンテンツを編集・
moritata 2023/12/26
js

コンテンツ

Qiita

3d

threejs

three

geo

地図
リンク
three.js超入門第0回 3Dコンピュータグラフィックスの基礎 - Qiita
概要この記事では「three.js超入門」と題して、three.jsの基礎からシェーダーの利用までをやっていきます。ターゲットは主に「canvas表現を触ったことがないフロントエンドエンジニア」を想定しているので、jsの構文などの説明は省略しています。 three.jsのバージョンは執筆時点で最新のr98を使用します。 three.js超入門第0回 3Dコンピュータグラフィックスの基礎 three.js超入門第1回レンダリングまでの流れ three.js超入門第2回アニメーションと時間ベースでの制御 three.js超入門第3回マウスやスクロールでのインタラクション three.js超入門第4回 getBoundingClientRect()を使ったDOM要素との連携 three.js超入門第5回シェーダー(GLSL)の基礎 three.js超入門第6回 Shad
moritata 2018/12/21
js

コンピュータ

カメラ

3d
リンク
現行ブラウザで高度な3D表現を実現するJavaScriptライブラリ「Sprite3D.js」【増田(@maskin)真樹】 | TechWave（テックウェーブ）
1990年代初頭から記者としてまた起業家として30年以上にわたりIT業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日本ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNS、LINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア（スペイン）の元日本編集長を経て現在に至る。
moritata 2011/08/09
3d

js

javascript

css3

HTML5

ライブラリ
リンク
1