html5 mdn一些精彩的案例】的更多相关文章

https://developer.mozilla.org/zh_CN/docs/Games/Examples…
本节我们将要做一个跨屏互动应用的案例分析,该应用时给一家商场做活动使用的,是一个跨屏爱消除游戏.PC端页面显示在连接在PC的大屏幕上,参与活动的玩家可以用自己的手机扫描PC端页面上的二维码,连接成功后,操作手机上的游戏可以同步控制主屏幕的游戏画面和结果.游戏结果会记录到排行榜,商家定期会对排名前10的玩家进行奖励. 游戏规则和前面分析过的爱消除的案例类似,这个游戏本身就是在原来的单机游戏的基础上有进一步开发做了跨屏通讯的内容. (一)游戏规则: 1.开始游戏时,德基的logo机出现在最上面一行的…
本文档要分析的案例是一个爱消除的网页小游戏,从中可以体会一些Mugeda API的用法和使用Mugeda动画制作网页游戏的方法. (一)游戏规则: 1.开始游戏时,手机出现在最上面一行的任意一格: 2.开始游戏时,彩色石头随机从上往下落,填满所有的方框,相同的三个石头不能相邻的排在一列或者一行: 3.手机从上移动到最下面一行的任意一格,就算胜利,或游戏时间结束,消除的石头数量超过30个也算胜利. (二).游戏玩法 只要三个相同的石头相邻的排在一列或者一行,他们就会消失,同时上面的石头往下落,落到…
本文档要分析的案例是一个一氧化碳还原氧化铜的教育小课件,从中可以体会一些Mugeda API的用法和使用Mugeda动画制作移动教育课件的方法.Mugeda为移动教育领域和移动数字出版领域提供理想的教育课件/微课程和交互动画内容制作方案,在PC上制作相关内容的Flash创作人员可无障碍使用Mugeda制作适合平板电脑和智能手机的课件和数字出版物. 课件内容: 一氧化碳还原氧化铜实验课件.课件动画的前半段是实验设备的安装过程动画:后半段是交互部分,在这部分学生可以通过点击按钮的步骤来完成实验,有点…
在2014 Esri UC上,Esri邀请不少用户到场分享了自己企业的案例,在这里与大家进行分享. 一.City of Mineapolis 1.案例背景 Mineapolis市使用GIS已经数十年,有专门的GIS团队.GIS数据分散存放于城市各个部门中,用户通过桌面软件维护和更新自己的数据.这些年GIS团队一直致力于数据集中和数据标准化,并创建很多企业级应用试图满足各部门的业务需求,可是没能取得非常好的效果.后来GIS团队从8人降低到3人,曾经的工作模式已经不能满足需求,他们開始寻找新的办法.…
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>表单练习</title>    <style type="text/css">form{ width: 400px; background: #9370d8;padding: 10px;margin-left: 500…
multipart/form-data 在使用包含文件上传控件的表单时,必须使用autocomplete="on" 自动补全功能novalidate 不验证 <form enctype="multipart/form-data" novalidate autocomplete="on"></form> placeholder required 必填autofocus 默认聚焦pattern 正则验证 <input t…
在博客园注册账号有些天了,感觉有些许欣慰,自己写的东西有人在看,有人在评论很是开心.(ps: 满足一下虚荣心吧!) 废话不多说了,说一下今天给大家分享的是 html5上传图片.我们是在移动端使用的,但是这个在pc上也通用兼容性我只在谷歌测试过.之前一直用的angular写的<用HTML5的File API做上传图片预览能>.今天摒弃angular的东西分享一个html5 + js 图片上传案例.那么今天还是按照一定的步骤来讲吧. HTML 上传图片 HTML 第一步创建html,我们在页面中放…
这几天都在修改博客上面的样式.本来用的是d83.0的模板.自己又修改了许多地方,其中自己修改的一些地方在手机里面显示的效果不是很理想,于是想改成自适应的效果.对CSS3不是特别的熟练,只能去网上找找案例看了.发现一个不错的文章.写的比较入门,也很仔细.所以拿过来分享给大家.如果还想看图片的响应式案例可以看我找的另外的一篇<分享一个非常有用的HTML5+CSS3响应式图片案例>. 移动设备正超过桌面设备,成为访问互联网的最常见终端.于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈…
html5 MDN Canvas tutorial Canvas教程 canvas: 阮一峰 在那山的那边海的那边有一群程序猿 使用 HTML5 canvas 绘制精美的图形 HTML5定稿了,为什么原生App世界将被颠覆 h5 web app…