javascript 初学教程及五子棋小程序的简单实现_javascript技巧_脚本之家

二.hbulider工具的接收

1)

百度找出hbulider,步向官方网站,点击右上角 download 按键,就能够下载。

javascript 初学教程及五子棋小程序的简单实现_javascript技巧_脚本之家。2)

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置帮衬项目。它的解释器被喻为JavaScript引擎,为浏览器的一有个别,遍布用于客户端的脚本语言,最先是在HTML网页上选用,用来给HTML网页扩充动态成效。

4)

威斯尼斯人官网 ,9)达成后跻身到招待向导,如图,到此设置完毕。

hbulider的特点:

一.JavaScript简介

代码不全,会时有时无加上。

2.HBuilder一贯开立移动App,打包为ios或Android原生安装包

7)依赖自身的实际上境况,接受所能看驾驭的颜色块,然后点击下方
变迁切合您的视觉方案 生成一个痛痛快快的配色。

如上那篇javascript
初学教程及五子棋小程序的大约实现正是小编分享给大家的全体内容了,希望能给大家贰个参阅,也希望大家多多点拨脚本之家。

解压完成后,找到解压地点,点击hbulider.exe文件,初叶安装。

5)

下载完结后能够见到下载到的是多个压缩包,展开下载的压缩包,将削减包内的文件解压到希望贮存的职位,点击分明。

下载hbulider安装包

4.绿柔设置分界面,更强护理眼

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

8)慎选喜好的视觉主旨,点击下边包车型客车 认可并关闭 ,完结安装。

6)展开后接受二个经常用来贮存代码的文件夹作为代码目录。

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

  五子棋游戏      //获取canvas的标签 var ChessCanvas = document.getElementById; //获取画布 var gameCanvas = ChessCanvas.getContext; //定义棋盘大小 var map = 25; //棋子大小 var chessSize = 24; //获取下棋的坐标 var x = y = 0; //棋子的颜色 var isRed = true;//==true的该下红棋 否则下黑棋 var color = "#000000"; //棋子数组 二维数组 //保存所下的棋子 0:未下;1:下红棋;2:下黑棋 var chessData = new Array; for { chessData[i] =new Array; for { chessData[i][j] = 0; } } //所下棋子在棋子数组的位置 var i,j; //绘制棋盘 for { gameCanvas.moveTo; gameCanvas.lineTo; gameCanvas.moveTo; gameCanvas.lineTo; gameCanvas.stroke();//画 } //创建函数,完成下棋 function addChess { //下棋 画小圆圈 角度转弧度 π/180×角度 弧度变角度 180/π×弧度 gameCanvas.beginPath();//开始 gameCanvas.arc(x,y,12,0,Math.PI*2,true);//画棋子 gameCanvas.fillStyle = color; gameCanvas.fill(); gameCanvas.closePath();//结束 if { color = "#ff0000"; //黑棋 chessData[i][j] = 2; }else{ color = "#000000"; //红棋 chessData[i][j] = 1; } } //重复调用 在做坦克大战之类游戏 需要使用。。。。。。。// window.setInterval; //游戏是否结束// function isGameWin() //如果是人机对战版,则需要下棋的AI 如果不是人机对战 则下完棋后,提醒对方下棋// function gameAI() //做鼠标监听 游戏逻辑 document.onmousedown= function { window.onclick = function (){ //获取下棋的坐标 i = Math.round; j = Math.round;//边界不能下 //判断该位置x,y是否可以下棋 x = i*25+10; y = j*25+10; //判断该位置ij是否有棋子 if { //下棋 addChess; }else{ alert("不好意思!你来晚了,已经被对方捷足先登了"); } } }  

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关文章