关于我用iVX沉浸式体验了一把0代码创建飞机大战这件事

简介: 很多朋友还是会在后台问iVX的系统架构是什么。这里我就给大家先再简单详细的介绍一下!~

1、iVX的系统架构


很多朋友还是会在后台问iVX的系统架构是什么。

这里我就给大家先再简单详细的介绍一下!~

一个iVX应用,主要由两个部分构成,前台部分和后台部分:

前台部分,对应前端应用程序,负责客户端界面的展示与交互。在iVX中,前端程序支持多种类型,包括web应用,小程序,原生app,与windows exe应用。在运行时,每个用户都会在本地客户端下载一份前端程序来运行;

后台部分,对应服务端程序,部署在后台服务器(集群)中,负责后台数据与通信逻辑的处理。后台部分进一步包括后台资源接口和服务逻辑:

后台资源接口,主要包含各种数据库,api,缓存,文件等后台资源的操作接口,每一种接口都对应iVX中的一个后台组件。注意,iVX仅负责生成应用程序,并不提供后台资源本身。因此,要运行iVX的后台程序,需要额外接入后台资源,比如mysql数据库,redis等等。在iVX公有云上,这些资源已经自动接入,因此可以iVX应用可以直接发布运行;如果选择私有部署,则需要自行准备资源,详见私有部署相关文档;

服务逻辑,主要包含服务组件,是前端程序和后台资源进行交互的“中央枢纽”。其提供了一个HTTP的服务接口(REST

API),可以供iVX前端部分应用或其他第三方应用来调用,同时,可以直接操作各种后台资源,并定义内部处理逻辑。

1.1 举一个例子

左侧的用户界面,即前端应用,其运行在用户的浏览器端,负责收集用户填写的信息;右侧的数据库表,即后台资源,负责存储所有用户提交的信息;中间的提交服务,即后台的服务层,负责监听前端应用发送过来的请求,对请求的数据进行处理,比如,判断一下提交的数据是否合法,然后调用数据库表,写入数据。数据写入之后,服务还需要根据写入是否成功,将结果返回给前端应用,这样前端应用可以把数据提交结果在界面上提示出来。

1.2 iVX前端技术框架

iVX 的前端核心框架为web应用,主体使用react架构,部分内部模块使用了自研的对象驱动引擎,并引用了pixi.js, three.js等画布渲染库。同时,web应用可以通过不同的打包方法生成其他类型的应用,如下图所示:

1.3 后台技术框架

iVX的后台程序,可以直接发布在iVX公有云上运行,也可以导出部署至其他服务器环境。其详细架构如下图所示:

2、创建飞机大战


2.1 效果图

2.2 创建流程

首先我们创建一个小程序~

而后我们在后台资源中调试出物理画布,如下图所示~

导入好我们本地炸弹的图片~飞机、子弹等等

导入后,可以设置好导入图片的宽度、高度等等。

随后设置该陨石的一个垂直重力即可实现降落陨石功能。

还可以添加运动属性~给运动的物体增加很多配置,以完成预想的目的效果。

在这里我们增加两个属性:位置和速度,并且设置他们的参数值~

在小模块功能中,设置好生成的随机数的一些最大值最小值,就可以实现随机出现陨石了~

随后,在动作组的定义中,整合好最开始设置的物理世界的子对象与模板对象的配置~

随后我们如法炮制,把子弹和飞机一起添加进我们的物理世界~

然后就是增加对应的子弹运动以及一些对象组配置~

别忘记设置好 子弹撞击陨石之后的 陨石消失~即把陨石这个对象移除即可。

这样,一个飞机大战的游戏就做好了~

写在后面的话


怎么样,看到这里是不是心动了呢~

iVX动手尝试电梯:电梯链接

iVX官网:https://www.ivx.cn/

iVX公众号:ivx_cn

iVX在线学院:iVX在线学院跳转电梯

相关文章
|
5月前
|
存储 搜索推荐 JavaScript
医院随访管理系统源码开发,患者随访管理系统成品源码,智能随访系统源码,出院随访系统源码
医院随访管理系统源码,基于Java+Vue前后端分离架构,集成患者信息管理、智能随访计划、自动提醒、录音上传、数据统计等功能。支持个性化随访模板、科研随访、多级审核与数据分析,提升医院随访效率与患者满意度。
252 11
|
存储 关系型数据库 MySQL
MySQL引擎对决:深入解析MyISAM和InnoDB的区别
MySQL引擎对决:深入解析MyISAM和InnoDB的区别
2666 0
|
12月前
|
存储 消息中间件 Kafka
中原银行实时场景企业级解决方案
中原银行实时数据开发平台负责人杜威科在Flink Forward Asia 2024分享了银行业实时数据处理的经验。内容涵盖需求分析、解决方案、场景案例与现状展望。银行业需构建全链路、全场景的企业级实时数据平台,解决动账场景下的复杂计算需求。通过Flink+Paimon方案,实现高效更新、低成本存储与便捷查询。案例包括账户表实时更新入湖、交易协同优化、实时图应用、海量数据存储及业务人员易用性建设。未来目标是实现上千张表实时入湖,缩短延迟并探索AI结合的新场景。
475 2
中原银行实时场景企业级解决方案
|
Java 应用服务中间件 测试技术
深入探索Spring Boot Web应用源码及实战应用
【5月更文挑战第11天】本文将详细解析Spring Boot Web应用的源码架构,并通过一个实际案例,展示如何构建一个基于Spring Boot的Web应用。本文旨在帮助读者更好地理解Spring Boot的内部工作机制,以及如何利用这些机制优化自己的Web应用开发。
437 3
|
存储 Java 数据安全/隐私保护
什么是编码和解码
什么是编码和解码
1358 0
|
数据可视化 前端开发 JavaScript
【Echarts大屏】智慧图书馆可视化大屏(附源码一键复制)
【Echarts大屏】智慧图书馆可视化大屏(附源码一键复制)
|
消息中间件 Java Maven
Spring Cloud Alibaba 简介
Spring Cloud Alibaba 简介
570 1
|
Java 程序员 Spring
如何理解AOP中的连接点(Joinpoint)、切点(Pointcut)、增强(Advice)、引介(Introduction)、织入(Weaving)、切面(Aspect)这些概念?
a. 连接点(Joinpoint):程序执行的某个特定位置(如:某个方法调用前、调用后,方法抛出异常后)。一个类或一段程序代码拥有一些具有边界性质的特定点,这些代码中的特定点就是连接点。
2812 0
|
网络协议 算法 Linux
半道转嵌入式开发适合吗?(从事十年的我建议不要,你会后悔的)
半道转嵌入式开发适合吗?(从事十年的我建议不要,你会后悔的)

热门文章

最新文章