今天又折腾一天,不过总算把这个H5小游戏给搞出来。给你们分享一下我这一天的捣鼓过程,说不定你们以后也能用得上。
准备工作
我是两眼一抹黑,啥也不懂。后来在网上翻翻,才知道得先准备点工具。就像做饭得有锅碗瓢盆一样,做游戏也得有家伙事儿。
我得有个地方写代码,就下个文本编辑器,用记事本也行,不过专门的编辑器看着舒服点。然后,游戏里得有图?我又找个能画图的软件,处理图片用的。我得在浏览器里看效果,所以浏览器也是必备的。
下载源码
工欲善其事,必先利其器,工具准备好之后,我就开始找“菜谱”。这“菜谱”就是H5小游戏的源码。我在网上搜半天"h5小游戏源码",找到不少,免费的收费的都有,我挑一个看起来简单点的免费的。
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
本地运行
源码下载下来,我直接双击里面的那个HTML文件(一般都叫*),好家伙,打不开!要么卡在99%,要么一片空白。后来才知道,直接双击不行,得用http协议打开。这啥玩意?听着就头大。
然后继续百度,网上说要搭个web服务器,才能用http协议访问。我又是一通搜索,发现用serve这个工具最简单。这玩意还得先装Node和npm,说是服务器端运行Js代码的引擎和依赖包管理工具,管它,反正就是个工具。
我去Node中文网,下载*,它会自动安装npm。装好后,我在命令行里输入npm -v
,跳出来一堆数字和字母,应该是装成功。
启动!
就要用serve工具。在命令行里,先cd到你放源码的那个文件夹里,然后输入serve
。它会给你一个网址,一般是localhost:3000 这种。把这个网址复制到浏览器里,回车!
Duang!游戏终于出来!
修改代码
游戏是能玩,但我想改改。比如,我想把游戏里的角色换个样子,或者改改游戏规则。这就要改代码。
我用文本编辑器打开HTML文件,里面密密麻麻的,看着就头晕。不过慢慢看,还是能看懂一点的。比如,我找到控制角色图片的代码,把图片的名字改成我自己画的图片的名字,游戏里的角色就变样!
然后,我又试着改改游戏逻辑,比如跳跃的高度、敌人的速度等等。改一点,就保存一下,然后在浏览器里刷新看看效果。有时候改错,游戏就出bug,我就再改回去,或者上网查查怎么回事。
改来改去,慢慢的也找到点感觉,也越来越有意思!
3
这一天下来,虽然累,但还是挺有成就感的。从啥也不懂,到能自己改个小游戏,感觉自己又get一项新技能。
这回就先分享到这里,下次有啥好玩的,再跟你们唠!