使用laya的js画一个红色矩形
时间: 2024-02-27 19:51:20 浏览: 110
好的,以下是使用Laya的JavaScript代码绘制红色矩形的示例:
```javascript
// 初始化Laya引擎
Laya.init(550, 400);
// 绘制红色矩形
var sp = new Laya.Sprite();
sp.graphics.drawRect(0, 0, 100, 100, "#ff0000");
// 将矩形添加到舞台
Laya.stage.addChild(sp);
```
运行上述代码后,就可以在浏览器中看到一个红色的矩形了。
相关问题
使用laya ts语言写一个实例出来
好的,以下是一个使用 LayaAir TypeScript 开发的实例:
```typescript
// 导入需要用到的类
import Sprite = Laya.Sprite;
import Stage = Laya.Stage;
import WebGL = Laya.WebGL;
// 初始化 LayaAir 引擎
Laya.init(640, 480, WebGL);
// 创建一个 Sprite 对象
var sp: Sprite = new Sprite();
// 设置 Sprite 的属性
sp.graphics.drawRect(0, 0, 100, 100, "#FF0000");
sp.pos(100, 100);
// 将 Sprite 添加到舞台上
Laya.stage.addChild(sp);
```
以上代码做的事情是:创建一个 640x480 的舞台,然后创建一个红色的 100x100 矩形,并将其添加到舞台上,位置在 (100, 100) 处。
怎样在laya引擎中使用js编写一个蛇形跟随的代码
这个问题可以回答,以下是示例代码:
```javascript
var snakeArr = []; //存储蛇身的位置信息
//初始化蛇身位置
for(var i = 0; i < 5; i++){
snakeArr.push({x: i * 10, y: 0});
}
//更新蛇身位置
function updateSnake(){
//获取蛇头位置
var head = snakeArr[snakeArr.length - 1];
//计算蛇头下一帧的位置
var nextPos = {x: head.x + 10, y: head.y};
//将新位置添加到蛇身数组末尾
snakeArr.push(nextPos);
//移除蛇身数组开头(即去掉蛇尾)
snakeArr.shift();
}
//绘制蛇身
function drawSnake(){
for(var i = 0; i < snakeArr.length; i++){
//绘制方格蛇身
Laya.stage.graphics.drawRect(snakeArr[i].x, snakeArr[i].y, 10, 10, "#00ff00");
}
}
Laya.timer.loop(100, this, function(){
updateSnake();
Laya.stage.graphics.clear(); //清空画布
drawSnake();
});
```
以上代码实现了一个简单的蛇形跟随效果,每 100 毫秒更新一次蛇身位置,使用 Laya 引擎绘制方格蛇身。
阅读全文