Unity前端UI和web前端的React

最新推荐文章于 2024-02-13 21:37:00 发布
最新推荐文章于 2024-02-13 21:37:00 发布
阅读量307 收藏
点赞数
文章标签： ui 前端 游戏 ViewUI
原文链接：https://my.oschina.net/u/186074/blog/875128
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

游戏前端UI的开发和Web前端开发比较类似

Web中主要是矢量图的使用，而游戏中图素基本靠图片来提供

react设计基本思路，将UI的 状态和 View层分离开，操作只能修改state状态，通过immutable这个库，将状态做成 不可变的，这样就能简单的获得两个状态之间的差异，而通过状态的差异来具体影响UI的变化

这样的分离的好处，提高了代码的可读性，提高了代码的可维护性

早期的web前端UI，主要通过随意的动态操作dom来实现ui功能，代表人物就是jquery，而ui的状态和view则是用户自己控制。web ui本身也缺乏组件化的概念。

在react中每个ui组件，有自己的state，以及render函数，根据state的变化，render不同的内容，而代码只能去setState改变状态

https://www.ibm.com/developerworks/library/wa-react-intro/

在Unity的UI脚本中，也将state 和 render分离开，可以提高ui逻辑的可读性，提高可维护，可复用的能力。 uiGameObject--》ui脚本 GetInitialState Render 渲染内容 ButtonClicked SetState

mixins 组合UI 组件，以及持有状态，将状态在多个UI组件之间进行转移

转载于:https://my.oschina.net/u/186074/blog/875128

