Does AFrame support Cardboard for iPhone?
The documentation lists Cardboard in the list of supported platforms. However, when I try on my iPhone (for example the helloworld demo), I just see a screen saying "Insert phone into Cardboard holder".
Steps to reproduce:
Grab iPhone, start Safari web browser
Navigate to https://aframe.io/examples/showcase/helloworld/
press the "goggles" icon on the bottom right
Expected:
The view splits, showing an image for each eye
Actual:
Screen shows "Insert phone into Cardboard holder". Inserting the phone into a Cardboard holder does nothing.
Am I doing something wrong? Or does AFrame not work for this particular configuration?
Try rotating the phone with screen lock off.
Related
I noticed the 360 Image Gallery example on the Aframe.io website is broken so I have been trying to fix it.
I've got it to work on Desktop and 2D mobile browser, but when I switch to VR mode in my mobile (iPhone) browser, there is no cursor and I can't change scenes anymore.
What am I missing?
https://glitch.com/edit/#!/bubble-glitter-specialist
Thank you!
Something change in Safari iOS 13.4.1 that broke VR mode. More info at https://github.com/aframevr/aframe/issues/4554
I am developing a H5 Canvas game using PIXI js.
I am struggling in implementing the ios Safari swipe up to full screen message.
Added a new div with window.width + 1000 px.
It does remove the safari address bars but i am not sure when to remove the div. i.e. i am not able to identify if i am in full mode or not.
Also, what should i do to get back the div enabled if someone accidentally or forcefully comes out of full screen mode?
I am open to use any opensource lib as well but wasn't able to find one except screenfull.js which doesn't supports safari mobile
this is a new behavior that started lately (last 2 months) in IOS mobile devices only. in android devices the pause/play button overlay still exists.
The behavior:
when embedding inline youtube video with controls=0, when the video plays, the only way to stop it is by clicking the middle of the video on the pause button overlay (except using an external button and the api off course). in desktop and android this works great but in IOS the pause button overlay in the middle of the video does not exists any more. this means that in order to give the user the ability to stop the video we must put controls=1 which is less convenient.
is this intended or a bug?
also, the property fs=0 (is to allow full screen) does not work on IOS.
Thanks
I am using IOS7 simulator. I have an image in "Photos". I set it as background image (from "Photos") but home screen background remains black. Can you give me some advice? Thanks in advance. Is anyone alive? :)
Drag an image from your Mac to the simulator.
Mobile Safari opens. Click and hold the image.
Choose Save Image.
Go to Photos.app, and into the photo album.
Choose your image, and set it as the home screen background like you do on a device.
This works.. Tried it on the 3.5inch iPhone retina simulator. Downloaded the stock wallpapers for iOS 7 and applied with the above steps..
Turns out it is quite easy:
Drag an image from your Mac to the simulator.
Mobile Safari opens. Click and hold the image.
Choose Save Image.
Go to Photos.app, and into the photo album.
Choose your image, and set it as the home screen background like you do on a device.
Source: Setting Background image in simulator home-screen
In another plan.
Set wallpaper in iOS 6 environment to make LockBackground.cpbitmap
Place the file into following folder. (in case of 7.0.3)
~/Library/Application\ Support/iPhone\ Simulator/7.0.3/Library/SpringBoard/LockBackground.cpbitmap
Restart simulator.
I hope you will get it.
How to test website compatibility for iPAD without having iPAD , in both condition Portrait and landscape?
on Windows PC
also, there is another web-site: http://ipadpeek.com/
but, if you have a special css file for ipad, this site cannot show it. you should change your main css file with ipad specific one...
also, you can rotate your ipad in ipadpeek.com
edit: there is an app for looking your layout on ios device here.
You'll probably have to use a windows browser to fake the browser-agent header. This page gives more information as well as the browser agent string.
You could use Chris Pederick's User Agent Switcher in Firefox, but you won't get webkit rendering. The best option is probably to use the developer tools in Safari and change the browser agent in the Develop menu.
You should also make sure your screen size matches the iPad (1024x768 if I'm not mistaken). To test landscape, just change the screen size.
What you won't get is multitouch and gesture testing...
What are you actually trying to test? If it's just a website, that should be sufficient.