jsulpis / realtime-planet-shader Goto Github PK

Fantastic work! Would love to see this published on NPM.

When I look at the moon and watch a landmark near the equator leave the horizon on the right and become hidden, it comes back up on the left side WAY sooner than I would expect. Is it just an illusion? I trust the 3d mapping better than my eye, but it looks really strange / off.

currently the rotation control is only on one axis, because it's easy. It would be nice to be able to rotate the planet on all directions, but I'm not sure about the maths to do that

a normal map is more performant than a bump map, so it would be nice to support it

I'm new to typescript, but I believe I have it working properly. I have installed modules four and tweakpane, because they no longer error, but I am hitting an error using npx tsc:

src/earth/earth.ts:23:18 - error TS2322: Type '"nearestMipmapLinear"' is not assignable to type 'Filter'.
23 options: { minFilter: "nearestMipmapLinear" },
~~~~~~~~~
node_modules/four/src/Sampler.ts:22:3
22 minFilter: Filter
~~~~~~~~~
The expected type comes from property 'minFilter' which is declared here on type 'Partial'
src/earth/earth.ts:32:18 - error TS2322: Type '"linearMipmapLinear"' is not assignable to type 'Filter'.
32 options: { minFilter: "linearMipmapLinear" },
~~~~~~~~~
node_modules/four/src/Sampler.ts:22:3
22 minFilter: Filter
~~~~~~~~~
The expected type comes from property 'minFilter' which is declared here on type 'Partial'
Found 2 errors in the same file, starting at: src/earth/earth.ts:23

How best to deploy this? I started on typescript because I couldn't get any webserver to send the *.ts files. It complained about mime type issue. I am curious what you are using for development and testing as well.
Thank you for your time