开发完成的程序界面如下所示。抄一遍代码运行，也不会超过2h。适合刚学习鸿蒙的开发者~如果你喜欢，不妨收藏一下(≧∇≦)ﾉ

正文

一、创建项目

1. 选择JS模板

2. 定义自己的项目名和包名，然后点击finsh

3. 创建完毕，生成的目录结构如下

由于项目比较简单，所以就只需要在红框中的位置编写代码。这是由项目默认生成的噢！

二、编写代码

1. 导入图片资源

在我提供的压缩资料里找到图片文件夹，他它们直接copy到项目目录中

2. 编写html页面

先把标签、内容和资源定义好，编写完后运行查看结果

<!--标题-->
<text class="title">Snake Game</text>

<!--画布组件：贪吃蛇的移动区域-->
<canvas style="width: 600px; height: 600px; background-color: black;"></canvas>

<!--上按键-->
<image src="https://juejin.cn/common/up.png"></image>
<!--左按键-->
<image src="https://juejin.cn/common/left.png"></image>
<!--下按键-->
<image src="https://juejin.cn/common/down.png"></image>
<!--右按键-->
<image src="https://juejin.cn/common/right.png"></image>

<!--显示得分-->
<text>
    <span>Score: </span>
</text>
复制代码

文章版权归作者所有，未经允许请勿转载。

THE END

代码人生

喜欢就支持一下吧