KO
|
EN
gitlite — search
Search
#javascript
#php
#java
#dotfiles
#ruby
#linux
#c-plus-plus
#python
#vim
#zsh
#opencv
#library
browser-flight-simulator
★ 40
Open GitHub ↗
noclip irl
Download README (.md)
Explore Similar Repositories
irlbpy
:
Truncated SVD by implicitly restarted Lanczos bidiagonalization for Python Numpy
rtchat
:
A chat app for IRL streamers.
scalable-birl
:
Scalable Bayesian Inverse Reinforcement Learning (ICLR 2021) by Alex J. Chan and Mihaela van der Schaar.
f-IRL
:
Inverse Reinforcement Learning via State Marginal Matching, CoRL 2020
Squad-IRL
:
Squad IRL — real-world samples showcasing the Squad SDK
// repository documentation
Was this content helpful?
★ 0
(0 ratings)
Select Rating:
★
★
★
★
★
Submit Feedback
Recent Feedback
×
Download README
Do you want to download the
README.md
file for
browser-flight-simulator
?
Download (.md)
# Browser Flight Simulator     Watch the full video here: https://www.youtube.com/watch?v=iTNqfcdOCow This is a fork of the absolutely amazing project [Geospatial Rendering in Three.js](https://github.com/takram-design-engineering/three-geospatial) by [Shota Matsuda](https://github.com/shotamatsuda). You can try three-geospatial [here](https://takram-design-engineering.github.io/three-geospatial/?path=/story/clouds-3d-tiles-renderer-integration--tokyo). # Enhancements - **Improved movement**: wasd movement is way smoother (can adjust sensitivity in filter menu) - **Camera control** - Arrow keys (can adjust sensitivity in filter menu) - **FOV slider** - q and e (120 to 20 fov) - **70 new cities** - Listed below (note you can find all 3D scanned places by going to Google Earth > Layers > 3D Coverage) Other controls: - space/c - go up and down - left click - grab and rotate # 70 cities in Google 3D - Tokyo - Fuji - London - New York City - Los Angeles - Chicago - Houston - Phoenix - Philadelphia - San Antonio - San Diego - Dallas - San Jose - Austin - Jacksonville - Fort Worth - Columbus - Charlotte - Indianapolis - San Francisco - Seattle - Denver - Washington DC - Nashville - Oklahoma City - Boston - El Paso - Portland - Las Vegas - Memphis - Detroit - Baltimore - Louisville - Istanbul - Moscow - Paris - Berlin - Madrid - Rome - Kyiv - Vienna - Hamburg - Warsaw - Budapest - Barcelona - Munich - Milan - Prague - Sofia - Brussels - Amsterdam - Athens - Stockholm - Tokyo City - Shanghai - Beijing - Delhi City - Mumbai City - Guangzhou - Shenzhen - Seoul City - Jakarta - Chengdu - Karachi - Bangkok - Ho Chi Minh City - Kolkata - Manila - Tianjin - Bangalore - Tehran - Lahore - Osaka # Setup 1. Sign up for Google Cloud to get a Maps Tiles API, it's free! Then add it to .env: STORYBOOK_GOOGLE_MAP_API_KEY=<your-key> 2. bun install -g pnpm 3. pnpm install 4. pnpm storybook (maybe pnpm nx storybook) 5. http://localhost:4400/ # Geospatial Rendering in Three.js This repository hosts a prototype of the rendering aspect of a Web GIS engine. It’s part of Takram’s client projects, commissioned by a company selected by the Cabinet Office of Japan under the SBIR (Small/Startup Business Innovation Research) program. Since the Web GIS engine is planned to be developed as an open-source project, this prototype is also being developed openly. While it’s uncertain whether we can provide long-term maintenance, we hope this work proves to be valuable. Our contribution to the project is scheduled to conclude by March 2025. ## Packages <!-- prettier-ignore --> | Name | Description | Status | NPM | | -- | -- | -- | -- | | [atmosphere](packages/atmosphere) | An implementation of Precomputed Atmospheric Scattering | Beta | [@takram/three-atmosphere](https://www.npmjs.com/package/@takram/three-atmosphere) | | [clouds](packages/clouds) | Geospatial volumetric clouds | Beta | [@takram/three-clouds](https://www.npmjs.com/package/@takram/three-clouds) | | [core](packages/core) | Provides fundamental functions for rendering GIS data | Alpha | [@takram/three-geospatial](https://www.npmjs.com/package/@takram/three-geospatial) | | [effects](packages/effects) | A collection of post-processing effects | Alpha | [@takram/three-geospatial-effects](https://www.npmjs.com/package/@takram/three-geospatial-effects) | Other packages not listed above are considered “examples” and are not intended for production use. ## Developing This repository uses a monorepo setup with [Nx](https://nx.dev). Please refer to its documentation for details of the concept. The `packages` directory contains the publishable NPM packages listed above. The `storybook` directory contains [Storybook](https://storybook.js.org) stories across the libraries. The stories are separated from the libraries to avoid circular dependencies. Story files and components are also separated to enable fast-refresh, which only supports files containing components only. The `apps` directory contains standalone applications. - `data`: A command-line app for generating data. ### Installing ```sh git clone git@github.com:takram-design-engineering/three-geospatial.git cd three-geospatial pnpm install ``` This repository uses [Git LFS](https://git-lfs.com) for assets. You may need to [install it](https://docs.github.com/en/repositories/working-with-files/managing-large-files/installing-git-large-file-storage) and pull/fetch the assets using: ```sh git lfs pull ``` ### Commands Project level commands are defined in [`project.json`](project.json). Although library and app-specific commands are defined in the respective `project.json`, most of them are inferred targets, and you may need to run `nx show project {name}` to see them. - `nx storybook`: Run Storybook locally. - `nx build`: Build all libraries and apps. - `nx build-libs`: Build all libraries. - `nx build {name}`: Build a specific library or app. - `nx test`: Run unit tests. - `nx lint`: Run linter. - `nx format-all`: Run prettier. ### Environment variables Create a `.env` file in the root directory with the following variables: <!-- prettier-ignore --> | Name | Description | | -- | -- | | `STORYBOOK_GOOGLE_MAP_API_KEY` | [Google Maps API key](https://developers.google.com/maps/documentation/tile/get-api-key) | | `STORYBOOK_ION_API_TOKEN` | [Cesium Ion API access token](https://cesium.com/learn/ion/cesium-ion-access-tokens/) | ### Formatting and linting Run `nx format-all` to format your source code using Prettier. Ignore files you did not edit, as other files might also be formatted. Run `nx lint` to check for non-formatting-related code conventions. Alternatively, if you use VS Code, installing the [Prettier extension](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) and [ESLint extension](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) can help. ### Running Storybook All examples are created as [Storybook](https://storybook.js.org) stories, hosted at: https://takram-design-engineering.github.io/three-geospatial/. The command below runs Storybook locally on port 4400 by default. You can override the port by adding the `--port` option: ```sh nx storybook nx storybook --port 8080 ``` Some stories use Cesium Ion assets. To display them correctly, search for the following assets in the [Asset Depot](https://ion.cesium.com/assetdepot/) and add them to your [My Assets](https://ion.cesium.com/assets/): <!-- prettier-ignore --> | Name | Asset ID | | -- | -- | | Cesium World Terrain | `1` (likely exists by default) | | Japan Regional Terrain | `2767062` | ### Note on Storybook errors You may occasionally encounter the following errors, especially when switching branches: ``` The file does not exist at "..." which is in the optimize deps directory. The dependency might be incompatible with the dep optimizer. Try adding it to `optimizeDeps.exclude`. ``` or even `R3F: Hooks can only be used within the Canvas component!` error in the browser. If the Storybook build succeeded on the commit you’re currently on in the Github Actions, the problem is likely not in the source or Storybook configuration. I haven’t found a reliable way to prevent this problem or recover from it reliably. In most cases, removing the Storybook cache, resetting NX, restarting Storybook, and opening the Storybook in a _new browser window_ will recover from it: ```sh rm -r storybook/node_modules nx reset nx storybook ``` If the problem persists, try clearing the browser cache. ### Generating a library To generate a React library: ```sh nx generate @nx/react:library --name={name} --bundler=vite --directory=packages/{name} --compiler=swc --importPath={package_name} --style=none --unitTestRunner=jest --no-interactive ``` To add a Storybook configuration: ```sh nx generate @nx/storybook:configuration --project={name} --uiFramework=@storybook/react-vite --no-interactive ``` ## License [MIT](LICENSE)
