Unity WebGL 调用 手机浏览器 键盘输入框

已于 2023-05-15 01:34:44 修改
阅读量1.4k 收藏
点赞数 2
分类专栏： 游戏开发 文章标签： unity webgl 游戏引擎
于 2023-05-13 19:48:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/SJSN_LBY/article/details/130661371
版权

基本原理是，C#调用js的input组件，参照github工程（https://github.com/kou-yeung/WebGLInput），工程已有 ugui 和 TMP 的 input 适配。
如果是ngui的input，则仿照已有的自己创建WrappedUIInput类即可。
就这样。

WebGL手机端弹出输入框
weixin_43754633的博客
09-27 1651
手机端实现输入的方式，我是需要取名，所以这个默认提示框正好，但会打断心跳（要注意）
Unity WebGL InputField 在手机上没有呼出输入框的问题解决，顺便制作webgl项目上传运行流程
qq_38306201的博客
12-14 2418
电脑上运行是没有问题的，但是到了手机上就出现了各种杂七杂八的问题，懂得都懂，首先提示 abort(both async and sync fetching of the wasm failed at error at jsstacktrace)，然后对应到下载进度发现.wasm后缀文件，只能到80%90%刚开始以为是网络问题，测试了下发现并不是。然后网上差了资料各种的测试，官网也没有个准确的解决办法，最后也是不停的尝试后解决的，最后把我最后能在手机上运行的设置给贴出来，没能成功运行的可以做个参考。
Unity WebGL版支持InputField中文输入
09-25
原生UGUI的InputField空间，在WebGL中的支持不太好： 1、发布后，Arial默认字体会丢失，所以必须外部引用字体。推荐C:\Windows\Fonts\黑体.ttf 2、发布后，在InputField输入框中，无法输入中文。 *本资源主要解决第2个问题
UnityWebGL唤醒手机输入框
06-21
UnityWebGL唤醒手机输入框，安卓和苹果已测试。https://blog.csdn.net/abcd5711664321/article/details/125384825?spm=1001.2014.3001.5502
WebGL的移动端输入插件，自测运行良好
12-17
适合将webgl发布到移动端的Unity开发者
unity发布 webgl在手机端 inputfield唤醒键盘输入
abcd5711664321的博客
06-21 2884
unity发布 webgl在手机端inputfield怎么唤醒键盘输入
UNITY WebGL实现中文输入
01-30
模拟Unity InputField位置动态生成html input，实现中文输入
Unity WebGL 输入框(InputField)接受中文输入
穿裤子的云
02-27 4335
Unity 发布成WebGL后，inputfield无法输入中文？怎么办......
Unity WebGL 中文输入解决方案（UGUI、UIToolkit）
最新发布
curry丶的博客
09-25 941
已经测试并成功构建运行的版本：20213.40、2022.3.35虽然案例中说支持2023，但我打包不成功，一直卡在【Linking build.js】这，其余版本可自行测试。
unity WEBGL 输入
09-19
unity 发布到WEBGL 不能输入文字？ 用这个 unity 发布到WEBGL 不能输入文字？ 用这个 unity 发布到WEBGL 不能输入文字？ 用这个 unity 发布到WEBGL 不能输入文字？ 用这个 unity 发布到WEBGL 不能输入文字？ 用这个 unity 发布到WEBGL 不能输入文字？ 用这个 unity 发布到WEBGL 不能输入文字？ 用这个 unity 发布到WEBGL 不能输入文字？ 用这个 unity 发布到WEBGL 不能输入文字？ 用这个 unity 发布到WEBGL 不能输入文字？ 用这个 unity 发布到WEBGL 不能输入文字？ 用这个 unity 发布到WEBGL 不能输入文字？ 用这个 unity 发布到WEBGL 不能输入文字？ 用这个 unity 发布到WEBGL 不能输入文字？ 用这个 unity 发布到WEBGL 不能输入文字？ 用这个
Unity WebGL中文输入插件 支持输入法跟随
12-27
自研插件名称：ChineseInputWebGL1.0.unitypackage 使用unity2019.2.4打包 支持功能： a)中英文输入 b)支持光标移动中间插入输入 c)输入法跟随 d)支持Ctrl+C（拷贝），Ctrl+V（粘贴），Ctrl+X（裁剪）等键盘操作 e)支持WebGL全屏
unity WebGL 中文输入unitypackage
10-10
unitywebgl中文输入框（无弹窗可中间插入输入）unitywebgl中文输入框（无弹窗可中间插入输入）unitywebgl中文输入框（无弹窗可中间插入输入）unitywebgl中文输入框（无弹窗可中间插入输入）unitywebgl中文输入框（无弹窗可中间插入输入）unitywebgl中文输入框（无弹窗可中间插入输入）unitywebgl中文输入框（无弹窗可中间插入输入）
Unity 发布的web GL 实现中文输入.txt
06-02
Unity 发布的web GL 实现中文输入 ， 兼容所有浏览器 注意： demo 并不采用网上盛传的 WebGL IME 的插件！ 下载后请打开发布包中的 .html 文件进行预览。 Demo 演示使用的Unity版本是 Unity 5.6， 实际使用不限制版本 Demo 浏览地址 ： http://www.manew.com/thread-146163-1-1.html
Unity、WebGl、全屏模式下输入中文
03-19
在Unity引擎中，WebGL是一种将游戏或交互式应用打包为网页端可执行代码的技术，它使得用户无需安装额外插件就能在浏览器中体验3D内容。然而，当我们在Unity的WebGL构建中运行项目，并尝试在全屏模式下输入中文时，...
Unity WebGL中文输入插件 支持输入法跟随 支持全屏
06-16
Unity WebGL是一种跨平台的游戏开发框架，它允许开发者创建游戏并发布到Web浏览器中。然而，由于WebGL技术的限制，Unity在默认情况下不支持在Web环境下进行中文输入，这为国内用户带来了不便。针对这个问题，有...
Unity WebGL中文输入 支持输入法跟随 支持全屏（Dome）
09-15
在处理中文输入时，Unity应用会监听键盘事件，并通过JSIL调用JavaScript函数来激活和管理浏览器内置的输入法。 输入法跟随功能的实现则涉及到更复杂的CSS和JavaScript操作。通常，需要监听Unity WebGL canvas元素的...
Unity WebGL Input输入中文
fengxing132433的博客
02-13 1344
Unity WebGL Input输入中文
【Unity】web gl inputFied 中文输入，同时支持TextMeshInputFied，支持全屏
weixin_46472622的博客
07-31 505
用于unity web gl 中文输入，只需要在 inputFied上添加WebGLInput组件就行，同时支持TextMeshInputFied。使用github包【WebGLInput】：https://github.com/kou-yeung/WebGLInput。同时支持TextMeshInputFied，支持全屏。需要资源的在这里也可以下载。
unity webgl 调用pc本地文件
05-12
在Unity WebGL应用程序中，由于浏览器的安全性限制，它无法直接访问用户的本地文件系统。因此，如果您需要读取用户的本地文件，您需要让用户手动选择文件并上传到您的服务器，然后从服务器端读取该文件。 但是，如果您只是需要让用户选择文件并在WebGL应用程序中加载该文件，您可以使用HTML5的File API和Unity的WWW类来实现。具体步骤如下： 1. 在HTML页面中创建一个文件输入框，并在用户选择文件后触发一个回调函数。 ```html <input type="file" id="fileInput" onchange="loadFile()" /> ``` 2. 在回调函数中使用File API读取用户选择的文件，将文件数据传递给Unity的JavaScript代码。 ```javascript function loadFile() { var fileInput = document.getElementById("fileInput"); var file = fileInput.files[0]; var reader = new FileReader(); reader.onload = function (e) { var fileData = e.target.result; unityInstance.SendMessage("YourGameObjectName", "LoadFile", fileData); }; reader.readAsArrayBuffer(file); } ``` 3. 在Unity的JavaScript代码中，使用WWW类加载从HTML页面中传递过来的文件数据。 ```javascript function LoadFile(fileData) { var url = URL.createObjectURL(new Blob([fileData])); var www = new WWW(url); // Do something with the loaded file } ``` 需要注意的是，由于加载本地文件是一个异步操作，因此您需要在代码中处理异步加载的情况。另外，由于这种方法需要上传文件到服务器，因此对于大型文件或需要频繁读写的文件，可能不是一个有效的解决方案。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值