本月刷屏级H5《真假朋友大质检》,制作方法公开!
3月28日的案例课已经讲解了这个刷屏级H5的制作方法,为了方便大家学习和复习,上课的重要知识点整理如下:
戳这里看案例
视频回放已经上线,点这里开始学习
(注:课程报名后才能观看,报名免费)
前期准备:
H5工具:Mugeda(www.mugeda.com)
浏览器:下载Chrome浏览器,这是对H5支持最好的,方便边做边调试
一、游戏原理
1.不同用户间传播
a首次打开
*通过某个值/"判断选择"为2
b第二用户打开
*通过某个值/"判断选择"小于2
c自己再次打开
*根据{{当前用户昵称=上用户昵称}}判断
a设置获取微信头像命名为“N”
b设置上用户微信昵称命名为“N上”
2.根据定时器属性变化判断判断文本不同跳转不同状态页
a赋值为2跳转到添加问题页面
b赋值小于2跳转到答题页面
c{{N=N上}}跳转到提示自己页面
二、制作步骤
1.绘制一个圆角矩形添加获取微信头像
2.在舞台外复制一个,添加改变图片并勾选转发时保持
3.定制原理
a通过输入框输入问题
b制作选项
*制作真假选项状态
*通过改变选中圆点的左坐标来实现选中状态
c记录选择答案
*制作判断选择文本
通过改变“判断选择”数值,真为1,假为0,默认为2
*通过改变数值并勾选转发时保存状态
后边会通过此数值判断用户是否答对
4.制作生成按钮
a跳转到转发页面
b改变上用户昵称
c改变题目文字
三、逻辑判断重点
1.绘制一个矩形添加改变图片行为使此图片改变为上用户头像
2.添加一个文本框添加改变元素属性是文本框内容变为“@{{N}}你真的了解我吗?”
3.在真假按钮添加不同回馈
a真的:跳转第二帧出现文字提示及答题
b假的:跳转第三帧出现文字提示及出题
戳这里看案例
视频回放已经上线,点这里开始学习
(注:课程报名后才能观看,报名免费)
前期准备:
H5工具:Mugeda(www.mugeda.com)
浏览器:下载Chrome浏览器,这是对H5支持最好的,方便边做边调试
一、游戏原理
1.不同用户间传播
a首次打开
*通过某个值/"判断选择"为2
b第二用户打开
*通过某个值/"判断选择"小于2
c自己再次打开
*根据{{当前用户昵称=上用户昵称}}判断
a设置获取微信头像命名为“N”
b设置上用户微信昵称命名为“N上”
2.根据定时器属性变化判断判断文本不同跳转不同状态页
a赋值为2跳转到添加问题页面
b赋值小于2跳转到答题页面
c{{N=N上}}跳转到提示自己页面
二、制作步骤
1.绘制一个圆角矩形添加获取微信头像
2.在舞台外复制一个,添加改变图片并勾选转发时保持
3.定制原理
a通过输入框输入问题
b制作选项
*制作真假选项状态
*通过改变选中圆点的左坐标来实现选中状态
c记录选择答案
*制作判断选择文本
通过改变“判断选择”数值,真为1,假为0,默认为2
*通过改变数值并勾选转发时保存状态
后边会通过此数值判断用户是否答对
4.制作生成按钮
a跳转到转发页面
b改变上用户昵称
c改变题目文字
三、逻辑判断重点
1.绘制一个矩形添加改变图片行为使此图片改变为上用户头像
2.添加一个文本框添加改变元素属性是文本框内容变为“@{{N}}你真的了解我吗?”
3.在真假按钮添加不同回馈
a真的:跳转第二帧出现文字提示及答题
b假的:跳转第三帧出现文字提示及出题