HTML5 游戏开发实战 | 贪吃蛇

HTML5 游戏开发实战 | 贪吃蛇

贪吃蛇游戏的运行界面如上图所示。 01、贪吃蛇游戏设计的思路 把游戏画面看成40×30的方格。食物(豆)和组成蛇的块均在屏幕上占据一个方格。游戏设计中主要用到的4个类如下。 Farm类:主要用来显示场地,随机生成食物,初始化一条蛇。 Food类:抽象了食物(豆)的属性和动作。 Snake类:抽象了贪...

HTML5 游戏开发实战 | 五子棋

HTML5 游戏开发实战 | 五子棋

五子棋是一种家喻户晓的棋类游戏,它的多变吸引了无数的玩家。本章首先实现单机五子棋游戏(两人轮流下),而后改进为人机对战版。整个游戏棋盘格数为 15×15,单击鼠标落子,黑子先落。在每次下棋子前,程序先判断该处有无棋子,有则不能落子,超出边界不能落子。任何一方有横向、竖向、斜向、反斜向连到 5 个棋子...

HTML 入门与实战

33 课时 |
32430 人已学 |
免费

HTML基础入门学习

21 课时 |
2466 人已学 |
免费

HTML5 新特性教程

15 课时 |
21292 人已学 |
免费
开发者课程背景图
HTML5 游戏开发实战 | 黑白棋

HTML5 游戏开发实战 | 黑白棋

黑白棋,又叫反棋(Reversi)、奥赛罗棋(Othello)、苹果棋、翻转棋。黑白棋在西方和日本很流行。游戏通过相互翻转对方的棋子,最后以棋盘上谁的棋子多来判断胜负。黑白棋的棋盘是一个有8×8方格的棋盘。开始时在棋盘正中有两白两黑四个棋子交叉放置,黑棋总是先下子。 (1) 下子规则。 把自己颜色的...

HTML5 游戏开发实战 | 推箱子

HTML5 游戏开发实战 | 推箱子

经典的推箱子是一个来自日本的古老游戏,目的是在训练玩家的逻辑思考能力。在一个狭小的仓库中,要求把木箱放到指定的位置,稍不小心就会出现箱子无法移动或者通道被堵住的情况,所以需要巧妙地利用有限的空间和通道,合理安排移动的次序和位置,才能顺利地完成任务。 推箱子游戏功能如下: 游戏运行载入相应的地图,屏幕...

HTML5 游戏开发实战 | 俄罗斯方块

HTML5 游戏开发实战 | 俄罗斯方块

俄罗斯方块是一款风靡全球的电视游戏机和掌上游戏机游戏,它曾经造成的轰动与造成的经济价值可以说是游戏史上的一件大事。这款游戏看似简单但却变化无穷,游戏过程仅需要玩家将不断下落的各种形状的方块移动、翻转,如果某一行被方块充满了,那就将这一行消掉;而当窗口中无法再容纳下落的方块时,就宣告游戏结束。 可见俄...

图书《HTML5 App商业开发实战教程》读后小感(一)

作者简介 马科,浙江省杭州人,毕业于陕西科技大学,起步科技创始人,中国计算机软件领域企业家。 2006年马科创办起步科技,立志打造国内“主流高效的开发工具”,先后领导研发Justep X3、WeX5、BeX5平台等产品,核心基础产品WeX5开发工具完全免费、开源!极大的避免重复劳动,代码量减少80%...

《HTML5 Canvas游戏开发实战》——2.1 绘制基本图形

本节书摘来自华章计算机《HTML5 Canvas游戏开发实战》一书中的第2章,第2.1节,作者:张路斌著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。 2.1 绘制基本图形 所谓基本图形,就是指线、矩形、圆等最简单的图形,任何复杂的图形都是由这些简单的图形组合而成的。我们首先来了解一下这...

《HTML5 Canvas游戏开发实战》——第2章 Canvas基本功能

本节书摘来自华章计算机《HTML5 Canvas游戏开发实战》一书中的第2章,作者:张路斌著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。 第2章 Canvas基本功能 本章主要讲解HTML5 Canvas的基本功能,利用Canvas的API,展示一些基本图形的绘制及操作方法,包括画线、...

《HTML5 Canvas游戏开发实战》——1.7 小结

本节书摘来自华章计算机《HTML5 Canvas游戏开发实战》一书中的第1章,第1.7节,作者:张路斌著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。 1.7 小结 本章主要带大家认识一下HTML5,了解一下HTML5的背景,并且做了一些准备工作,包括开发环境的搭建和JavaScript...

《HTML5 Canvas游戏开发实战》——1.6 JavaScript中的面向对象

本节书摘来自华章计算机《HTML5 Canvas游戏开发实战》一书中的第1章,第1.6节,作者:张路斌著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。 1.6 JavaScript中的面向对象 在本章开始的时候就已经说了,对于游戏开发来说,使用面向对象的方法进行编程是很有必要的。所以在介...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

社区圈子

开发与运维
开发与运维
集结各类场景实战经验,助你开发运维畅行无忧
6411+人已加入
加入
相关电子书
更多
《零基础HTML入门教程》
天猫 HTML5 互动技术实践
天猫HTML5互动技术实践
立即下载 立即下载 立即下载