Ashes
webgl-rock-pillars
| Ashes | webgl-rock-pillars | |
|---|---|---|
| 1 | 3 | |
| 324 | 22 | |
| - | - | |
| 0.0 | 2.2 | |
| over 1 year ago | about 1 month 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.
Ashes
webgl-rock-pillars
-
Randomized floating rocks WebGL demo
Article explaining rendering+generation of scene: https://medium.com/@keaukraine/floating-islands-webgl-demo-3bba99a004ee Source code on GitHub: https://github.com/keaukraine/webgl-rock-pillars
-
Floating Islands WebGL demo
To make an impression of an endless random scene there were 2 options: a true random scene and a looped generated path. The first option requires object placement on the fly in front of the camera which means these positions have to be transferred to GPU dynamically. So a better option is to generate a static looped path once and draw objects along it as the camera moves. You can find a function to generate a base spline in the positionOnSpline function in ObjectPlacement.ts file. It creates a circular looped path for the camera with oscillating radius. A couple of harmonics are applied to randomize the circle radius so it appears random but is still perfectly looped. Then, all objects are placed around this path - trees are under the camera, rocks above and to the sides.
What are some alternatives?
ent.hpp - A header-only library that applies various tests to sequences of bytes stored in files and reports the results of those tests. The class is useful for evaluating pseudorandom number generators for encryption and statistical sampling applications, compression algorithms, and other applications where the information density of a file is of interest.
molstar - A comprehensive macromolecular library
realism-effects - SSGI, Motion Blur, TRAA - Effects to enhance your three.js scene's realism
detect-gpu - Classifies GPUs based on their 3D rendering benchmark score allowing the developer to provide sensible default settings for graphically intensive applications.
engine - Fast and lightweight JavaScript game engine built on WebGL and glTF
BabylonJS - Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.
engine - Engine core.
Spector.js - Explore and Troubleshoot your WebGL scenes with ease.
redcube - JS renderer based on GLTF to WebGPU or WebGL backends.
TimeChart - An chart library specialized for large-scale time-series data, built on WebGL.
TheRaytracerChallenge - A web raytracer based on the book "The Ray Tracer Challenge"