hbulider初学教程及html5五子棋小程序

您所在的位置:网站首页 五子棋初学教程 hbulider初学教程及html5五子棋小程序

hbulider初学教程及html5五子棋小程序

2024-07-13 22:16| 来源: 网络整理| 查看: 265

       

一.JavaScript简介

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

二.hbulider工具的使用

1)

   hbulider的特点:

         1.飞快的编码速度

         2.HBuilder直接创建移动App,打包为ios或Android原生安装包

         3.HTML5语法、HTML5+语法、三大浏览器扩展语法,尽收HBuilder中

         4.绿柔设置界面,更加护眼

 2)  

         下载hbulider安装包

          百度搜索hbulider,进入官方网站,点击右上角 download 按钮,即可下载。

4)

下载完成后可以看到下载到的是一个压缩包,打开下载的压缩包,将压缩包内的文件解压到希望存放的位置,点击确定。

 

5)

解压完成后,找到解压位置,点击hbulider.exe文件,开始安装。

 6)打开后选择一个一般用来存放代码的文件夹作为代码目录。

7)根据自己的实际情况,选择所能看清楚的颜色块,然后点击下方 生成适合你的视觉方案 生成一个舒适的配色。

8)选择喜欢的视觉主题,点击下面的 确认并关闭 ,完成设置。

9)完成后进入到欢迎向导,如图,到此安装完成。

三.用hbulider写一个五子棋小程序

五子棋游戏 //获取canvas的标签 var ChessCanvas = document.getElementById("myCanvas"); //获取画布 var gameCanvas = ChessCanvas.getContext("2d"); //定义棋盘大小 var map = 25; //棋子大小 var chessSize = 24; //获取下棋的坐标 var x = y = 0; //棋子的颜色 var isRed = true;//==true的该下红棋 否则下黑棋 var color = "#000000"; //棋子数组 二维数组 //保存所下的棋子 0:未下;1:下红棋;2:下黑棋 var chessData = new Array(23); for(var i=0;i


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3