Unity发布的webgl嵌入网页，并保留加载进度条、footer全屏功能

最新推荐文章于 2024-05-21 13:49:14 发布
最新推荐文章于 2024-05-21 13:49:14 发布
阅读量2.2k 收藏 11
点赞数
分类专栏： Unity 文章标签： unity webgl
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_25079053/article/details/105394942
版权 
发布出来的index.html中：<header>内的内容原封不动复制到要嵌入的网页的<header>中；<div class="webgl-content">内的内容复制到要嵌入的位置（不包括<div class="webgl-content">这一行）。
  1. 此时打开已嵌好webgl的网页，游戏载入进度条无法正常显示，将

                

                
                
        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  YJ-Eden
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    11
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
unity嵌入网页

				
			

			

				

					08-23
				

			

		

		

			
				
unity中嵌入网页完整项目包，可以直接运行，网页可以隐藏、显示、旋转，有界面，显示相应的操作按钮，以及输入网页地址的输入框等

			
		

	



                

              
                



	

		

			

				
					
Unity Webgl内嵌网页页面

				
			

			

				

					qq_42862278的博客
				

				

					05-20
					
					6378
					
				

			

		

		

			
				
Unity Webgl端有时候会有这样一个需求，在Unity界面上内嵌一个网页，并且可以在界面上吧这个网页关掉（不是重新打开新的标签页）
效果如下：

现在来实现这个功能：
1.在Assets文件夹下新建一个Plugins目录：

