【unity3D插件】Embedded Browser(ZFBrowser) — 快速实现PC端内嵌网页(有详细图解)

news2024/9/30 7:16:12

💗 未来的游戏开发程序媛,现在的努力学习菜鸡
💦本专栏是我关于游戏开发的学习笔记
🈶本篇是unity3D插件—Embedded Browser

这里写自定义目录标题

    • 下载
    • 基础知识
    • 基础操作
      • 使用公网网址加载一个网页①
      • 使用公网网址加载一个网页②
      • 使用本地的网址加载一个网页
    • 使用时出现的问题
      • 打包后加载不出来网页
      • 输入框无法输入中文


下载

  1. unity Asset Store
    (unity的官方下载地址,价格75美元,对于个人学习了解有点贵,优势是正规的)
  2. csdn资源下载
    (我给自己存一份,防止我下次用的时候找不到,个人学习懒得找的也可以下载这个)
  3. 淘宝,万能的淘宝
    (这个我就不放链接了,自己搜吧)

基础知识

  1. 介绍: Embedded Browser是一个基于Chromium开源项目的Unity Web浏览器插件。它允许开发者在Unity场景中嵌入网页,实现类似使用WebView的功能,也可以直接加载网页,以方便用户在游戏或应用程序中查看网页内容。

基础操作

使用公网网址加载一个网页①

  1. 新建一个RawImg,调整合适的大小
    在这里插入图片描述
  2. 为RawImg添加上Browser和Point UIGUI组件,并且在url中添加你需要的公网链接,我这里添加的时CSDN的首页链接
    在这里插入图片描述
    运行后效果:可以加载出网页,也可以和网页进行点击交互或输入交互等请添加图片描述

使用公网网址加载一个网页②

  1. 在ZFBrowser文件夹中,找到Prefabs文件夹中的Browser (GUI)预制体,添加到面板中
    在这里插入图片描述
  2. 添加要链接的网址
    在这里插入图片描述
    运行后效果:可以加载出网页,也可以和网页进行点击交互或输入交互等
    请添加图片描述

使用本地的网址加载一个网页

其实方法和公用网址是一样的,就是把url填写网址的地方填成自己存放本地网页的路径就行,注意路径一定要写准确,不然找不到。


使用时出现的问题

打包后加载不出来网页

  1. 选择打包后的文件夹中后缀为_Data的文件夹
    在这里插入图片描述

  2. 选择其中的plugins文件夹
    在这里插入图片描述

  3. 选择x86_64文件夹,将其中的文件剪切到现在这一层
    在这里插入图片描述
    在这里插入图片描述
    (因为我使用的时候出现了问题,但用我自己的笔记本写这篇博客的时候时没问题的,所以这里没有文件,出现问题的话,这里应该是有一些配置文件的)

  4. 做完这个操作后,再返回去打开.exe程序运行就可以了

输入框无法输入中文

  1. 虽然可以加载网页可以与网页交互,但是在输入框中只能输入英文,无法切换输入法输入中文
    请添加图片描述
  2. 打开PointerUIGUI脚本,找到OnSelect方法,将Off改成On,注意大小写
    在这里插入图片描述
  3. 然后就可以啦
    请添加图片描述

(如果代码改过之后依然不行,并且使用的是预制体,可以尝试把场景中的预制体删除再次添加)



这就是目前我会的以及使用时遇到的问题,关于unity与这个内嵌网页之间的传参以及Browser组件和Pointer UIGUI组建的详细属性,暂且还不太懂,等我用到再来写吧!


💦更多内容请前往主页置顶或点击链接直达:【unity3D】游戏开发专栏的目录

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1129601.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

IP子网到底怎么划分【全网最详解】!!!

在学习IP子网划分前,首先的明白以下几个基础概念: 1、IP地址组成 IP地址由32位二进制组成,32位二进制分成了4字节,每字节8位,字节之间用符.(点)分隔,为了方便人们记忆,经…

Leetcode刷题详解——搜索插入位置

1. 题目链接:35. 搜索插入位置 2. 题目描述: 给定一个排序数组和一个目标值,在数组中找到目标值,并返回其索引。如果目标值不存在于数组中,返回它将会被按顺序插入的位置。 请必须使用时间复杂度为 O(log n) 的算法。…

判断函数是否标记async

判断函数是否标记为async 今天看到这道题觉得蛮有意思的 就是说让你写一个工具类,让后这个工具类接收一个函数,判断这个函数是不是被async标记了 如下,我们先看看普通函数和被async标记的函数打印出来是啥样子 function isAsyncFunction(func) {console.log(func)}isAsyncFun…

css样式中 before、after 里面的 content 乱码

目录 一、问题 二、原因 三、总结 一、问题 1.代码在本地没有问题,打包放在线上在时候,竟然测试测的时候看到element的字体图标有时候显示乱码,如下图1-1所示。更奇葩的是偶现,只有测试看见了,很难复现。。。 图1-…

【网络协议】聊聊UDP协议

前面的几篇文章讲述了链路层和IP层,主要的话其实就是MAC地址,以及通过IP地址求MAC地址的ARP协议。PING的底层协议 ICMP 。动态分配IP协议 DHCP等。而从今天开始我们开始讲述传输层协议,传输层主要就是UDP和TCP。 TCP 和 UDP 有哪些区别&…

Bean转换工具MapStruct看这一篇就够了

