streets-gl
webgl-dunes
streets-gl | webgl-dunes | |
---|---|---|
16 | 1 | |
551 | 35 | |
- | - | |
7.5 | 0.0 | |
23 days ago | 9 months ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
streets-gl
webgl-dunes
-
Rendering dunes terrain in WebGL
To examine how objects are rendered, you can take a look at drawScene() method in DunesRenderer.ts — first we render depth map to texture (this is needed for soft particles), then render on-screen objects in front-to-back order (first closest and largest objects, then distant) to efficiently utilize z-buffer culling. Terrain in the scene is represented as a single square tile. Its polycount is reduced to 31k faces in order not to split geometry and to draw it with a single draw call. This polycount produces a reasonably good quality. However, its area is not quite large enough to create a feel of infinite sand desert — when the camera is placed slightly above terrain boundaries of square terrain its limits are clearly visible:
What are some alternatives?
L7 - 🌎 Large-scale WebGL-powered Geospatial Data Visualization analysis engine.
pdx-tools - View maps, graphs, and tables of your save and compete in a casual, evergreen leaderboard of EU4 achievement speed runs. Upload and share your save with the world.
threeify - A Typescript 3D library loosely based on three.js
straight-skeleton - Straight skeleton algorithm implementation in TypeScript
TimeChart - An chart library specialized for large-scale time-series data, built on WebGL.
OSMBuilding - render an individual OSM building
LayaAir - LayaAir is a fully platform rendering engine with rich 2D/3D rendering capabilities and a mature integrated development platform
BabylonJS - Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.
terra - WebGL grass on a terrain
Spector.js - Explore and Troubleshoot your WebGL scenes with ease.
webgl-framework - Basic low-level WebGL framework.