weixin_34177064
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
unity 原型_使用Unity和React快速进行原型制作
weixin_26750481的博客
09-11 722
unity 原型Web applications are great way to quickly reach a lot of users without the hassle of native client installs and play store downloads. Web frameworks such as React allow page components to comm...
思考了很久，决定从一名web前端转行unity工程师
dx394460456的博客
07-29 2204
契机 本人今年22，本科毕业一年了，有vue电商、vue管理系统等开发经验，跳槽后在另一家公司担任前端开发工程师。 手上的项目是3D电子地图，主要技术栈有JS、Jquery、Cesium、SuperMap等。项目比较老旧，三大框架未使用。 突然发现3D地图还挺炫酷的，在网上搜了一些相关资料后，游戏引擎unity、cocos等吸引了我的注意力。 这里借用B站程序员小姐姐UP主的一句话: "两个星期学习一门新的语言是一名合格的程序员的基本素养"。 也正是这句话激励了我，让我决定学习C#，开始漫长的"转行"之路。
UniMob：Unity的React式状态管理
02-04
独角兽 Unity的React状态管理 介绍 UniMob是一个库，可通过透明地应用功能性React式编程来简化状态管理和扩展。 UniMob背后的原理非常简单： 可以从应用程序状态派生的任何内容都应派生。 自动地。 其中包括用户界面，数据序列化，服务器通信等。 一个简单的例子 那么使用UniMob的代码是什么样的呢？ using UniMob ; using UnityEngine ; using UnityEngine . UI ; public class Counter : MonoBehaviour { public Text counterText ; pu
Unity导出的WebGL、网页前端、服务端以及硬件四级交互结构的实现（简单3d建模网页端物联网）
Koweico的博客
12-15 9769
本文代码基于一个智慧楼宇项目： 前提：(Unity应该使用尽量最新的版本，2020年的应该就行，2019年的未知‘，2018年的好像就不行了) 模式简介： 1.服务端处理楼宇发送的信息，把处理过的信息发送给前端页面，前端页面模型产生变化交互，实现从现实到模型的交互。 2.人为在浏览器端触发模型事件，该前端页面实现向服务端发送信息，服务端再处理数据，给楼宇相应硬件发送信息，实现从模型到现实的交互。 本文着重介绍Unity导出的WebGL、网页前端、服务端之间的交互，硬件由于实际情况不同，仅示范一般情况。 一、
【白话前端】快速区分webGL，webGPU，unity3D和UE4
最新发布
贝格前端工场的博客
02-13 2021
在3D图形渲染的渲染领域，很多友友们对上述概念傻傻分不清，站在前端开发角度，我用简单语言说下，结论在文章最后。
Unity——UI框架+远程加载+PC/WebGL
leikang111的博客
05-31 187
一套简单的UI框架，包括后台Addressable
unity 前端场景搭建UI框架的设计
LegendaryChen的博客
02-24 1500
UI 动画：为了让 UI 界面更加生动，需要设计一套 UI 动画系统，支持常见的动画效果，如渐变、旋转、缩放、移动等，UI 动画系统应该支持动画的播放和停止，以及动画的自定义扩展。状态管理器：为了方便 UI 界面的状态切换，需要设计一套状态管理器，如显示状态、隐藏状态、禁用状态等，状态管理器应该支持状态的切换和保存，以及状态的自定义扩展。主题管理器：为了方便 UI 界面的样式切换，需要设计一套主题管理器，支持多套主题的切换，主题管理器应该支持主题的加载和保存，以及主题的自定义扩展。
【Unity笔记】使用unity UI 实现一个前端登录界面
winni_a的博客
12-25 3391
首先，在canvas中创建2个input field ，再创建一个Button 然后，简单修改内容如下 创建一个脚本来相应按钮的点击事件 在这里，我们创建一个叫MyGame的脚本，写一个Login方法 public void Login() { Debug.Log("登录成功"); } 注意，这个方法必须是 Public 的，否则挂载不到按钮上 然后回到 Unity ,选择按钮，在OnClick 的list上点击加号，进行方法挂载 首先，点击 +..
unity webgl 打包后UI元素消失或变形的问题
Lingyun0251的博客
09-04 3545
项目场景： 做了个unity webgl项目，主要展示3D场景，除了一个鼠标悬停建筑展示信息的弹窗，没有其他的UI元素。 问题描述： 在unity里一切都好，可发布之后发现webgl上UI图片消失了（一个image上两个Text子物体，Text在，image消失了）。 原因分析： 首先分析了下是不是image组件失效、unity发布配置等问题或bug。后来经过调试发现是html代码不同使image组件的rect变形了，屏幕适应导致的问题；即：原本发布的自带index.html里面是用的px单位， &lt
核心：React渲染器，用于在Unity UI中构建用户界面
02-06
React Unity React Unity是一种使用流行的React框架和Typescript在Unity3D中构建交互式UI的方法。 它旨在支持类似CSS的功能和Flex布局系统。 WIP：即将发生的重大更改和API改进 要求 开发机器上需要Node.js版本12 在Unity 2019.3和2020.1中测试 正在安装 通过OpenUPM安装 openupm add com.reactunity.core 或者通过编辑manifest.json手动添加 { "dependencies": { "com.reactunity.core": "https://github
Unity 科幻风格的全息交互界面UI（内含多个Demo）
01-24
Unity 科幻风格的全息交互界面UI（内含多个Demo），若有报错，请在AssetStore下载 LegacyImageEffects，导入即可使用
UnityUniWebView最新版DEMO
02-28
UniWebView是用于移动Unity3D游戏的现代Web视图组件。将网页内容集成到游戏中从未如此简单。什么是UniWebView UniWebView是一个Unity 3D插件，用于将Web视图组件添加到Unity 3D手机游戏中。UniWebView在C＃中包含一组抽象的高级API，它们包装了iOS和Android平台的本机API。借助UniWebView，您可以在不了解本机开发的情况下将某些行为（例如浏览器）插入游戏。当您需要显示公告或通知，为玩家排名添加排行榜或仅向用户显示任何网页时，此功能非常有用。 ＃支持的平台 UniWebView支持运行： iOS 9.0或以上 Android 5.0（API级别21）或更高版本 在iOS上，UniWebView WKWebView用作渲染组件。在Android WebView上使用。 UniWebView还包含macOS上的Unity Editor支持，用于调试目的。如果要在Mac上开发游戏，则可以直接在Unity Editor的播放模式下打开独立的Web视图。如果您在Windows PC上工作，则仍可以在移动设备上构建和使用UniWebView，但是无法在Windows Unity编辑器中直接查看结果。 该编辑器插件是功能齐全的各种移动版本。尽管UniWebView是为移动平台设计的，但如果需要，您也可以将其放入独立的macOS游戏中。 ＃版本3 UniWebView项目始于2013年。UniWebView的原始版本支持Unity4。在Unity 5中，Unity团队更改了本机插件工作方式的方法，并且无法在同一插件版本中同时支持Unity 4和5。因此，我们决定对版本2进行重大升级。经过几年的开发，UniWebView 2现在非常稳定。但是，遗留代码仅UIWebView在iOS上支持旧样式（并且已弃用），并且我们还必须考虑向后兼容性，并且也必须使用过时的API WebView。 我们对这种情况不满意。如果我们使用最新技术，则性能和代码质量可能会大大提高。添加功能和解决问题也将更加容易和快捷。这就是我们决定从头开始重写UniWebView的原因。在版本3中，我们再次从0开始，并重新设计了几乎所有API。凭借过去几年的发展经验，我们有机会使美好的事物变得更好，而糟糕的设计也就消失了。 已经在使用UniWebView 2？请查看第3版的重点内容，以了解它是如何从以前的版本演变而来的。请注意，版本3与版本2不兼容。如果要从UniWebView 2升级，则不妨对迁移指南进行简要介绍。大多数概念是相似的，但可能仍需要一段时间才能升级。我们还建议您阅读我们的文档，以将UniWebView的潜在功能带到您的项目中。
unity 前端游戏框架UI、网络、资源、数据、脚本等多个模块
11-01
unity 前端游戏框架,已经完成了UI、网络、资源、数据、脚本、时间、时间、线程、日志等模块！
UnityWebGl与Web前端通信，互通消息
03-05
Unity与WebGl通信工具脚本 测试Demo 教程https://blog.csdn.net/boyZhenGui/article/details/114374111?spm=1001.2014.3001.5501
Unity中UI和粒子特效之间的遮挡以及遮罩功能
02-20
UI和粒子特效之间遮挡和遮罩功能
Unity UI边缘流光特效插件
10-25
1.UI流光特效插件，包含了大量UI特效。 2.满足你各种各样的UI特效需求，让你的UI不再单调！ 3.包含各种Shander及流光贴图资源。 4.代码简单易上手学习。 5.仅用于学习交流，切勿商用。
Unity物体与UI连线插件
06-12
简单实现物体与UI连线功能
前端开发 转unity_Unity仪表板-汲取的经验教训可扩展我们的前端，开发文化和流程...
cumi6497的博客
08-03 628
前端开发 转unityby Maciej Gurban 通过Maciej Gurban Unity仪表板-汲取的经验教训可扩展我们的前端，开发文化和流程 (Unity Dashboard — lessons learned scaling our frontends, development culture, and processes) At Unity, we’ve recently se...
Unity WebGL 中文输入解决方案（UGUI、TextMeshPro、UIToolkit）
qq_26318597的博客
09-13 4685
💡.本解决方案有效解决了在WebGL平台发布后无法输入中文的问题，本方案目前已经完成了对三大ui组件的支持。 💡.经过功能的封装使用过程极度舒适（只需在代码中使用和），详情见后文Demo部分。
unity web ui 大小
09-22
综上所述，Unity Web UI的大小受到UI元素的数量和复杂度、图像和媒体资源的大小以及Unity版本和编译设置的影响。为了减小UI的大小，可以考虑使用较少的UI元素、优化图像和媒体资源，并合理设置Unity的编译选项。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值