Skip to content

Commit 0d1e7c6

Browse files
committed
1.初步完成存档读档功能,目前只能读取和保存单个游戏存档
2.现在Demo必须在http服务器上(不管是本地服务器或者网络服务器都行),不然会报错 你可以python -m http.server 启动服务器 3.添加了启动http服务器的cmd脚本>Windows用户 4.存档读档功能整合到了一个界面里面 5.一些细节调整
1 parent bdc2078 commit 0d1e7c6

File tree

5 files changed

+110
-17
lines changed

5 files changed

+110
-17
lines changed

fullExample/Logic.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ $(function()
2525
$("#loadGame").click(function()
2626
{
2727
alert("加载游戏")
28-
changeScene("Load.html")
28+
changeScene("save.html")
2929
})
3030
$("#dev").click(function()
3131
{

fullExample/SaveLogic.js

Lines changed: 75 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,86 @@
1+
// NOTE: 存档读档功能初步完成,现在只做了个单个存档存储和读取的功能,之后做多个存档的存储和读取
12
$(function()
23
{
3-
$("li").click(function()
4+
//初始化存档和读档index
5+
var saveData_index=0
6+
var loadData_index=0
7+
//初始化文件系统
8+
var fileManager=new FileSystem()
9+
var gameDataManager=function(){}
10+
var date=new Date()
11+
var today=date.toDateString()+" "+"NEW!"
12+
$("#loadList li").click(function()
413
{
5-
var UserSaveConfirmed=confirm("是否保存要进度")
6-
if(UserSaveConfirmed)
14+
var saveState=confirm("读档吗?")
15+
if(saveState)
716
{
8-
var myFile=new FileSystem()
9-
myFile.save("key","value")
10-
var date=new Date()
11-
$("li").text(date.toUTCString()+" "+"NEW!")
17+
alert("!技术问题,搁置,请在下面手动输入来读档")
1218
}
1319
})
20+
$("#saveList li").click(function()
21+
{
22+
//先询问是否存档
23+
var saveState=confirm("存档吗?")
24+
console.log($(this));
25+
if(saveState)
26+
{
27+
var a=$("<li><img width='5%' src='img/k18.png' alt='存档截屏快照'>存档了"+" "+today+"NEW!"+"</li>")
28+
//var i=$(this)[0].value
29+
// console.log("i>"+i);
30+
$(this).html(a)
31+
//获得点击index
32+
//读档界面同步更新
33+
//$("#loadList li:eq("+i+")").html(a)
34+
console.log("新存档!");
35+
//存档index,从cookie临时缓存中取出来
36+
var toSaveData=$.cookie("runTimeIndex")
37+
console.log("cookieIndex#>"+toSaveData)
38+
//更新saveIndex
39+
fileManager.save("saveDataIndex",saveData_index)
40+
fileManager.save("saveData",toSaveData)
41+
saveData_index+=1
42+
}
43+
})
1444
$("#back").click(function()
1545
{
1646
changeScene("Scene/Game.html")
1747
})
48+
//读档按钮
49+
$("#loadGame").click(function()
50+
{
51+
var id=$("#loadId").val()
52+
console.log("ID>"+id);
53+
//取最大索引
54+
var maxId=fileManager.load("saveDataIndex")
55+
if(id>maxId)
56+
{
57+
alert("!错误,序号越界!")
58+
}
59+
//读存档到cookie
60+
if(id<=maxId)
61+
{
62+
var index=fileManager.load("saveData")
63+
//更新cookie
64+
$.cookie("runTimeIndex",index,{path:'/'})
65+
console.log("读取后数据为>"+index);
66+
changeScene("Scene/Game.html")
67+
//更新完毕cookie后,自动回到主界面,然后框架获取到cookie之后,自动恢复进度
68+
//存档顺序cookie->localStorage
69+
//读档顺序localStorage->cookie
70+
/* 实际上是绕了一遍,但还是必须要绕一遍,因为cookie存储空间只有4kb,没有localStorage大,
71+
且cookie是临时存储的,关闭浏览器就没有数据了,需要转持久化存储*/
72+
73+
}
74+
})
1875
})
76+
/* $("li").click(function()
77+
{
78+
var UserSaveConfirmed=confirm("是否保存要进度")
79+
if(UserSaveConfirmed)
80+
{
81+
var myFile=new FileSystem()
82+
myFile.save("key","value")
83+
var date=new Date()
84+
$("li").text(date.toUTCString()+" "+"NEW!")
85+
}
86+
})*/

fullExample/Scene/Game.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,8 +23,8 @@ <h1> EasyAvgFramework </h1>
2323
<button id="loadGame">读档</button>
2424
<button id="saveGame">存档</button>
2525
<button id="clearCookie">清除自动暂存cookie</button>
26-
<button id="reload">刷新页面</button>
2726
<button id="clearClicks">清空计数器</button>
27+
<button id="reload">刷新页面</button>
2828
<h6> Copyright © 2020 小沙盒工作室&128hh. </h6>
2929
</body>
3030
</html>

fullExample/save.html

Lines changed: 32 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -16,15 +16,40 @@
1616
<link rel="stylesheet" href="css/bgm.css">
1717
</head>
1818
<body>
19-
<audio src="bgm/free0701.ogg" controls="true" autoplay="true">你的浏览器不支持audio,快点换新的浏览器吧 </audio>
2019
<!-- NOTE: 现在存档和读档功能合并在一个页面了 -->
21-
<img src="img/mini_menu_save.jpg">
22-
<ol>
23-
<li></li>
24-
<li></li>
25-
<li></li>
26-
</ol>
20+
<audio src="bgm/i71004_fresh.ogg" controls="true" autoplay="true">你的浏览器不支持audio,快点换新的浏览器吧 </audio>
2721
<h2>读档</h2>
22+
<ol id="loadList">
23+
<li><img width="5%">No Data</li>
24+
<li><img width="5%">No Data</li>
25+
<li><img width="5%">No Data</li>
26+
<li><img width="5%">No Data</li>
27+
<li><img width="5%">No Data</li>
28+
<li><img width="5%">No Data</li>
29+
<li><img width="5%">No Data</li>
30+
<li><img width="5%">No Data</li>
31+
<li><img width="5%">No Data</li>
32+
<li><img width="5%">No Data</li>
33+
34+
</ol>
35+
<h2>存档</h2>
36+
<img src="img/mini_menu_save.jpg">
37+
<ol id="saveList">
38+
<li><img width="5%">No Data</li>
39+
<li><img width="5%">No Data</li>
40+
<li><img width="5%">No Data</li>
41+
<li><img width="5%">No Data</li>
42+
<li><img width="5%">No Data</li>
43+
<li><img width="5%">No Data</li>
44+
<li><img width="5%">No Data</li>
45+
<li><img width="5%">No Data</li>
46+
<li><img width="5%">No Data</li>
47+
<li><img width="5%">No Data</li>
48+
</ol>
49+
<h2>技术问题,读档需要手动输入要读取存档的序号</h2>
50+
<input id="loadId" type="text" value="" placeholder="请输入要读取的存档的序号">
51+
<button id="loadGame">读档</button>
52+
<button id="reset">重置localStorage</button>
2853
<button id="back">返回</button>
2954
</body>
3055
</html>

module/core.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ function EasyAvg()
55
// 全局计数器,和dialog计数器同步更新
66
//var Global_clicks=0
77
//技术信息
8-
$("body").append("<h6>Powered By <a traget='_blankhi' href='https://github.com/little-game-and-simple-software/EasyAvgFrameWork'>EasyAvgFramework</a></h6>")
8+
$("body").append("<h6>Powered By <a traget='_blank' href='https://github.com/little-game-and-simple-software/EasyAvgFrameWork'>EasyAvgFramework</a></h6>")
99
//this.clicks=0
1010
var sceen_objs=[123456]
1111
//获得场景树

0 commit comments

Comments
 (0)