球不会加载游戏

时间:2017-04-03 02:45:38

标签: javascript css html5

// Main Javascript
//Variables to use
var canvas;
var context;
var ball;

canvas = documnet.getElementById("canvas");
context = canvas.getcontext("2d");

//Creates my ball function based off of what is on canvas for ball
ball = new Ball();

好吧,我的球没有出现在屏幕上,我很确定我已经完成了所有事情,但是有人可以查看它并找到我错过的或犯了错误的东西吗?我真的需要一些帮助,我很感激你的帮助!

我这里有两个Javascript文件,因为我有一个主要的javascript和球

//ball.js
function ball() {
  //The ball itself
  this.startAngle = 0;
  this.endAngle = 360 * Math.PI * 2;
  this.radius = 40;
  this.drawBall = true;

  //location for my ball
  this.x = canvs / width / 2;
  this.y = canvas / height / 2;

  //coloring my ball
  this.color = " #00FFFF";

  //draw function    
  this.draw = function () {
    context.fillStyle = this.color;
    context.beginPath();
    content.arc(this.x, this.y, this.redius, this.startAngle, this.Endangle, this.drawBall);
    context.fill();
  }
}

我的HTML:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" >
<title>Robert's Ball Game</title>
<link type="text/css" rel="stylesheet" href = css/robs.css" />
</head>
<body>
<canvas id="canvas" width="1000" height="720"></canvas>
</body>
//Javascript
<script type="text/javascript" src= "javas/ball.js"> </script>
<script type="text/javascript" src= "javas/rob.js"> </script>
</html>

1 个答案:

答案 0 :(得分:0)

你有很多拼写和大写错误,而你实际上并没有调用import pandas as pd import numpy as np from sklearn.preprocessing import OneHotEncoder, LabelEncoder def data_transformation(data, dummy): le = LabelEncoder() # Encoding the columns with multiple categorical levels for col1 in dummy: le.fit(data[col1]) data[col1] = le.transform(data[col1]) dummy_data = np.array(data[dummy]) enc = OneHotEncoder() enc.fit(dummy_data) dummy_data = enc.transform(dummy_data).toarray() if __name__ == '__main__': data = pd.read_csv('train.data', delimiter=',') data_test = pd.read_csv('test.data', delimiter=',') dummy_columns = ['Column1', 'Column2'] data = data_transformation(data, dummy_columns) data_test = data_transformation(data_test, dummy_columns) # result # data shape : (200000, 71 ) # data_test shape : ( 15000, 32) 函数。

我在下面的代码中添加了注释,以显示我已更改的内容以使其正常工作(单击“运行”以查看结果):

ball.draw()
var canvas;
var context;
var ball;

canvas = document.getElementById("canvas"); // "document", not "documnet"
context = canvas.getContext("2d");   // needs capital "C" in getContext

//Creates my ball function based off of what is on canvas for ball
ball = new Ball();
ball.draw();   // you didn't call .draw()

//ball.js
function Ball() {
  //The ball itself
  this.startAngle = 0;
  this.endAngle = 360 * Math.PI * 2;
  this.radius = 40;
  this.drawBall = true;

  //location for my ball
  this.x = canvas.width / 2;    // you had canvs / width / 2
  this.y = canvas.height / 2;   // you had canvas / height / 2

  //coloring my ball
  this.color = "#00FFFF";

  //draw function    
  this.draw = function () {
    context.fillStyle = this.color;
    context.beginPath();
    // on next line you had "content" instead of "context",
    // and "Endangle" instead of "endAngle", and "redius" instead of "radius":
    context.arc(this.x, this.y, this.radius, this.startAngle, this.endAngle, this.drawBall);
    context.fill();
  }
}