WebGL和U3D交互

最新推荐文章于 2026-05-23 15:19:37 发布
原创 最新推荐文章于 2026-05-23 15:19:37 发布 · 2.5k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>test</title>
    <link rel="shortcut icon" href="TemplateData/favicon.ico">
    <link rel="stylesheet" href="TemplateData/style.css">
    <script src="TemplateData/UnityProgress.js"></script>  
    <script src="Build/UnityLoader.js"></script>
<script type='text/javascript' src='../JS/settings.js'></script>
<script type='text/javascript'>
function test(arg)  
{  
    alert(arg);  
} 
</script>
    <script>
      var gameInstance = UnityLoader.instantiate("gameContainer", "Build/Test.json", {onProgress: UnityProgress});
 
     function getTest()
{
gameInstance.SendMessage("objName", "FunA", "hello world" );
gameInstance.SendMessage("objName", "FunB", 1 );
}
 
 
    </script>
  </head>
  <body>
    <div class="webgl-content">
      <div id="gameContainer" style="width: 960px; height: 600px"></div>
      <div class="footer">
        <div class="webgl-logo"></div>
        <div class="fullscreen" onclick="gameInstance.SetFullscreen(1)"></div>
        <div class="title">Test</div>
      </div>
    </div>
  </body>

</html>


网页到U3D通过创建的gameInstance，SendMessage。其中参数是一是U3D中的节点名，参数二是接收函数的名称，参数3是发送数据。


U3D到网页通过,Application.ExternalCall("getAllUserInfo");



