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 		1 year ago
skybox added rest of example 1 year ago
ReadMe.md added rest of example 1 year ago
index.css added rest of example 1 year ago
index.html added rest of example 1 year ago
index.js anisotropic filtering 1 year ago
m4.js added rest of example 1 year ago
webgl-utils.js added rest of example 1 year 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