自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 收藏
  • 关注

原创 JS 游戏引擎 - 添加 DOM UI

public/|--models/|--dom/ // ===> 这个目录下用于存储 DOM UI 资源|--Phone/ // ===> 这里定义了一个手机组件本文介绍了如何为 JS 游戏引擎添加 DOM UI,先讲述 DOM UI 的含义以及作用,然后提出实现 DOM UI 的关键问题,接着从定义形式、引用方式、解析方式、使用框架、通信设计、适配画布几个方面,详细地阐述整个 DOM UI 的方案设计,欢迎大家交流意见。

2024-08-05 12:19:08 1081

原创 JS 游戏引擎 - 管理模型资源

Model 用于描述 Entity 的具体内容,简单来说就是游戏引擎创建一个 Entity 时所依赖的一段 js 代码,通过这段代码,我们可以为 Entity 添加各种 Component。因此 Model 存在形式的核心就是 js 脚本。这里借鉴 npm 包的概念,我们定义 Model 的实际存在形式为单文件夹,该文件夹下包含一个主文件和其它资源文件。主文件也是入口文件,通常为 index.js,其它资源文件可能是图片、JSON 文件等,为主文件所引用。Car/

2024-08-05 12:16:50 811

原创 JS 游戏引擎 - 实现单片机逻辑

本文以基于 LDC1000 的循迹小车为例,介绍如何让 JS 游戏引擎支持编写单片机逻辑代码,首先是逐帧执行的同步 main 函数,然后优化为单次启动的异步 main 函数,接着拓展成 Generator 函数实现,最后为 main 函数增加了死循环检测熔断机制。附:利用 babel(@babel/standalone) 在 main 函数的各个循环地方注入熔断函数// 示例代码const {${// 示例代码 import * as Babel from '@babel/standalone'

2024-08-04 22:16:36 1061

原创 JS 游戏引擎 - 物体编辑器

前面提到物体就是 Entity,但我们要修改的物体的属性并不是直接属于 Entity 的,或者说我们要修改的是物体的专有属性,我们将这些专有属性定义在 Entity 的 props 属性上。// ...// ...本文介绍了 JS 游戏引擎里物体编辑器的实现方案,首先说明物体编辑器的含义与作用,然后讲解物体属性的数据模型设计,最后阐述代码编辑器与表单编辑器的实现方案。

2024-08-04 22:10:12 872

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除