forest
/
webgl-lookaround-skybox
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
publish 3d panoramas to the web
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
4 Commits
1 Branch
0 Tags
569 KiB
 
 
 
Branch: main
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'main'
${ noResults }
forest c808c0022e
anisotropic filtering 		10 months ago
skybox added rest of example 10 months ago
ReadMe.md added rest of example 10 months ago
index.css added rest of example 10 months ago
index.html added rest of example 10 months ago
index.js anisotropic filtering 10 months ago
m4.js added rest of example 10 months ago
webgl-utils.js added rest of example 10 months ago

ReadMe.md

I got it to work using the following resources:

Allow non-google android (LineageOS in my case) phone to use google camera app without micro-g: https://f-droid.org/packages/de.lukaspieper.gcam.services/

"modded gcam APKs" https://www.celsoazevedo.com/files/android/google-camera/f/changelog1252/ (linked from https://xdaforums.com/t/gcam-working-port-7-4.4172927/)

Tool to convert Google Camera's PhotoSphere output to a skybox texture for 3d rendering https://jaxry.github.io/panorama-to-cubemap/

Example code for how to make a skybox in WebGL: https://webglfundamentals.org/webgl/lessons/webgl-skybox.html

Also used https://www.npmjs.com/package/avif to get 6 2048x2048 images into just 1.2 MB

convert nx.jpg  -filter Lanczos -resize 2048x2048 nx.png
convert ny.jpg  -filter Lanczos -resize 2048x2048 ny.png
convert nz.jpg  -filter Lanczos -resize 2048x2048 nz.png
convert px.jpg  -filter Lanczos -resize 2048x2048 px.png
convert py.jpg  -filter Lanczos -resize 2048x2048 py.png
convert pz.jpg  -filter Lanczos -resize 2048x2048 pz.png

node /home/forest/Desktop/programs/node_modules/avif/bin/avif.js  --input "$(pwd)/nx.png"  --output "$(pwd)" --quality 28 --effort 7 --overwrite &
node /home/forest/Desktop/programs/node_modules/avif/bin/avif.js  --input "$(pwd)/px.png"  --output "$(pwd)" --quality 28 --effort 7 --overwrite &
node /home/forest/Desktop/programs/node_modules/avif/bin/avif.js  --input "$(pwd)/ny.png"  --output "$(pwd)" --quality 28 --effort 7 --overwrite & 
node /home/forest/Desktop/programs/node_modules/avif/bin/avif.js  --input "$(pwd)/py.png"  --output "$(pwd)" --quality 28 --effort 7 --overwrite &
node /home/forest/Desktop/programs/node_modules/avif/bin/avif.js  --input "$(pwd)/nz.png"  --output "$(pwd)" --quality 28 --effort 7 --overwrite &
node /home/forest/Desktop/programs/node_modules/avif/bin/avif.js  --input "$(pwd)/pz.png"  --output "$(pwd)" --quality 28 --effort 7 --overwrite

How to disable zooming and scrolling on iOS: https://stackoverflow.com/a/74390230/1592004

How to disable "pull down to refresh" on mobile: https://stackoverflow.com/a/76136462/1592004