今天心血来潮,想搞个能在手机上直接玩的小游戏,还不用下载的那种。琢磨一天,总算给弄出来,现在就跟大家分享一下我的“光辉历程”。
我这心里也没底,就想着先在网上搜搜看有没有啥现成的教程。这一搜,还真不少!不过很多都讲得太“高大上”,我这小白看得云里雾里的。
摸索阶段
后来我找到一些比较简单的教程,说是用HTML5就能做。HTML5,听起来好像挺高级,就是网页用的那套东西。我就照着教程,一步一步来。
我得有个能写代码的地方。我电脑里倒是有个文本编辑器,不过用起来不太顺手。我就又去网上找,发现个叫“在线编辑器”的好东西,直接在浏览器里就能写代码,还挺方便。
开始动手
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
编辑器有,我就开始照着教程敲代码。先得有个“骨架”,就是HTML的那些标签,<html>
、<head>
、<body>
啥的,把网页的基本结构搭起来。
然后,就是往里面“填肉”。我想做个简单的,就弄个能点来点去的小方块。这就要用到<canvas>
标签,它就像一块画布,你可以在上面画各种东西。
- 我先用
<canvas>
画个小方块。 - 然后用JavaScript写几行代码,让这个小方块能动起来。
- 当我点一下屏幕的时候,这个小方块就换个颜色。
调试,再调试
代码写完,就得运行看看效果。这一运行,问题来,小方块不动!这是咋回事?
我又回去仔细看看代码,发现有个地方写错,改过来之后,小方块终于动起来!但是,点它的时候,颜色没变!
我又是一顿折腾,发现是JavaScript代码里有个小错误,改之后,终于一切正常!
大功告成
看着在手机屏幕上欢快跳动的小方块,我这心里别提多美!虽然只是个超级简单的小游戏,但好歹是我自己亲手做出来的!
这回的经历也让我明白,做东西,光看教程是不够的,还得自己动手,遇到问题,解决问题,才能真正学到东西。下次,我准备挑战个更难一点的!