procedural-gl-js
slowbug
procedural-gl-js | slowbug | |
---|---|---|
11 | 5 | |
1,271 | 51 | |
- | - | |
0.0 | 1.8 | |
about 3 years ago | over 3 years ago | |
JavaScript | TypeScript | |
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
slowbug
-
Ask HN: What Are You Working On?
Made a VS Code extension that lets you debug the code by running it slowly.
https://github.com/postmalloc/slowbug
- Slowbug - a VS Code extension that allows you to debug your code in slow-mo
- Slowbug - a VS Code extension I made that allows you to debug your code in slow-mo. Useful for debugging Python codebases.
- Slowbug - a VS Code extension that allows you to debug your code in slow-mo.
- Show HN: Slowbug – Debug your code in slow-mo
What are some alternatives?
maplibre-gl-js - MapLibre GL JS - Interactive vector tile maps in WebGL2
rnnoise - Recurrent neural network for audio noise reduction
suncalc - A tiny JavaScript library for calculating sun/moon positions and phases.
terminusdb - TerminusDB is a distributed database with a collaboration model
rust-starter - Rust Starter Project
ffprobe-wasm - A Web-based FFProbe. Powered by FFmpeg, Vue and Web Assembly!
nix-home-manager - Nix to manage my computing life
atbswp - A minimalist macro recorder
go-mcu - Alternative CLI tool and Go package for NodeMCU-based modules.
auto-editor - Auto-Editor: Effort free video editing!
thegreatsuspender - A chrome extension for suspending all tabs to free up memory