గేమ్ క్యాన్వాస్

HTML 元素在网页上显示为矩形对象：

HTML కాన్వాస్

元素非常适合在 HTML 中开发游戏。

元素提供了制作游戏所需的所有功能。

请使用 JavaScript 在 上绘图、写文本、插入图像等。

.getContext("2d")

元素有一个内置对象，称为 కంటెక్స్ట్ ("2d") 对象，提供了用于绘图的方法和属性。

您能够在我们的 Canvas 教程 中学习有关 కంటెక్స్ట్ మరియు కంటెక్స్ట్ ("2d") ఆధారక వస్తువుల మరిన్ని వివరాలు.

అప్పుడు, మొదలు పెట్టండి

గేమ్ తయారు చేయడానికి మొదటగా గేమ్ ఏరియాను సృష్టించండి మరియు చిత్రణకు సిద్ధం చేయండి:

ఇన్స్టాన్స్

ఫంక్షన్ స్టార్ట్ గేమ్ () {
  మై గేమ్ ఏరియా.స్టార్ట్ ();
}
వార్ మై గేమ్ ఏరియా = {
  కాన్వాస్ : డాక్యుమెంట్.క్రియేట్ ఇంగ్ ఇటెమ్ ("కాన్వాస్"),
  స్టార్ట్ : ఫంక్షన్ () {
    ఈ క్యాన్వాస్.వైడ్త్ = 480;
    ఈ క్యాన్వాస్.హైగ్త్ = 270;
    ఈ క్యాన్వాస్.కంటెక్స్ట్ = ఈ క్యాన్వాస్.కంటెక్స్ట్ ("2d");
    డాక్యుమెంట్.బాడీ.ఇంసర్ట్ బీఫోర్ (డాక్యుమెంట్.బాడీ.చిల్డ్ నుండి మొదటి సిండ్ బిల్డింగ్ పరిణామం క్రిందకు ఈ క్యాన్వాస్ పెట్టింది);
  }
}

మీరే ప్రయత్నించండి

ఈ ట్యూటోరియల్ యొక్క తర్వాతి భాగంలో ఆధారక వస్తువు మై గేమ్ ఏరియా మరిన్ని అంశాలు మరియు మార్గాలు పొందుతారు.

ఫంక్షన్ స్టార్ట్ గేమ్ అనునది ఫంక్షన్ కాల్ చేయండి మై గేమ్ ఏరియా 对象的 start() 方法。

start() 方法创建了一个 元素，并作为第一个子节点插入到 元素中。