在Plugins文件夹中创建一个文件 __Internal.jslib   (必须是jslib格式，并且必须在Plugins文件夹下)
__Internal.jslib内容如下：
mergeInto(LibraryManager.library, {
  //开启新窗口
  Op

			
		

	



                


  
              

                


	

		

			

				
					
unity中如何插入网页

					
最新发布

				
			

			

				

					sunyao1314的博客
				

				

					05-21
					
					1522
					
				

			

		

		

			
				
在HTML页面中，你可以插入你自己的网页内容以及Unity WebGL构建的代码。在这个例子中，我们创建了一个简单的HTML页面，包含一些自定义的网页内容，然后使用<iframe>标签将Unity WebGL构建的内容嵌入到页面中。：在HTML页面中使用<iframe>标签或者直接将Unity WebGL构建的内容作为一个对象嵌入到你的HTML页面中，就像之前提到的那样。：在你的WebGL构建文件夹中创建一个HTML页面，使用文本编辑器编辑它，添加你的网页内容和Unity WebGL构建的代码。

			
		

	





	

		

			

				
					
求教！unity中嵌入网页，并发布WebGL版本！！

				
			

			

				

					weixin_43305841的博客
				

				

					10-29
					
					2332
					
				

			

		

		

			
				
求教！unity中嵌入网页，并发布WebGL版本！！
求教！unity中嵌入网页，并发布WebGL版本！！
求教！unity中嵌入网页，并发布WebGL版本！！



			
		

	



		

			
		



	

		

			

				
					
Unity内嵌网页

				
			

			

				

					suixinger_lmh的随笔
				

				

					09-23
					
					2118
					
				

			

		

		

			
				
uniwebview
支持IOS、Android，支持MacOS下Editor调试，但不支持PC以及Windows下Editor调试。
Embedded Browser
支持PC、MacOS，不支持Android和IOS。
3dwebview
PC、MacOS、IOS和Android都支持，但似乎用的人比较少，不知道有没有什么问题，且价格比较高，将近500美金。
SimpleWebView
PC客户端内嵌网页

...

			
		

	





	

		

			

				
					
unity发布webgl端页面内嵌以及通信

				
			

			

				

					八块腹肌的博客
				

				

					10-09
					
					1276
					
				

			

		

		

			
				
主页面：


<body>
<iframe id="555" src="http://192.168.1.5:8888/webshow_H/index.html" frameborder="0" style="width:50%;height: 50%"></iframe>
<button onclick="document.getElementById('555').contentWindow.postMessage('10010016','*');">&l

			
		

	





	

		

			

				
					
Unity WebGL加载页面

				
			

			

				

					05-12
				

			

		

		

			
				
Unity 2020.x以后，对WebGL包体进行了改版，包体内有老版和新版两种加载方式。 1、不再使用窗口模式，采用了浏览器全屏方式加载项目，且能够自适应分辨率，包含移动端。 2、加载背景图可自定义，通过更新...

			
		

	





	

		

			

				
					
Unity、WebGl、全屏模式下输入中文

				
			

			

				

					03-19
				

			

		

		

			
				
在Unity引擎中，WebGL是一种将游戏或交互式应用打包为网页端可执行代码的技术，它使得用户无需安装额外插件就能在浏览器中体验3D内容。然而，当我们在Unity的WebGL构建中运行项目，并尝试在全屏模式下输入中文时，...

			
		

	





	

		

			

				
					
解决Unity发布WebGL无法正常浏览问题

				
			

			

				

					07-27
				

			

		

		

			
				
解决Unity发布WebGL无法正常浏览问题，下载Config文件，放到发布的目录中

			
		

	





	

		

			

				
					
Unity WebGL网页端输入法支持中文全屏输入

				
			

			

				

					07-17
				

			

		

		

			
				
标题提到的"Unity WebGL网页端输入法支持中文全屏输入"，意味着Unity已经解决了这个问题，现在用户可以在全屏模式下正常使用中文输入法。这是一项重要的改进，极大地提升了中文用户的使用体验，使得开发者能够构建更...

			
		

	





	

		

			

				
					
unity发布webgl并部署到服务器配置文件

				
			

			

				

					06-07
				

			

		

		

			
				
本篇将深入探讨如何在Unity中发布WebGL项目，并将其部署到服务器，特别是配置IIS服务器的相关步骤。  首先，你需要确保Unity版本支持WebGL导出。Unity从5.6版本开始引入了WebGL支持，所以请确保你使用的Unity版本是...

			
		

	





	

		

			

				
					
Unity3d_项目_嵌入网页(一)

				
			

			

				

					12-09
				

			

		

		

			
				
共三份。这是第一份。
Unity3d_项目_嵌入网页插件
Unity3d_项目_嵌入网页插件

			
		

	





	

		

			

				
					
WWebView unity内嵌网页

				
			

			

				

					08-03
				

			

		

		

			
				
Unity内嵌网页，pc经测试无误。ios或者安卓请下载UniWebView

			
		

	





	

		

			

				
					
Unity3d_项目_嵌入网页(二)

				
			

			

				

					12-09
				

			

		

		

			
				
共三份，这是第二份。
Unity3d_项目_嵌入网页插件
Unity3d_项目_嵌入网页插件

			
		

	





	

		

			

				
					
unity 内嵌网页支持windows 

				
			

			

				

					06-12
				

			

		

		

			
				
Embedded Browser  unity 内嵌网页 支持windows ,已验证确实能用,很方便

			
		

	





	

		

			

				
					
Unity3D WebGL修改默认的载入进度条

				
			

			

				

					weixin_41573444的博客
				

				

					08-16
					
					981
					
				

			

		

		

			
				
在网上参考其他的方法，都写得很详细，如果不复杂操作起来也很简单。

首先在项目文件Assets文件夹下创建文件夹WebGLTemplates

然后去C:\Program Files\Unity2018.3\Editor\Data\PlaybackEngines\WebGLSupport\BuildTools\WebGLTemplates文件夹复制默认得模板Default文件夹，粘贴在自己创建得WebGLTemplates中，然后给Default文件夹改个名字





这个时候PlaySetting-R.

			
		

	





	

		

			

				
					
UnityWebGL______不要在协程里同时加载场景和显示加载进度条

				
			

			

				

					纪纯的博客
				

				

					06-16
					
					1592
					
				

			

		

		

			
				
在webGL平台，我在协程里面写的异步加载场景和进度条读条的方法会直接卡死不能用，但是它在pc平台是管用的。

解决办法是，异步加载场景可以写在协程里，进度条读条和更新的代码写在Update或者FixedUpdate里，这样就没问题。

原因我不知道，谁知道并且看到了这篇文章，烦请指点一下，谢谢。

下面是我原来的代码：


/// <summary>
    /// 异步加载场景
    /// </summary>
    /// <param name="_name"&g

			
		

	





	

		

			

				
					
unity webgl自定义启动进度条动画

				
			

			

				

					PangNanGua的专栏
				

				

					10-21
					
					1064
					
				

			

		

		

			
				
多多少少在unity官网webgl模板看到了Template自定义介绍，今天分享一个超级实用的

添加自定义的模板有两种方式：

1.在你-----unity安装位置\Editor\Data\PlaybackEngines\WebGLSupport\BuildTools\WebGLTemplates



在这目录下创建自定义模板

2.直接在unity的 Assets下创建WebGLTemplates文件夹 再到里面创建自己的文件（必须这个文件夹下名字不能打错）



然后playersettings-&

			
		

	





	

		

			

				
					
Unity 导出WebGL 嵌入网页并通信

				
			

			

				

					MiYa_ZCW的博客
				

				

					06-29
					
					7749
					
				

			

		

		

			
				
Unity打包WebGL 并实现双向通信逻辑

			
		

	





	

		

			

				
					
unity发布webgl时如何修改加载背景页

				
			

			

				

					08-05
				

			

		

		

			
				
在Unity中发布WebGL游戏时，加载背景页可以通过修改Unity的Player Settings来实现。  首先，打开Unity编辑器中的Build Settings菜单。在这里，您可以选择WebGL平台并点击“Player Settings”按钮来打开Player ...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值