JavaScript—面向对象贪吃蛇_2 食物对象 - 相关文章

【JavaScript—面向对象贪吃蛇_2 食物对象】的更多相关文章

JavaScript—面向对象贪吃蛇_2 食物对象

食物对象 //自调用 (function (){ function Food(element) { this.width = 20 this.height = 20 this.backgroundColor = '#ff8500' this.x = 50 this.y = 50 this.elemen = element this.arr = [] } Food.prototype.remove=function() { for (let i = 0; i < this.arr.length;…

JavaScript—面向对象贪吃蛇_2 游戏对象

游戏对象 function Game(map) { this.map = map; this.food = new Food(this.map) this.snake = new Snake(this.map) } Game.prototype.go = function () { let food=this.food let snake=this.snake; food.show() snake.show() let go_time = setInterval(function () { co…

JavaScript—面向对象贪吃蛇_1

前面说了.面向对象的思考方式和面向过程的思考方式有着本质的区别. 贪吃蛇.作为各大培训机构.面向对象的练手项目,的确好.我昨天看完视频,有一种领悟面向对象的感觉,当然可能只针对贪吃蛇..要想在实际开发当中去用面向对象.需要项目的累积和时间的沉淀. 贪吃蛇 1,食物对象属性大小位置样式(背景颜色) 方法随机坐标出现消失 2, 蛇对象属性大小位置蛇身(位置样式) 样式(背景颜色) 移动方向方法出现移动吃食物 3, 游戏对象属性食物地图蛇方法开始游戏 (蛇…

JavaScript—面向对象贪吃蛇最终

效果代码 //食物对象 ;(function () { function Food(element) { this.width = 20 this.height = 20 this.backgroundColor = '#ff8500' this.x = 0 this.y = 0 this.elemen = element this.arr = [] } Food.prototype.remove=function() { for (let i = 0; i < this.arr.length…

JavaScript—面向对象贪吃蛇_3 蛇对象

蛇对象 function Snake(element) { this.width = 20 this.height = 20 //蛇身位置颜色 this.body = [ {x: 6, y: 4, bc: 'red'}, {x: 5, y: 4, bc: 'blue'}, {x: 4, y: 4, bc: 'blue'}, ] this.direction = 'right' this.elemen = element //保存当前蛇 this.arr = [] } //吃食物 Snake.…

JavaScript版—贪吃蛇小组件

最近在学习JavaScript,利用2周的时间看完了<JavaScript高级编程>,了解了Js是一门面向原型编程的语言,没有像C#语言中的class,也没有私有.公有.保护等访问限制的级别.因此,想用 js 去封装一个小模块,还有诸多的不适应的地方.下面介绍一下,使用js如何模块化的编写贪吃蛇. 1 写在前面看来<JavsScript高级编程>,想做一个小demo练练自己的手,选择了贪吃蛇游戏.由于以前都是用c#写的,将贪吃蛇写到一个类里面,然后一个一个小方法的拆分,只向外提供…

javascript实现贪吃蛇

<html> <head> <style> body { background:#444; } .rect { border:1px solid #94F; width:680px; height:680px; } .gridred { width:38px; height:38px; background:red; border:1px #555 solid; float:left } .gridgreen { width:38px; height:38px; bac…

javascript:面向对象和常见内置对象及操作

本文内容: 面向对象常见内置对象及操作首发日期:2018-05-11 面向对象: JavaScript 是面向对象的编程语言 (OOP).OOP 语言使我们有能力定义自己的对象和变量类型. 对象是一种带有属性和方法的特殊变量类型. 如何创建对象: 使用内置对象类型创建一个内置对象:变量名=new 对象类型(参数列表);[比如var a =new Array(),Array是js自带的对象类型] 自建对象类型来创建自己的对象:首先利用函数和this来定义一个对象类型,然后新建一个对象. 比如:…

使用javascript实现贪吃蛇游戏

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"&…

JS高级---案例：随机小方块（贪吃蛇的食物部分）

案例:随机小方块产生随机数对象,自调用构造函数产生小方块对象,自调用构造函数,里面存放: 食物的构造函数给原型对象添加方法:初始化小方块的显示的效果及位置---显示地图上给原型对象添加方法,产生随机位置实例化对象 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> &…