内容持续更新中… 文章目录 1.背景2.mapstruct简介3.mapstruct与其他映射对比4.mapstruct底层原理解析5.具体使用和底层实现5.1 添加maven依赖5.2 对象转换1.UserA和UserB字段相同2.UserA和UserB字段不同3.多个源类4.子对象映射5.数据类型转换数据类型映射枚举映射 6.集合映射…

C语言KR圣经笔记 2.1变量名 2.2 数据类型和大小

第2章 类型、操作符和表达式 变量和常量是程序里操作的基本数据对象。声明列出了要使用的变量,并指出它们的类型,还可能赋初始值。而操作符指定了要对它们做什么。表达式把变量和常量结合起来产生新的值。一个对象的类型决定了它的取值范围以及能对它做…

Linux部署Redis哨兵集群 一主两从三哨兵(这里使用Redis6,其它版本类似)

目录 一、哨兵集群架构介绍二、下载安装Redis2.1、选择需要安装的Redis版本2.2、下载并解压Redis2.3、编译安装Redis 三、搭建Redis一主两从集群3.1、准备配置文件3.1.1、准备主节点6379配置文件3.1.2、准备从节点6380配置文件3.1.3、准备从节点6381配置文件 3.2、启动Redis主从…

【Kotlin精简】第6章 反射

1 反射简介 反射机制是在运行状态中,对于任意一个类,都能够知道这个类的所有属性和方法,对于任意一个对象,都能够调用它的任意一个方法和属性。 1.1 Kotlin反射 我们对比Kotlin和Java的反射类图。 1.1.1 Kotlin反射常用的数据结…

【反悔贪心】2022ICPC南京 G

Problem - G - Codeforces 题意 思路 首先容易发现,合并操作对平均攻击力有贡献,但是加一个1就没有贡献,因此首先考虑每次遇到0的时候都合并 但是很快发现如果这样的话,遇到-1就不一定有足够的1给你合并,因此在遇到…

Vite创建vue3+ts+pinia+vant项目起步流程

pnpm介绍&安装 本质上他是一个包管理工具,和npm/yarn没有区别,主要优势在于 包安装速度极快磁盘空间利用效率高 安装: npm i pnpm -g使用: npm命令pnpm等效npm installpnpm installnpm i axiospnpm add axiosnpm i webpa…

springboo单机多线程高并发防止重复消费的redis方案

springboo单机多线程高并发防止重复消费的redis方案 仅提供方案与测试。 想法:第一次收到userCode时,检查是否在redis中有,如果有,就表明已经消费了,返回抢单失败;否则,就去消费,顺…

EfficientFormerV2:全新的轻量级视觉Transformer

期刊:2023 IEEE/CVF International Conference on Computer Vision (ICCV) 标题:Rethinking(重新审视) Vision Transformers(ViT) for MobileNet Size and Speed(MobileNet的规模和速度&#xf…

计算机组成原理-存储器概念

计算机组成原理-存储器 存储系统的基本概念 1.层次结构 可以直接被CPU读取: 高速缓存:cache主存储器: 主存和内存 辅助存储器: 辅存和外存 2.分类 1.按层次结构划分 如上面所示 2.按存储介质 半导体存储器磁表面存储器光存储器 3.按信息可更改性 r/w存储器ROM(只读存储器) 4…

Vue2 + Echarts实现3D地图下钻

一、npm安装组件&#xff1a; "echarts": "5.4.0","echarts-gl": "^2.0.9","element-china-area-data": "^5.0.2", 二、Vue页面 <template><div class"Map3D" id"Map3D" ref"…

Python基础入门例程9-NP9 十六进制数字的大小

目录 描述 输入描述&#xff1a; 输出描述&#xff1a; 示例1 解答&#xff1a; 说明&#xff1a; 描述 计算的世界&#xff0c;除了二进制与十进制&#xff0c;使用最多的就是十六进制了&#xff0c;现在使用input读入一个十六进制的数字&#xff0c;输出它的十进制数字…

30 个常用的 Linux 命令!

作者&#xff1a;JackTian 来源&#xff1a;公众号「杰哥的IT之旅」 ID&#xff1a;Jake_Internet 链接&#xff1a;30 个常用的 Linux 命令&#xff01; 命令 1&#xff1a;last用于显示用户最近登录信息&#xff0c;包括用户名、登录时间、登录来源等信息 单独执行last命令&…

开发直播带货APP:用户体验设计策略

在当今数字化时代&#xff0c;直播带货APP已经成为了电子商务领域的一股重要力量。这种形式的电子商务结合了实时直播和购物&#xff0c;吸引了数百万用户。然而&#xff0c;为了确保直播带货APP的成功&#xff0c;关键在于提供出色的用户体验。本文将探讨开发直播带货APP的用户…

iframe嵌入报表滚动条问题

当在iframe中嵌入报表时&#xff0c;可能会遇到滚动条的问题。下面是一个详细的介绍 1. 了解iframe&#xff1a; - iframe是HTML中的元素&#xff0c;用于在当前页面中嵌入另一个页面。 - 嵌入报表时常使用iframe&#xff0c;以便将报表以独立的方式展示&#xff0c;并与其他页…

MT4教程新手指南:一步步开启你的金融交易之旅!

本文将为您详细介绍如何使用MT4(MetaTrader 4)平台进行金融交易。MT4是全球最受欢迎的在线交易平台之一&#xff0c;它拥有强大的功能&#xff0c;包括图表分析工具、交易执行、订单管理等&#xff0c;可以帮助你更好地理解和参与金融市场。那么&#xff0c;让我们开始吧! **步…