首页 > 其他分享 >游戏前端工作流程总结

游戏前端工作流程总结

时间:2023-05-19 16:47:43浏览次数:44  
标签:需求 游戏 前端 确认 抽象 方便 流程

序言

不断总结完善方法论可以在类似的事物中提供指导和依据,下面是我作为前端游戏程序员对工作流程的经验总结。考虑比较复杂的情况,据实际情况酌情简化或者增加细节。本文多是经验所得,主观性较强,且个人水平有限,欢迎讨论交流和批评!

流程

大概流程如图所示,部分细节在下面说明
image

需求宣讲

一般比较复杂的需求会要求策划对需求进行宣讲,需重点听下需求涉及哪些领域,主要功能、流程,并初步判断可行性、复杂度、成本等并提出相关建议

需求分析

先根据需求手册和视觉稿流程、功能、细节、实现方式捋一遍,有必要的话(据经验需求手册并不把每个细节都讲清楚)拽上策划同学把有疑问的地方对一遍。

预研

在遇到不熟悉的领域或者一些复杂的技术,要提前验证是否能够实现和实现成本甚至做一个demo。另外,有些问题可能有多个解决方案调研选择更合适的。

建模

可以在抽象的层面上大致的提供完成需求的理论模型,方便开发者伙伴之间沟通合作,并为开发编码提供蓝本。模型是编程语言之上对业务的抽象,理想情况下编码前要“胸有成竹”。建模方法有很多,由于公司没有要求特定方法,我一般采用类似DDD的方法,领域包含核心功能,支撑,和给外面用通用部分,必要时辅以流程和状态图。追求实用。

依赖确认

在开发前,先确认下配置表、协议、美术资源、依赖的接口的实现情况,理想情况是都准备好了,但是实际情况可能在开发中陆续交付,根据情况做好打算。另外,也有些别的模块,可能要依赖此模块,也要同其他开发者交代大概的时间。

反向宣讲

此时需求基本确认完毕,准备开始开发了。做最后的确认,以要求中途不会变更需求和其他依赖交付的延期。并给出大概的开发周期,以方便其他伙伴准备工作日程。

开发

我大多从总体框架开始,即尽量从最上层的抽象入手。然后是确认边界,包含各个抽象的职责范围,职责的极端情况等。随即就是对抽象具象化,我的习惯是从数据层开始,包含数据的增改删查,以及各州数据变更必要的通知。然后是逻辑层,最后是表现层,这是个人经验总结下来最高效的顺序,我想大概是因为绝大多是情况下是数据驱动表现。开发完成(某个阶段),需要进行阶段性的测试,对于前端来说,我一般会模拟下后台发的数据,以尽量确定联调出现的问题不是前端的问题。最后就是联调和需求完整的自测。

验收

开发和自测完成,要通知伙伴进行验收,通常会有PM,策划,美术(多是确认美术效果)及其他依赖此需求的小伙伴。处理验收反馈和bug,然后转测,通常还会处理一波反馈和bug。

归档

归档的目的一个是在于方便其他人了解需求和功能,这部分用的最多的就是通用部分的接口查询。另外一个是方便自己review,以减少日后review的成本。出于此目的,我的文档通常依顺序包含如下几部分:

  • 需求文档&视觉稿,以方便了解需求
  • 参与者,以方便日后找解决问题的人
  • 公共接口,方便外面查询和使用
  • 工程制图,大部分是建模的制图,方便日后自己和他人review
  • 备注,常用的包含一些TODO,以及其他的说明

标签:需求,游戏,前端,确认,抽象,方便,流程
From: https://www.cnblogs.com/hggzhang/p/17413240.html

相关文章

  • 【一步步开发AI运动小程序】三、运动识别处理流程
    随着人工智能技术的不断发展,阿里体育等IT大厂,推出的“乐动力”、“天天跳绳”AI运动APP,让云上运动会、线上运动会、健身打卡、AI体育指导等概念空前火热。那么,能否将这些在APP成功应用的场景搬上小程序,分享这些概念的红利呢?本系列文章就带您一步一步从零开始开发一个AI运动小程序......
  • 美团前端vue面试题
    CompositionAPI与OptionsAPI有什么不同分析Vue3最重要更新之一就是CompositionAPI,它具有一些列优点,其中不少是针对OptionsAPI暴露的一些问题量身打造。是Vue3推荐的写法,因此掌握好CompositionAPI应用对掌握好Vue3至关重要WhatisCompositionAPI?(opensnewwindow)......
  • uni.request(OBJECT)前端post请求数据json序列化
    一、uni-app前端post请求数据json序列化1.前置须知Content-Type实体头部用于指示资源的MIME(媒体)类型mediatype。在响应中,Content-Type标头告诉客户端实际返回的内容的内容类型。在请求中,客户端告诉服务器实际发送的数据类型。2.uni.request({})官方文档2.1dat......
  • 滴滴前端必会vue面试题汇总
    watch原理watch本质上是为每个监听属性setter创建了一个watcher,当被监听的属性更新时,调用传入的回调函数。常见的配置选项有deep和immediate,对应原理如下deep:深度监听对象,为对象的每一个属性创建一个watcher,从而确保对象的每一个属性更新时都会触发传入的回调函数。主......
  • 关于前端的一些实用网站推荐
    一、UI框架(对于后台管理模块这俩ui插件足够,都是基于vue开发的)1.antDesign :https://ant.design/index-cn2.elementUI:https://element-plus.gitee.io/zh-CN/ 二、交互设计(与产品设计交接工作非常方便)1.蓝湖:https://lanhuapp.com/dashboard2.figma(很多大厂的选择):https:/......
  • 社招前端二面必会react面试题及答案
    高阶组件的应用场景权限控制利用高阶组件的条件渲染特性可以对页面进行权限控制,权限控制一般分为两个维度:页面级别和页面元素级别//HOC.jsfunctionwithAdminAuth(WrappedComponent){returnclassextendsReact.Component{state={......
  • 高级前端常考react面试题指南
    pureComponent和FunctionComponent区别PureComponent和Component完全相同,但是在shouldComponentUpdate实现中,PureComponent使用了props和state的浅比较。主要作用是用来提高某些特定场景的性能为什么虚拟DOM会提高性能虚拟DOM相当于在js和真实DOM中间加了一个缓存,利用DOM......
  • 流程中明细表驳回变成历史数据不可编辑的操作
    1.布局全部弄好显示2.给首布局添加明细有数据则显示的jq控制$(function(){$("#oTable40282aa187314b1d0187318ac6a9000d").hide();//部门负责人子议题审议没有历史隐藏varfirstblerows=$("#oTable40282aa183c61c840183ee5d7e971ab......
  • 小鹿线前端就业班靠谱吗?
    现在web前端开发开发技术在不断地迭代更新,有很多从事前端开发的程序员在技术上会遇到瓶颈,这个时候小伙伴就应该通过不断的学习开发技术知识,来提升自身的开发技术水平,那小伙伴应该怎么来学习呢?1.梳理清楚知识体系框架学习前端开发技术,不管是入门还是进阶,一定都要有知识体系建设......
  • 实用教程丨如何将实时数据显示在前端电子表格中(一)
      AuthorAlexZhangCategorySpreadJSTagsSpreadJS,前端电子表格,实时数据,RealTimeData   前言数据(包括股票、天气和体育比分)在不断更新为新信息时最为有用。SpreadJS是一个非常通用的JavaScript电子表格组件,它还可以轻松地使用、显示并......