Basic First Person Shooter in WebGL JS HTML5 with Matrix Engine 1.8.14

Опубликовано: 30 Март 2026
на канале: javascript fanatic
166
6

Demos:
https://maximumroulette.com/apps/matr...

Source Code:
https://github.com/zlatnaspirala/matr...

STATUS

[Integrated PWA addToHomePage/cache/] ✔
[Integrated raycast (hit trigger detect), bvh animation] ✔
[Basic Physics implementation based on cannon.js] ✔
[FirstPersonController/SceneController Drag and navigation scene] ✔
[Basic's Shadows vs lights (GLSL)] ✔

Description ℹ

This is small but inspiring project. The benefits of this project is offering an overview of the entire application logic, easy native implementations (hybrid app), object structural. Thanks to Mr.Keestu i use (gl-program-structure) new version of glmatrix (2.0). Push&Pop matrix just like in opengles 1.1. Also can be downgraded to openGLES 1.1. webGL Lightweight library based on glmatrix engine. For multiplayer used webRTC done with io socket. Physics done with last version of cannon.js. I use free software Blender 2.90.1 for 3d Object mesh works. MatrixEngine is Blender frendly orientend lib. Also mixamo.com is great service used for creating my assets.

Limitation ⚠

Basic implementation for physics (Cube, Sphere)
Raycast not work after walk behind the object in first person mode
Only static object cast spot light in right way for now.
Need general more improvement on GLSL part.

Credits && Licence:
Video material used from :From youtube.com : Electric sheep - a facinating animated flame fractal TheMrNgaard Creative Commons Attribution licence (reuse allowed)
Project Base Structure inspired by Copyright (C) 2014 Tappali Ekanathan Keestu ([email protected]) GNU General Public License
Textures download from http://textures.com
Dinamic texture bitcoin used from: Author:Ioannis Cherouvim GitHub:cherouvim Reddit:/r/cherouvim Website:cherouvim.com Compo:canvas Demo link:https://js1k.com/2017-magic/demo/2853 Shortlink:https://js1k.com/2853
Female 3d Object http://www.blendswap.com/blends/view/... Creative Commons Attribution 3.0 http://www.blendswap.com/users/view/A...
https://freestocktextures.com/texture...
https://github.com/Necolo/raycaster
Great https://www.mixamo.com/
OBJECT LOADER http://math.hws.edu/graphicsbook/sour...
Player character https://www.mixamo.com/#/?page=1&quer...
BVH collections from: Special thanks to the CMU Graphics Lab Motion Capture Database which provided the data http://mocap.cs.cmu.edu/`
Used in examples: BLACK FLY by Audionautix | http://audionautix.com Music promoted by https://www.free-stock-music.com Creative Commons Attribution-ShareAlike 3.0 Unported https://creativecommons.org/licenses/...
Networking based on https://github.com/muaz-khan/RTCMulti...
https://unsplash.com/photos/8UDJ4sflous
https://webgl-shaders.com/shaders/fra...
https://www.fesliyanstudios.com/royal...


In this video used music from youtube
Prodigy - Voodoo people
Copyright owners
Beggars
On behalf of: XL Recordings