https://github.com/vanheemstrasystems/babylonjs-scene-third-person-character-controller
BabylonJS Scene - Third Person Character Controller
https://github.com/vanheemstrasystems/babylonjs-scene-third-person-character-controller
Last synced: about 15 hours ago
JSON representation
BabylonJS Scene - Third Person Character Controller
- Host: GitHub
- URL: https://github.com/vanheemstrasystems/babylonjs-scene-third-person-character-controller
- Owner: vanHeemstraSystems
- Created: 2024-01-08T10:02:08.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-18T08:20:26.000Z (over 2 years ago)
- Last Synced: 2025-10-29T22:46:04.044Z (8 months ago)
- Language: TypeScript
- Size: 34.2 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
babylonjs-scene-third-person-character-controller
# BabylonJS Scene - Third Person Character Controller
This repository stores the BabylonJS Scene ```Third Person Character Controller```.
It is being referenced from [BabylonJS Third Person Character Controller](https://github.com/vanHeemstraSystems/babylonjs-third-person-character-controller).
The idea is to separate the *scenes* from the *framework* that uses these scenes, so one can develop scenes separately and independently from the framework.
Take into account "Optimizing a Large-Scale Babylon.js Scene" at https://joepavitt.medium.com/optimizing-a-large-scale-babylon-js-scene-9466bb715e15 and "Optimizing Your Scene" at https://doc.babylonjs.com/features/featuresDeepDive/scene/optimize_your_scene
See an example of a very large scene at https://www.ibm.com/resources/cloud/mayflower-ship-experience/#/experience/harbor and how it was built at https://joepavitt.medium.com/building-the-web-based-3d-digital-experience-for-the-mayflower-autonomous-ship-a56f08e6558
## 100 - Introduction
## 200 - Requirements
## 300 - Building Our Application
You can download the ```scene.ts``` file from a remote application with the following URL: https://github.com/vanHeemstraSystems/babylonjs-scene-third-person-character-controller/raw/main/scene.ts
Example code:
```
...
import { ThirdPersonCharacterController } from "https://github.com/vanHeemstraSystems/babylonjs-scene-third-person-character-controller/raw/main/scene.ts";
...
```
In case you get this error (see https://stackoverflow.com/questions/74143299/the-target-environment-doesnt-support-dynamic-import-syntax-so-its-not-possi):
```
ERROR in external "https://github.com/vanHeemstraSystems/babylonjs-scene-third-person-character-controller/raw/main/scene.ts"
The target environment doesn't support dynamic import() syntax so it's not possible to use external type 'module' within a script
```
To dynamically import ES modules you'll need to change webpack's output type to ESM:
```
... TO DO: find solution
```
Alternatively you could try ignoring the external import with ```webpackIgnore```:
```
... TO DO: find solution /* webpackIgnore: true */
```
## 400 - Conclusion