研究院网站系统建设方案,wordpress自定义属性,深圳网站建设联系电话,哈 做网站今天在某网站浏览帖子的时候#xff0c;发现帖子被删除了#xff0c;然后弹出了404页面#xff0c;页面上集成了一个小游戏#xff0c;小游戏长什么样子呢#xff1f;看下面这个图#xff01;第一步查看小游戏源码#xff0c;发现这个小游戏完全是由JavaScript编写的发现帖子被删除了然后弹出了404页面页面上集成了一个小游戏小游戏长什么样子呢看下面这个图第一步查看小游戏源码发现这个小游戏完全是由JavaScript编写的因此我们可以将这个小游戏轻松集成到我们的个人网站中或者个人博客中甚至你可以发布到你的QQ空间等地方那么怎么做呢查看网页源代码我们可以发现这个小游戏最主要的两个js文件库来源于phaser.min.jscatch-the-cat.js这两个文件。那么我们直接在网站上面查看资源找到这两个库文件,然后保存到本地当然你也可以直接引用网站中的https地址资源无需保存这两个文件。第二步我们找到了js文件(或者js路径)那么怎么用呢假如我们的个人博客是使用的wordpress搭建好的那么我们就可以直接在博客后台里面发布这个小游戏了。进入博客后台点击文章发布在正文内容中输入以下代码游戏《圈小猫》代码解释如图中所示我们引用了上面第一步当中的两个js文件如果你将这两个JS文件放到你自己的服务器上那么更改图中的src地址即可你没有服务器的话你就直接使用代码中的地址即可window.gamenew CatchTheCatGame({w:11,h:11,r:20,backgroundColor:16777215,parent:catch-the-cat,statusBarAlign:center,credit:www.yi-max.com}这一行代码中的参数说明分别是w-11-横向格子数h-11-竖向格子数r-20圆的半径像素他们分别对应的是游戏界面中的蓝色背景点数量以及整体画布的大小最后根据自己页面大小自主调整上面的三个值可以达到最佳效果手机上展示的效果图如下看完后是不是非常简单自己动手试一试吧