Unity3D WEBGL项目注意事项
宇鱼鱼的代码记录
06-02 1735
unity打包webgl项目碰到的一些问题，做个小记录
【白话前端】快速区分webGL，webGPU，unity3D和UE4
贝格前端工场的博客
02-13 3710
在3D图形渲染的渲染领域，很多友友们对上述概念傻傻分不清，站在前端开发角度，我用简单语言说下，结论在文章最后。
别再只用Build Settings了！Unity WebGL打包到Nginx部署的完整避坑指南（2024版）
最新发布
weixin_32631179的博客
05-23 230
本文详细解析了Unity WebGL项目在Nginx服务器部署中的常见问题与解决方案，包括MIME类型配置、压缩策略优化和跨域资源处理等关键环节。通过实战案例和性能调优建议，帮助开发者避开部署陷阱，提升WebGL应用在生产环境中的稳定性和性能表现。
Unity与WebGL相互调用传值
马摆摊
01-10 1510
一， web调用Unity unity中 public class ObjName : MonoBehaviour { public void TestFun1(string str) { Debug.Log(str); } public void TestFun2() { Debug.Log("来着web无传参调用"); } } index.html中 gameInsta...
一文带你区分webgl和unity、three.js、babylon.js
猿脑2.0的博客
06-21 2547
WebGL（Web Graphics Library）是一种JavaScript API，用于在任何兼容的网页浏览器中不使用插件的情况下渲染2D图形和3D图形。WebGL的实现通常依赖于浏览器的支持，并且可以利用GPU加速来提供高性能的图形渲染。WebGL并不是一个框架，而是一个API，但有许多框架和库基于WebGL提供更高级的功能。
WebGL关于网页端与U3D互动的传值方法
u010707274的博客
05-18 1万+
WebGL关于网页端与U3D互动的传值方法 本帖最后由 sconi 于 2017-2-16 09:47 编辑 因工作需要，所以对WEBGL进行了研究，期间遇到了挺多坑。所以针对我所遇到的坑，来做个总结。这是我第一次发布教程类文章，所以如果有遗漏或没说清楚的地方，请留言告诉我。我也是刚刚研究，所以我无法讲清楚其中原理，所以只能写一些解决的方法，和心得体会。测试环境： 系统：Windows7旗舰版SP1
Vue3 + Unity WebGL：如何让你的3D模型与前端组件‘双向对话’？
weixin_28040125的博客
03-26 408
本文详细介绍了如何通过Vue3与Unity WebGL实现3D模型与前端组件的双向通信，构建高效的数字孪生交互方案。从通信架构设计到Vue3和Unity的工程化实现，提供了完整的协议设计、代码示例和性能优化建议，帮助开发者打造丝滑的跨引擎3D可视化应用。
在vue中使用unity3D实现webGL将要呈现的效果
追梦&天空的博客
12-09 1万+
文章目录Vue + webGL + unity3D1. 什么是webGL?1.1 兼容性2. 什么是unity3D?2.1 unity3D 的发展史3. 如何在vue中使用unity3D和webGL?3.1 新建一个挂载unity3d加载器的vue组件3.2 使用新建的vue-unity-webgl组件4. 演示效果 Vue + webGL + unity3D 1. 什么是webGL? WebGL（Web图形库）是一个JavaScript API，可在任何兼容的Web浏览器中渲染高性能的交互式3D和2D图形
【愚公系列】2023年12月 WEBGL专题-canvas和webgl的区别
愚公智库
08-01 1万+
Canvas是一个HTML5元素，可以用于在网页上绘制图形。它可以让开发者使用JavaScript绘制图形和动画，以及实现图形交互。Canvas可以帮助开发者创建交互式的游戏、图表、图像编辑工具等应用程序。Canvas的作用如下：动态绘制图形：开发者可以使用JavaScript动态地绘制图形，包括线条、圆形、矩形、多边形等。动画效果：开发者可以使用JavaScript实现动画效果，例如展示图表数据变化、添加滑动特效等。图像处理：开发者可以使用Canvas进行图像处理，例如对图像进行裁剪、缩放、旋转等操作。游
Unity3D 实用技巧 - WebGL实战问题汇总（二）
unityofficial的博客
09-08 256
1、WebGL是什么？ WebGL是一个low-level的JavaScript API，这个 API 提供了一种能力使得网页上脚本和计算机图形硬件直接交互。这就让我们在浏览器里创建，实时运行3D图形成为可能，这是一种Web的标准，(运行的浏览器)不需要另外装插件，不久以后这种技术会被越来越多的智能手机所支持。许多人把WebGL当做HTML5的新技术。2、怎么让WebGL运行在本地机器上？ 首先，...
Unity踩坑记之Unity5.6发布WebGL与网络端互传数据
热门推荐
Now you see me
01-05 1万+
Unity支持20多种平台听起来好像很厉害，可是稍微接触了才发现其实有很多大坑。最近因为项目需要接触了WebGL，其中还要连接SQL数据库，原本以为只需要发布为WebGL即可，结果问题很多，问题如下： 1.发布项目时报错（看了一下错误是System.Windows.Form.dll报错，应该是WebGL不支持对Windows的系统属性的调用，如本地IP地址以及windows窗口） 2.打开发布...
unity3D中导出webgl并使用js进行交互
qq_39503511的博客
12-20 3906
unity3D中导出webgl并使用js进行交互概述步骤 概述 本章记录在使用unity3D制作场景并导出webgl，然后unity和js进行两边交互，本人使用unity的版本为5.6.7。在初始化进入场景时cube并没有旋转，我们在点击开始旋转按钮后unity的cube开始旋转，效果图： unity向html传递“开启旋转”的参数值： 步骤 在unity中编写js脚本，首先创建一个cube，然后将脚本挂载到cube上 var a:boolean = false; function Start (
u3d js交互 Android,Unity WebGL通過jslibPlugin與android溝通
weixin_29097457的博客
05-28 482
8种机械键盘轴体对比本人程序员，要买一个写代码的键盘，请问红轴和茶轴怎么选？最終目的為- Unity WebGL通過jslib Plugin跟Web交互- Unity WebGL通過jslib Plugin跟android溝通1. 創建jslib[WebGL:Interacting with browser scripting](https://docs.unity3d.com/Manual/w...
WebGL以及wasm的介绍以及简单应用
killsime的博客
12-29 4192
首先,浏览器里的游戏是怎么做到这种交互又显示不同的画面的?试想用我们的前端三件套实现一下.好像可以用canvas来实现,但是实现的过程会很复杂,代码量会很大所以对这种图形渲染,实际上是交给了图形渲染引擎我们可以通过引擎提供的js接口来执行我们的渲染过程而我们要介绍的WebGL的本质就是OpenGL的js接口那OpenGL又是什么呢?好像疑问越牵扯越多,不急,先了解一下图形渲染的原理实际开发中,我们也不会直接使用WebGL,只是了解一下原理。
【愚公系列】2023年12月 WEBGL专题-简介
愚公智库
08-02 1万+
OpenGL和WebGL是相关的图形渲染技术。OpenGL是一种跨平台的图形API，用于在计算机上进行2D和3D图形渲染。OpenGL API可以与多种编程语言配合使用，如C++, Java和Python等。WebGL则是在Web浏览器中实现的OpenGL ES API的变种。它允许在Web浏览器中使用JavaScript，以利用GPU硬件来进行高性能的3D图形渲染。WebGL使用OpenGL ES 2.0作为底层图形渲染API，以实现高性能的3D图形渲染。
unity webGL笔记
qq_31578301的博客
09-04 774
13）、使用LOD（这个需要慎用，这个不太推荐使用，只有内存充足下使用，一般webgl内存都比较紧张，容易内存溢出）一度认为WebGL不支持使用StreamAssetsPath路径，但测试发现是可以正常使用的，使用System.IO.File读取该路径下的配置文件会失败，是因为使用File类相关函数时，我们真实填入的WebGL平台下的路径参数，是以file:///开头的，但是File读取后的路径开头却是/file:/ 所以结论是，在WebGL平台下不要使用System.IO.File类。
Unity_WebGL相关
weixin_34327761的博客
04-19 874
先说个题外的ajax遇到跨域问题（我用jquery） $.ajax({ url:url, dataType:"jsonp", type:"GET", success:function(msg) { //...... } }); 要用jsonp和get在ajax请求后获得的数据，用JSON.parse来转换json，如果报错了，那有可能...
Unity3D打包WebGL项目
weixin_30470643的博客
04-02 831
公司原本的手游试水转页游，由于是Unity3D项目，于是选择了打包WebGL的方式，把遇到的一些问题记录一下，方便其他有相关需求的朋友，也方便自己查询。 Unity3DWebGL官方介绍 https://docs.unity3d.com/Manual/webgl.html 需要先看一遍，介绍了浏览器兼容性、内存相关、网络相关、与页面javascript交互...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值