procedural-gl-js
ffprobe-wasm
Our great sponsors
procedural-gl-js | ffprobe-wasm | |
---|---|---|
11 | 2 | |
1,266 | 134 | |
- | - | |
0.0 | 0.0 | |
almost 3 years ago | 4 months ago | |
JavaScript | Vue | |
Mozilla Public License 2.0 | 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.
procedural-gl-js
-
Recreating Real-World Terrain with React, Three.js and WebGL Shaders
Nice writeup, I always like it when the shaders are highlighted like this. I got started in a similar way 7 years ago and have been making 3D terrains with THREE.js & WebGL since.
The real fun begins when you need to implement some sort of Level-of-Detail system and streaming in data to give the illusion of high detail everywhere without sacrificing performance.
Last year I released an open-source framework (https://github.com/felixpalmer/procedural-gl-js) for creating 3D terrains for web applications, you can see Uluru here: https://www.procedural.eu/map/?longitude=131.036&latitude=-2... (unfortunately the aerial imagery from our default provider isn't as high resolution as other places in Europe)
-
Visualization of 40M Cell Towers
Great visualization and approach with compressing the tile data. Do you have a comparison of how much smaller the payload ends up being compared to simply sending PNG files?
I use PNGs to encode elevation data in my 3D mapping library (https://github.com/felixpalmer/procedural-gl-js/) and this does a pretty good job of compressing the data, for example in the ocean the PNG files are also very small as the image is mostly black. Different use case I now as your data is much more sparse, but I wonder how close the PNG compression would be compared to your approach.
-
React Component for 3D Maps
Yeah, the React parts of this are very minimal. I'm not really sure what using it gets you, since it just manages a single div.
The _actual_ library that does all the work is here: https://github.com/felixpalmer/procedural-gl-js
-
Ask HN: What Are You Working On?
- Tiny filesize means library is parsed fast. Package size is less than THREE.js thanks to code stripping
Check it out on Github: https://github.com/felixpalmer/procedural-gl-js/
-
Mountain Peaks in WebGL
The imagery comes from the Orthofoto dataset on https://www.basemap.at/ - the actual texturing is done by the Procedural GL JS library https://github.com/felixpalmer/procedural-gl-js
ffprobe-wasm
-
FFmpeg + WebAssembly
I also have a more advanced example of using FFProbe via Wasm: https://github.com/alfg/ffprobe-wasm
-
Ask HN: What Are You Working On?
* Web-based FFProbe: https://github.com/alfg/ffprobe-wasm
What are some alternatives?
maplibre-gl-js - MapLibre GL JS - Interactive vector tile maps in WebGL2
ffmpeg.wasm - FFmpeg for browser, powered by WebAssembly
suncalc - A tiny JavaScript library for calculating sun/moon positions and phases.
mapbox-gl-js - Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL
rnnoise - Recurrent neural network for audio noise reduction
ffmpeg-webassembly-example - FFmpeg + WebAssembly
atbswp - A minimalist macro recorder
alang - A minimal viable programming language on top of liblgpp
auto-editor - Auto-Editor: Effort free video editing!
cratetorrent - A BitTorrent V1 engine library for Rust (and currently Linux)
rust-starter - Rust Starter Project
thegreatsuspender - A chrome extension for suspending all tabs to free up memory