数字孪生-> Uinty 3D 与Web 的数据交互 入门 demo

这篇具有很好参考价值的文章主要介绍了数字孪生-> Uinty 3D 与Web 的数据交互 入门 demo。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Unity 3D 实现数字孪生

Unity 3D 作为游戏开发引擎,凭借 高可用性,目前已经应用于数字孪生领域,而且可以方便的大包围 WEBGL 方便开发人员对孪生项目的二次开发。下边就简单介绍以下 Unity 3d 与 web 的双向交互是如何实现的;

环境要求

需要准备 Unity 3d ,与vsCode 之类的代码编译软件

最简单的交互

打开Unity 3d 新建一个工程

 选择3D ,然后为工程命名;

unity3d怎么做数字孪生,3d,交互

unity3d怎么做数字孪生,3d,交互

 文章来源地址https://www.toymoban.com/news/detail-762510.html

 点击工程下边的 Scenes 里边默认的 Simple Scence;左上方出现 Main Camera 等一些

默认的场景,然后右键点击空处

unity3d怎么做数字孪生,3d,交互

 选择UI 组件 然后 点击 Text  之后 ,场景里边就会创建一个UI Text 的组件;

unity3d怎么做数字孪生,3d,交互

这里可以点击对组件的名字进行命名; 

unity3d怎么做数字孪生,3d,交互

unity3d怎么做数字孪生,3d,交互

 

下方的填写框 可以调整你要在Ui文本上显示的文字;

然后我们滑倒下边选择为 Text添加脚本

unity3d怎么做数字孪生,3d,交互

 脚本的名字可以随便命名;

添加之后我们会在Assets 下找

到我们命名的脚本,然后通过 我们的编码软件打开;

写如以下代码

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using TMPro;

public class Ri : MonoBehaviour
{
    public TMP_Text helloText;
    // Start is called before the first frame update
   
    public void HelloText(string text)
    {
        helloText.text = text;
    }
    void Start()
    {
        
    }

    // Update is called once per frame
    void Update()
    {
        
    }
}

这里边我们定义了 一个方法 这个方法的参数会传输到我们的 Unity 里边的 UI文本框中进行显示;

板寸之后我们再去点击我们的Canvas;
unity3d怎么做数字孪生,3d,交互

脚本下边就出现了我们在代码中创建的Text变量,我们将我们创建 Text 拖拽到此处进行 为变量赋予组件。 然后我们去将 我们的项目去打包 为WebGL;

UNITY 3D 打包为 WEBGL

点击 file 下的 Bulid AND Setting (或者 ctrl+shift +b) 

选择 为 WEBGL;然后点击 Bulid ;

等待打包完成;打包完成之后我们会在选择的文件夹下出现三个文件;

unity3d怎么做数字孪生,3d,交互

 然后 我们使用编辑器打开 index.html;找到script .onLoad

 unity3d怎么做数字孪生,3d,交互

 在下方添加以下代码

 unityInstance.SendMessage('Canvas', 'HelloText','Hello,Unity!');

其中 Canvas' 是我们添加脚本的组件;'HelloText', 是我们脚本里边的方法,'Hello,Unity!' 是该方法·里边需要传输的参数;

unity3d怎么做数字孪生,3d,交互

 然后我们保存代码 回到 Unity 3d;点击 file 下的 Bulid and run 就可以在浏览器上看到我们的Text 组件 打印出了'Hello,Unity!';

unity3d怎么做数字孪生,3d,交互

 

 

