babylonjs-character-navigation

KO | EN

gitlite — search

#shell #tailwindcss #vue #artificial-intelligence #awesome-list #csharp #javascript #git #editor #gemini

babylonjs-character-navigation

(★ 17)

This is a simple Character Navigation demo using Babylon JS 6.

File Explorer

ZIP Download

- main.css
- controller.js
- main.js
- browser-detector.js
- jquery.js
- - environment_19.env
- - jump_icon.png
  - smoke.png
- - character.glb
  - Character_Comp_6.glb
- - ground.jpg
  - ground_normal.jpg
  - heightMap.png
  - heightMap2.png
  - metal.jpg
  - noise.jpg
.gitignore
index.html
package-lock.json
package.json
README.md

# Use via CDN

jsDelivr

jsDelivr serves any public GitHub repository as a CDN with zero setup. Pick a version and a file to get a ready-to-paste link and snippet.

Version

File

Link

Example

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

This is a simple Character Navigation demo using Babylon JS 6.

&#10003;
Setup NPM and Install BJS

- Install NodeJS from https://nodejs.org/en
- Download or Clone this Repository
- Open a Terminal (Usign for example VSCode) 
- RUN: npm install (To Install BJS Libraries from NPM)

> If this tool saves you time, consider supporting its development — every contribution funds more experiments and free tools for the community. ☕
>
> <a href="https://www.buymeacoffee.com/drlerian" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" height="50"></a>

&#10003;
Main Code
- Everything is in main.js and controller.js in js folder.
- Very simple, take a look and I hope you enjoy it

The main purpose is to use linear movement and in this case don´t use physics.
The character moves using MoveWithCollisions function and simulates gravity.

Control is easy
Use WASD controls and arrows on the computer and Space to Jump.
On mobile use the Left Stick for movement, the Right Stick to turn the character and Button to Jump.

&#10003;
Try the Live DEMO
https://www.viseni.com/_demos_/character_navigation

-- TO DO --
- Clean & improve code ✓
- Improve jump movement ✓
- Add new animiations (Jumping, Falling...)
- Add support for double jump
- Add a nice 3D Environment Scene

babylonjs-character-navigation

Owner Repos

File Explorer

# Use via CDN

Was this content helpful?

Recent Feedback

babylonjs-character-navigation

Owner Repos

File Explorer

# Use via CDN

Was this content helpful?

Recent Feedback

Download README