我想要达到的结果
想要制作一款互动阅读类游戏的编辑引擎。后台按编辑类型,制作几种对应的,可以编辑属性的卡片。编辑后数据以json格式存储。资源类上传到服务器。
拟设计卡片类型【章节】【文本】【对话】【图片(音视频)】【选择】【输入】【切换章节】【结局】等,后期再设计增加【奖励】【成就】【背包】【条件判断】等相关功能。
前端希望尽量满足全平台。一套代码通吃最好。初步了解下来,似乎以H5实现后,全平台上线比较方便。
前端的效果,以【7天】这个游戏为参考,就是每点击一次屏幕,弹出新的文字或图片或选择。同一章节内,所有对话和图片的,都在屏幕保留,可以随时划屏幕查看。(对于H5来说,这里没太搞懂,是在一个div增加内容还是每次增加一个div去显示)。
本人还在学习阶段,望给出项目实现思路。少走弯路。
希望优先实现前端。后端可暂使用JSON格式数据测试。
可不考虑具体某种语言,20多年没碰过语言了,全都要重新学,学习成本差不多,基本的逻辑还记得一些。
如可能,请帮忙评估项目周期(一个人,兼职做,含1个月学习周期)。另哪位可接此项目,请报周期和价格。感谢万分。
不同卡片的json数据示例:
【文本】
"A_1": {
"Id": "A_1",
"type": "richText",
"next": "A_2",
"value": "第一章开始"
},
【对话】
"A_2": {
"Id": "A_2",
"type": "talk",
"next": "B_20",
"speaker": "张三",
"value": "我是张三",
},
【图片】
"A_3": {
"Id": "A_3",
"type": "image",
"next": "A_22",
"value": "abcdefgjpg",
"windowStyle": "window",
},
【输入】
"B_33":{
"Id":"B_33",
"type":"input",
"value":{
"答案1":"B_31",
"答案2":"B_21",
},
后端需要无代码可视化操作。
目前有两个思路,一个是蓝图方式,如下图,这样游戏分支结构容易整体展示。
或者类似于所见所得,在编辑区旁边展示出游戏预览效果。整个游戏以文字为主,预览效果主要是为了让作者能够方便查找文字链接的逻辑。这种形式遇到分支,很难全部显示,只能显示其中一条线。