[フレーム]
はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできます コメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

294users がブックマーク コメント 20

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

Three.jsで新宿駅構内図を3Dで可視化してみる - Qiita

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページ

記事へのコメント20

  • 注目コメント
  • 新着コメント
kazuph1986
何世代か前のスマホで見ても読み込みも動作もヌルサクで可能性しか感じなかった。すごい。

その他
masalib
すごい技術。田舎の人や海外の人からみるとダンジョンみたいに見えるね

その他
mayumayu_nimolove
うーん、やっぱちょっとやっとこうかな。webGL系の話はちょくちょく来るんだよな

その他
roshi
今のWebGLってここまでできるのか、、映画やドラマでよくある「対象が移動しています!」やりたいw

その他
kamm
スクショ見てるだけでも映画の1カットみたいでカッコええ

その他
Tailchaser
回転はCommandボタン推しながらドラッグでできたよ(mac)

その他
strawberryhunter
回転もしてみたかったけど、すごいな。

その他
mumei-0
"正確性をもとめた3次元の可視化はPLATEAUのような3次元モデルのデータの使用を推奨します。"

その他
IGA-OS
webGL凄いな

その他
ma38su
データは平面みたいなので、2.5D的なやつよね。

その他
togusa5
すご

その他
Cald
目的地と敵の場所と侵入経路が欲しくなる

その他
hokkey
かっこよすぎる!

その他
roshi
roshi 今のWebGLってここまでできるのか、、映画やドラマでよくある「対象が移動しています!」やりたいw

2023年12月26日 リンク

その他
aktkro
ワールドトリガーのランク戦みたいなのをこういうとこでやりたいですね

その他
mayumayu_nimolove
mayumayu_nimolove うーん、やっぱちょっとやっとこうかな。webGL系の話はちょくちょく来るんだよな

2023年12月26日 リンク

その他
masalib
masalib すごい技術。田舎の人や海外の人からみるとダンジョンみたいに見えるね

2023年12月26日 リンク

その他
peketamin
え、かっこよ

その他
aike
地下街のビジュアル化って普通にやると意外とそっけない感じになるんだけど、柱とか区画とか地上とか人の動きとか配色とかでかっこよく見えるように工夫している点もすごくいい。

その他
kokumaijp
リアル「8番出口」作ってください

その他
sytkm
"import * as THREE from 'three'; import { MapControls } from 'three/examples/jsm/controls/MapControls.js';"

その他
moriken1098
個人なら良いけど多人数ならR3Fじゃないと触る気になれないやつ

その他
boomerangj
格好いいな

その他
kazuph1986
kazuph1986 何世代か前のスマホで見ても読み込みも動作もヌルサクで可能性しか感じなかった。すごい。

2023年12月26日 リンク

その他

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー
アプリのスクリーンショット
いまの話題をアプリでチェック!
  • バナー広告なし
  • ミュート機能あり
  • ダークモード搭載
アプリをダウンロード

関連記事

usersに達しました!

さんが1番目にブックマークした記事「Three.jsで新宿駅...」が注目されています。

気持ちをシェアしよう

ツイートする

Three.jsで新宿駅構内図を3Dで可視化してみる - Qiita

はじめに この記事では新宿駅の屋内地図データを使用して、Three.jsで3Dによる可視化をします。 DEMOは... はじめに この記事では新宿駅の屋内地図データを使用して、Three.jsで3Dによる可視化をします。 DEMOはこちら サンプルコードはこちら 使用するデータ 今回は、G空間情報センターで公開されている「新宿駅屋内地図オープンデータ」の統合版(ShapeFile)を使用します。 データについての詳細は製品仕様書に記載されています。 この記事のように、データの加工利用には以下の出典が必要となります。 コンテンツを編集・加工等して利用する場合は、上記出典とは別に、編集・加工等を行ったことを記載してください。なお、編集・加工した情報を、あたかも国(又は府省等)が作成したかのような態様で公表・利用してはいけません。(コンテンツを編集・加工等して利用する場合の記載例)「新宿駅周辺屋内地図データ」(国土交通省)(https://www.geospatial.jp/ckan/dataset/mlit-i

ブックマークしたユーザー

  • pecitropen2025年01月18日 pecitropen
  • Gamu10242024年08月07日 Gamu1024
  • techtech05212024年06月22日 techtech0521
  • fivestech2024年05月18日 fivestech
  • makaya2024年02月26日 makaya
  • yamifuu2024年01月18日 yamifuu
  • kamm2024年01月17日 kamm
  • t_f_m2024年01月17日 t_f_m
  • W53SA2024年01月17日 W53SA
  • mgl2024年01月14日 mgl
  • rabbit2go2024年01月08日 rabbit2go
  • rochefort2024年01月05日 rochefort
  • takehirohattori2023年12月31日 takehirohattori
  • ogawa00712023年12月29日 ogawa0071
  • s10611232023年12月29日 s1061123
  • stntaku2023年12月28日 stntaku
  • jamjamtan2023年12月27日 jamjamtan
  • ahat19842023年12月27日 ahat1984
すべてのユーザーの
詳細を表示します

ブックマークしたすべてのユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

同時期にブックマークされた記事

いま人気の記事 - 企業メディア

企業メディアをもっと読む

はてなブックマーク

公式Twitter

はてなのサービス

Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しましたx

AltStyle によって変換されたページ (->オリジナル) /