到了这里,关于数字孪生-> Uinty 3D 与Web 的数据交互 入门 demo的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • AMRT3D数字孪生引擎

    AMRT3D引擎是由眸瑞网络科技 自主研发、拥有完全自主知识产权的一款 全球首款轻量化3D图形引擎,引擎以核心的轻量化技术及AMRT轻量格式为支柱,专为数字孪生项目开发打造。 AMRT3D引擎提供一整套完善的数字孪生解决方案,在数据处理方面,通过多格式数据转换、全自动轻

    2024年04月13日
    浏览(49)
  • 产业园区数字孪生3d可视化全景展示方案

    随着数字经济的发展,数字技术给企业发展带来了机遇的同时,也为企业管理带来挑战。比如园区运维,不仅体量大,复杂的运维管理系统,落地难度也较高。那么如何通过数字化手段重塑园区运营,打通园区各业务数据孤岛,实现多系统业务联动,提升园区管理效率、创新

    2024年02月09日
    浏览(74)
  • 3D数字孪生技术在工业制造中的应用

    工业生产是现代工业生产和城市化建设的重要组成部分,工业生产逐渐批量化和自动化,利用数字孪生3D可视化技术对工厂生产的环境、设备、管道和仪表等元素在虚拟世界中模拟和重建,实现工业生产的管理、规划、设计和运营数字化可视化管理。 提高生产效率 数字孪生

    2024年02月14日
    浏览(54)
  • 换热站数字孪生 | 图扑智慧供热 3D 可视化

    换热站作为供热系统不可或缺的一部分,其能源消耗对城市环保至关重要。在双碳目标下,供热企业可通过搭建智慧供热系统,实现供热方式的低碳、高效、智能化,从而减少碳排放和能源浪费。通过应用物联网、大数据等高新技术,对热源、管网等供热系统进行智慧化改造

    2024年01月25日
    浏览(86)
  • 3D数字孪生技术在水利工程上面的应用价值

    \\\"农功今可济,水利更毋隳。”水利作为国民经济稳定和谐的重要部分,运用科技化手段对水利项目进行管理,能完美契合智慧水利灾害管理与防治所需。深圳华锐视点利用数字孪生和三维可视化技术搭建的智慧水利可视化管理平台,通过web3d开发建模、VR虚拟仿真、数据采集、

    2024年02月08日
    浏览(52)
  • 数字孪生3D可视化技术在数字化水利行业中的应用

    城市供水数字孪生系统是一种基于web3d开发和数字孪生技术构建的智能运维系统,它可以将实际设备与虚拟模型相结合,实现对城市供水系统的实时监测、预测和优化。 智慧供水系统是智慧水务建设的新目标与新高度,能够实现城市内部原水供水以及污水处理中水务流程的可

    2024年02月07日
    浏览(69)
  • 【ThingJS | 3D可视化】开发框架,一站式数字孪生

    博主: _LJaXi Or 東方幻想郷 专栏: 数字孪生 | 3D可视化框架 开发工具: ThingJS在线开发工具 有问题直接戳官网: ThingJs 在线开发工具 对象拾取: 只有物品编辑了 UserID Name 或者添加 自定义属性 之后, 导入到 ThingJs 中才能成为独立的管理对象,被程序读取或修改 灯光配置 后期设置

    2024年02月11日
    浏览(76)
  • 数字孪生城市3D可视化展示系统多维展示规划成果

    随着科技的不断进步和应用,越来越多的企业开始尝试基于3D可视化技术的智慧化管理,这项技术极大地提升了企业管理效率和优化企业决策,成为了现代企业管理不可或缺的一部分。 在传统的管理模式中,企业管理面临着固有的限制,这些限制包括时空上的限制,即无法实

    2024年02月11日
    浏览(59)
  • 电缆厂 3D 可视化管控系统 | 图扑数字孪生

    近年来,我国各类器材制造业已经开始向数字化生产转型,使得生产流程变得更加精准高效。通过应用智能设备、物联网和大数据分析等技术,企业可以更好地监控生产线上的运行和质量情况,及时发现和解决问题,从而提高生产效率和产品质量。电缆厂作为传统机械器材加

    2024年02月11日
    浏览(59)
  • 污水处理厂3D数字孪生三维可视系统降低设备风险隐患

    当相对传统与保守的水务行业,与激进与开放的互联网发生碰撞之后,产生了最好的一个名词是:“智慧水务”,谈及智慧水务,自然免不了当下最具热度的技术“元宇宙”,水资源再生是我国追求高质量发展的新策略,因此将元宇宙技术应用到水资源再生领域有哪些应用场

    2024年02月09日
    浏览(35)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包