Home › Forums › Graphics / Blender › black screen while viewing the project over CDN
- This topic has 19 replies, 3 voices, and was last updated 3 years ago by xeon.
-
AuthorPosts
-
2021-10-16 at 6:40 am #46226arjunParticipant
My client has a black screen while viewing the project over the CDN. I have noticed it occurs only in apple iPhone and iPad. what is causing this problem ? I have attached below the screenshot for refernece
Attachments:
You must be logged in to view attached files.2021-10-16 at 3:13 pm #46234xeonCustomerCan you send a link or console screenshot?
Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.com2021-10-17 at 12:32 pm #46254arjunParticipant2021-10-17 at 3:24 pm #46264xeonCustomerI have reviewed the link and can verify that the problems you are having are happening to me as well.
Recommendations:
There is a noticeable reflection in stones that contains green. I would restest the scene with no environment map and a light source and see if the issue is related to the environment.If you have can share the scene I can diagnose locally and send back my findings.
If you use a google drive, you can send to xeonjcase@gmail.com. Or you can send via wetransfer to same email address.
Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.com2021-10-18 at 9:19 am #46272Yuri KovelenovStaff2021-10-18 at 3:54 pm #46279xeonCustomerAs Yuri has mentioned the size of your textures are too big and are not optimized dimensions. For this scene…the biggest issue is the size of the textures. Drop the size down and it will load no problem. As the scene gets more complicated and you need performance gains, changing your textures to power of two is optimal. 256×256, 512×512, 1024×1024, etc.
Orion-polished copy.png is 14.6 Mb and given it size probably doesnt need to be much larger than 500Kb. The HDR is 33.6MB and would work equally well as low as 1Mb.
Other recommendations for efficiency: create an environment backdrop. Take a look at the Scooter Demo. It will allow you to dump your lights which also contributes to inefficiencies.
If you are very particular about your textures being precisely as they are, consider editing objects faces so that only visible faces exist and then join objects and bake into a single texture. This will allow you to have have the look you want, achieve power of 2 textures and the textures will be much smaller in size.
Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.com2021-10-22 at 5:58 am #46386arjunParticipantI reduced the HDR to 1K and chopped my textures to 512 x 512, however now the app isn’t loading in apple devices at all.
CDN link : https://cdn.soft8soft.com/AROAJSY2GOEHMOFUVPIOE:a23579138c/applications/draft3/draft3.html (open it in iphone)
2021-10-22 at 6:34 am #46387xeonCustomerTry upgrading to version 3.8 you are using 3.71 which has known issues with ios15
Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.com2021-10-22 at 7:11 am #46388arjunParticipantI’m still facing the same issues after updating the 3.8
2021-10-22 at 7:12 am #46389arjunParticipantI have generated the link below after updating the verge to 3m8 https://cdn.soft8soft.com/AROAJSY2GOEHMOFUVPIOE:a23579138c/applications/draft3/draft3.html
2021-10-22 at 7:13 am #46390xeonCustomerOk… now that you are on 3.8.
try this link on your iPhone.
https://cdn.soft8soft.com/AROAJSY2GOEHMOFUVPIOE:184ff32db5/applications/xeon_draft3/xeon_draft3.html
The problem you are experiencing is that the World Environment Nodes you are using are not all supported.
Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.com2021-10-22 at 7:16 am #46391xeonCustomerto fix the issue…. I simplified the World Node….
When creating complex materials you have to be sure each node is supported. I didn’t dig into it to find out which node or nodes were causing the problem.I can caution that if you are using a plugin to create the nodes you are better off doing it by hand and using only those that are known to work specified in the manual.
Attachments:
You must be logged in to view attached files.Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.com2021-10-25 at 5:03 am #46419arjunParticipanthttps://cdn.soft8soft.com/AROAJSY2GOEHMOFUVPIOE:184ff32db5/applications/xeon_draft3/xeon_draft3.html
hey xeon,
the above link didn’t open in iphone12 ios15 (safari browser).2021-10-25 at 6:26 am #46420xeonCustomerBefore you click the link on your iPhone, please be sure to delete all your temporary internet files.
settings > Safari > Clear History and Website Data on your iPhone.
From what I can tell you are using a plugin for textures. This plugin is creating non compatible materials nodes that is causing problems.
I have removed all references to that and have simplified the materials.
I also reduced one of your textures from 14.6Mb to something much smaller.
You will want to get familiar with the compatible material nodes if you are going to use the plugin so you can go through and strip out those that will cause this issue.
You will also want to turn off ScreenSpaceReflections in Blender. If you need the effect I would recommend using light probes and bake your textures and shadows.
Also, AO does not work well on mobile phones right now. There are lots of documented threads in the forums on this. If you need AO I would also consider baking your shadows and AO. It will look much nicer.
Attached is a screenshot of it working on iOS 15.02 in Safari and a link to the project zip file with the required tweaks.
https://cdn.soft8soft.com/AROAJSY2GOEHMOFUVPIOE:184ff32db5/zip/xeon_draft3.zip
Attachments:
You must be logged in to view attached files.Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.com2021-10-25 at 11:24 am #46433arjunParticipantthings I have changed now
1) changed material pictures to 512 x 512
2) removed all the nodes in environment and shader nodes which the verge3D doesn’t support
3) I removed the floor plane itself so we do not have to worry about ao or shadows now
4)1k HDRdrive : https://drive.google.com/file/d/1Xnh0rpv-p8kF24Q3sg05Aj6uHt_kZ_hi/view?usp=sharing
verge3D cdn : https://cdn.soft8soft.com/AROAJSY2GOEHMOFUVPIOE:a23579138c/applications/shyam_1/shyam_1.html
While opening in safari in iphone12, it keeps reloading and throws this screen attached below
only mentionable things are
1) area lights are used
2) materials has an emission value of 1 to avoid the white screening(fresnel effect).Attachments:
You must be logged in to view attached files. -
AuthorPosts
- You must be logged in to reply to this topic.