后使用快捷导航没有帐号？
　论坛入口：
　　|　　　|　　　　|　　　|　
《B级制作人的100条错误》之“进度条”
游戏类型：&　　设计类型：&
原书标题&浅谈游戏制作人的人性&(2)
进度条其实是作弊&&
回顾我自己整个学生生涯，我个人认为最大的谎言就是挂在黑板上四个大字“好好学习天天向上”，只强调刻苦不强调方法让我看到许多笔记做到如同教科书，上课从来不打瞌睡的同学却始终排在班级最后的悲剧。而其实游戏中关于进度条的设定，其实就是一种作弊——一个鬼剑士转职为狂战士只要你时间多，是可以杀1年1级哥布林完成的，但在现实世界中一个最高效率的拧螺丝工人是永远无法成长为机械设计师的不是吗？
同样，在最近最火爆的《绝地求生》中，你不仅无法知道敌人开抢的方位，甚至从100M的地方观察到的对手，你根本看不清楚他拿的是98K还是毫无威胁的小手枪，正是这些真的不知道让游戏趋近真实增加存活在将死世界的紧张感，而如果还没碰面就知道对方是几级防弹衣已经剩下多少血的，那个就叫做外挂了！
P6_副本.jpg (116.76 KB, 下载次数: 1)
13:03 上传
而一个制作人之所以能够很好的控制玩家的成长进度，并让其未知付出时间和金钱其实是源自“反馈机制”。《GAME启示录》认为——这个反馈机制既及时，也明确。你在游戏里杀掉只怪物，会很明确的获得经验值；累积经验值之后会很明确的升级；升级之后会很明确的获得攻击力增强。你的努力所产生的回报是确定的，给予你的反馈信息也是及时的。试想，你正在玩一个ARPG游戏，打了一下午怪物，都不知道获得了多少经验，也不知道离升级还差多远，那么你还会继续玩下去吗？
为什么说“进度条”是游戏行业的毒瘤？
在很长一段时间里，大陆用户都被称之为“泡菜”或者“蝗虫”玩家，无论什么游戏他们都可以以超过制作人设定的时间内完成最高等级甚至获得最顶级的装备，同时他们也会大量的更换最新的游戏之间，造成一拥而上一拥而散的情景。有个行业的段子是《激战2》即将大陆开服的时候，开发者信誓旦旦当前调整过的版本可以至少维持两个月，但事实上大陆玩家只用一周不到的时间就完成了。
可以说无论最高等级，还是顶级装备在游戏开放之前正是玩家第一个“终极目标”，与现实社会的不同设计者把预期的事件拆分成小事件，让小事件一个一个发生，造成一种预期事件正在发生的感觉，这就是游戏中的反馈机制的工作原理，而正是这种“进度条”原理。可以让玩家目标感超强的进行下去游戏，这也成为设计者让用户在时间、金钱等支持上平衡最终产生盈利的重要因素。
但是，正是这种最原始有效的设定不仅仅让许多玩家在游戏过程中忽视玩游戏本身的乐趣，甚至让设计者更加可以不思游戏本身应该有的元素而去大量的设计消耗玩家时间，引诱用户消费的机制——这本身没什么问题，但正如同上一篇讨论“社交”不应该在游戏里不分青红皂白的反复出现一样，一个必备的游戏设定项目并不代表这块做的好了或者够聪明了，就一定能成为游戏的成功项目。就像我们不能说你看《王者荣耀》有加好友送金币、《天天消消看》有好友分享送体力，所以我们要打造一款成功游戏就必须好好发扬光大这个设定——听成功者分享的时候头头是道，你也可以频频点头但是最终避重就轻的东施效颦很有可能就是，你当玩家是傻*的时候，玩家认为你更傻！
微信图片_36.jpg (28.99 KB, 下载次数: 4)
13:03 上传
当然，游戏仍旧是游戏，回到现实社会那里并不会给我们这么明确的小任务构成的主线任务，更没有清晰的从屌丝到高富帅的进度条。这也正是为什么常有人说游戏其实是在帮助玩家完成现实生活在未能完成的目标——比如战斗力、富裕程度甚至爱情，看得到努力一下摸得到并且还有乐趣，那叫体验人生。看得到一个好吃的苹果，你把他放到珠穆朗玛峰顶，让玩家去拿就算再好吃那也叫虐待，不是吗！
via：微信公众号“不肯当记者”
声明：游资网登载此文出于传递信息之目的，绝不意味着游资网赞同其观点或证实其描述。
关注我们官方微信公众号
下载我们官方APP-游戏行
关注手游动态微信公众号
。。。。。。。
益玩游戏2018年发行计划曝光：多款产品打造微信上线小游戏，H5游戏的盛宴要来了？CF多端吃鸡模式并进，联手顺丰实现跨屏时代在快手，有无数姑娘正在用《模拟人生》制作2D横版动作手游《苍翼之刃》研究报告一个跟头，摔出一款名叫《死神来了》的游戏
微信扫一扫关注我们→游戏的进度条实现原理是什么？【firefox吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：79,510贴子：
游戏的进度条实现原理是什么？收藏
,low难道先用某个方法计算了文件的 大小？ 在加载的时候一直在计算 加载的数据大小？
U2B 的进度条 还可以后退，他应该不是算 文件大小 ，而是 算 请求 的 各种 状态 吧？？？？
嚼梨，我也想知道。
我猜是请求状态之类的
看日志，应该是下载
都是假的我今天吃了药，感觉自己还是萌萌哒！　　　--来自四糸乃魅族MX4 Pro贴吧客户端
最起码XMLHttpRequest里面有进度的属性的
其实是假的
只是给你看看
function fetchRemotePackage(packageName, packageSize, callback, errback) {
var xhr = new XMLHttpRequest();
xhr.open('GET', packageName, true);
xhr.responseType = 'arraybuffer';
xhr.onprogress = function(event) {
var url = packageN
var size = packageS
if (event.total) size = event.
if (event.loaded) {
if (!xhr.addedTotal) {
xhr.addedTotal =
if (!Module.dataFileDownloads) Module.dataFileDownloads = {};
Module.dataFileDownloads[url] = {
loaded: event.loaded,
total: size
Module.dataFileDownloads[url].loaded = event.
var total = 0;
var loaded = 0;
var num = 0;
for (var download in Module.dataFileDownloads) {
var data = Module.dataFileDownloads[download];
total += data.
loaded += data.
total = Math.ceil(total * Module.expectedDataFileDownloads/num);
if (Module['setStatus']) Module['setStatus']('Downloading data... (' + loaded + '/' + total + ')');
} else if (!Module.dataFileDownloads) {
if (Module['setStatus']) Module['setStatus']('Downloading data...');
xhr.onload = function(event) {
var packageData = xhr.
callback(packageData);
xhr.send(null);
下载数据/总数据？ 时间是扇颠沛流离的大门平凡的我们注定孤独一生
登录百度帐号推荐应用设计师需知的Loading进度条动效形式-GAD腾讯游戏开发者平台您所在的位置：
　　小编今天给大家带来的是如何在小程序中制作实时圆形进度条?下面就和小编一起来学习一下吧，希望能够帮助到大家。
　　效果图!
　　初始状态
　　点击中间按钮开始绘制
　　绘制过程
　　绘制结束
　　实现思路
　　建立两个canvas标签，先绘制底层的浅灰色圆圈背景，再绘制上层的红色进度条。
　　WXML代码
　　&view class=&wrap&&
　　&view class=&circle-box&&
　　&canvas class=&circle& style=&width:200 height:200&
canvas-id=&canvasArcCir&&
　　&/canvas&
　　&canvas class=&circle& style=&z-index: -5; width:200 height:200&
canvas-id=&canvasCircle&&
　　&/canvas&
　　&view class=&draw_btn& bindtap=&drawCircle&&开始动态绘制&/view&
　　&/view&
　　&/view&
　　WXSS代码
　　特别注意：底层的canvas最好使用
　　z-index:-5；放置于底层
　　page {
　　width: 100%;
　　height: 100%;
　　background-color: #
　　.circle-box {
　　text-align:
　　margin-top: 10
　　.circle {
　　position:
　　left: 0;
　　right: 0;
　　margin:
　　.draw_btn {
　　width: 35
　　position:
　　top: 33
　　right: 0;
　　left: 0;
　　margin:
　　border: 1px #000
　　border-radius: 5
　　JS代码
　　//获取应用实例
　　var app = getApp()
　　var varN
　　var ctx = wx.createCanvasContext('canvasArcCir');
　　Page({
　　data: {
　　drawCircle: function () {
　　clearInterval(varName);
　　function drawArc(s, e) {
　　ctx.setFillStyle('white');
　　ctx.clearRect(0, 0, 200, 200);
　　ctx.draw();
　　var x = 100, y = 100, radius = 96;
　　ctx.setLineWidth(5);
　　ctx.setStrokeStyle('#d81e06');
　　ctx.setLineCap('round');
　　ctx.beginPath();
　　ctx.arc(x, y, radius, s, e, false);
　　ctx.stroke()
　　ctx.draw()
　　var step = 1, startAngle = 1.5 * Math.PI, endAngle = 0;
　　var animation_interval = 1000, n = 60;
　　var animation = function () {
　　if (step &= n) {
　　endAngle = step * 2 * Math.PI / n + 1.5 * Math.PI;
　　drawArc(startAngle, endAngle);
　　step++;
　　} else {
　　clearInterval(varName);
　　varName = setInterval(animation, animation_interval);
　　onReady: function () {
　　//创建并返回绘图上下文context对象。
　　var cxt_arc = wx.createCanvasContext('canvasCircle');
　　cxt_arc.setLineWidth(6);
　　cxt_arc.setStrokeStyle('#eaeaea');
　　cxt_arc.setLineCap('round');
　　cxt_arc.beginPath();
　　cxt_arc.arc(100, 100, 96, 0, 2 * Math.PI, false);
　　cxt_arc.stroke();
　　cxt_arc.draw();
　　onLoad: function (options) {
　　注意的要点
　　1、关于小程序canvas绘制，请观看微信小程序官方文档绘制
　　2、开始绘制的路径可以根据 JS代码中的变量startAngle 来选择从哪里开始绘制
　　以上就是如何在微信小程序中制作实时圆形进度条的全部内容了，大家都学会了吗?
微信被广泛应用，那么微信收款码贴纸如何申请，下面就是小编带来...
电脑软件排行
移动软件排行
Android应用
读过此文的人还看过
天极大视野
京公网安备84号 上传我的文档
 下载
 收藏
粉丝量：59
该文档贡献者很忙，什么也没留下。
 下载此文档
游戏中显示精确时间,进度条和倒计时的实现
下载积分：1000
内容提示：游戏中显示精确时间,进度条和倒计时的实现
文档格式：DOC|
浏览次数：47|
上传日期： 05:18:34|
文档星级：
全文阅读已结束，如果下载本文需要使用
 1000 积分
下载此文档
该用户还上传了这些文档
游戏中显示精确时间,进度条和倒计时的实现
关注微信公众号}