procedural-gl-js
suncalc
Our great sponsors
procedural-gl-js | suncalc | |
---|---|---|
11 | 8 | |
1,266 | 2,992 | |
- | - | |
0.0 | 0.0 | |
almost 3 years ago | about 1 year ago | |
JavaScript | JavaScript | |
Mozilla Public License 2.0 | BSD 2-clause "Simplified" 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
suncalc
-
Show HN: Color-scheme-switcher: auto/manual color scheme toggling in React
A really simple, small package to manage React context around color scheme toggling. Specifically, you can switch color scheme manually or automatically, and if the latter you can follow either the system color scheme or the sun.
I based some of this code heavily on a couple Mantine (https://mantine.dev/) hooks and Suncalc (https://github.com/mourner/suncalc), but modified them to either make them simpler and/or, in Suncalc's case, typed.
This is my first open-source package in a while, so I'd greatly appreciate any constructive suggestions! I have been using some form of this in my own projects and figured, when I added it to the most recent one, I should just extract it into its own project. I'm hoping something small like this will motivate me to do more open-source work because I miss it!
-
Show HN: Visualize your day as 144 rectangles
It would be fun to see this with local daylight hours mapped to the squares, so I could get a feel for where my consumption is at within "daylight" vs the whole "day"
SunCalc is a good tool for this, if you're interested: https://github.com/mourner/suncalc
(I've used it on a personal project, and the API was a little awkward but the results are good: https://daylight.website/)
-
How to determine exactly where the sun rises and sets based on latitude
If you want to do some coding for your website, here is the ready-made javascript for calculating what you want about Sun and Moon: Sun and Moon almanac
-
[OC] How long are the nights in Stockholm, New York City, Moscow, Sydney, Jakarta, Reykjavik, Rio de Janeiro, Wellington etc. ? (30 selected cities)
tool: d3.js data: SunCalc the inspiration came from these sunrise and sunset visualizations
-
How to base things from solar noon, or other inputted target time?
Recently I have made a library doing this for myself. Basicly, I re-wrote this Javascript library in C++ for use with microcontrollers: https://github.com/mourner/suncalc
-
Offline version of suncalc.org on pc ?
you need a bit of IT skills wth https://github.com/mourner/suncalc
-
Does adaptive lighting work the way you expected?
I ignore the sunrise/set properties of the Hue bridge. All the calculations are done on the board itself, so it doesn't need an internet connection to keep working. I used the javascript code here https://github.com/mourner/suncalc as a starting point and translated it to c++ to run on an microcontroller.
-
Ask HN: What Are You Working On?
Suncalc [1] is the library I use to calculate the position of the sun. Mapzen [2] host public elevation tile data. This blog post [3] is a good overview of the calculations involved.
[1] https://github.com/mourner/suncalc
[2] https://www.mapzen.com/blog/terrain-tile-service/
[3] http://www.liedman.net/2014/06/25/sunshine/
What are some alternatives?
maplibre-gl-js - MapLibre GL JS - Interactive vector tile maps in WebGL2
mapbox-gl-js - Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL
rnnoise - Recurrent neural network for audio noise reduction
dflex - The sophisticated Drag and Drop library you've been waiting for 🥳
ffprobe-wasm - A Web-based FFProbe. Powered by FFmpeg, Vue and Web Assembly!
atbswp - A minimalist macro recorder
Oat++ - 🌱Light and powerful C++ web framework for highly scalable and resource-efficient web application. It's zero-dependency and easy-portable.
auto-editor - Auto-Editor: Effort free video editing!
cratetorrent - A BitTorrent V1 engine library for Rust (and currently Linux)
rust-starter - Rust Starter Project
CoinBLAS - Bitcoin blockchain graph analysis with the GraphBLAS.