个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
这段代码有什么问题？ :S .. 我的 Canvas 是空的。图片 URL 正确且图片加载。
这是我的 engine.js 文件:
var canvas;
var stage;
function init()
{
canvas = document.getElementById("canvas");
stage = new Stage(canvas);
playerImg = new Image();
playerImg.src = 'img/player/walkingbl.png';
playerImg.onload = onPlayerLoaded;
Ticker.setFPS(30);
Ticker.addListener(window);
}
function tick()
{
stage.update();
}
function onPlayerLoaded()
{
console.log(playerImg);
player = new Bitmap(playerImg);
player.x = 300;
player.y = 450;
stage.addChild(player);
console.log('Player added to stage');
}
$(document).ready(function(){
init();
});
这是我的 index.html 文件:
<!DOCTYPE html>
<html>
<head>
<title>Game Engine</title>
<link rel="stylesheet" href="css/main.css" />
</head>
<body>
<div id='container'>
<canvas id='#canvas' width='1000' height='350'></canvas>
</div>
<script src="js/jquery.js"></script>
<script src="js/easel.js"></script>
<script src='js/engine.js'></script>
</body>
我是整个 easel.js 的新手，从未对 Flash 或 actionscript 做过任何事情。我本质上是一名 PHP 开发人员，所以这对我来说是一个相当大的转变。缺乏文档/教程/示例，让我很难学习如何使用 easel.js。因此，如果您有任何指示或资源供我查看。请分享!
最佳答案
这一行是错误的:
<canvas id='#canvas' width='1000' height='350'></canvas>
ID 不需要#。正确的行是:
<canvas id='canvas' width='1000' height='350'></canvas>
但我不会使用“canvas”这个词作为标识符，因为它可能会与标签混淆。更好地使用:
<canvas id='mycanvas' width='1000' height='350'></canvas>
并更改JS代码:
canvas = document.getElementById("mycanvas");
关于html - Easel.js > 这段代码有什么问题？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9927367/
25
4
0
我正在尝试使用 Easel JS 和 Canvas(但失败了)。总的来说，我对 canvas 有点陌生，也在学习 JS。我基本上是在尝试制作一个可以通过单击按钮传递颜色来更新的 Canvas 。 I
这段代码有什么问题？ :S .. 我的 Canvas 是空的。图片 URL 正确且图片加载。 这是我的 engine.js 文件: var canvas; var stage; function in
我如何将下面的两个实例变成一个动画实例，代码如下: var x = new createjs.Bitmap("img1.png"); var b = new createjs.Text("A","
我有以下代码，我尝试使用 createjs 绘制一个矩形 function Game(canvas) { var stage = new createjs.Stage(canvas),
非常简单的概念，但它似乎不起作用。这是我的代码: stage.clear(); stage.update(); 简单的事情——没有任何反应。文档没有帮助。 最佳答案 这最终对我有用: stage.re
我正在尝试使用 Easel.js 在 Canvas 中创建一个可调整大小的数据库图标。我弄清楚了如何创建基础圆柱体，但无法弄清楚堆栈的曲线。数据库图标应类似于下面的链接: http://icons.i
根据文档，您可以将 HTMLVideoElement 传递给 Easel.js 位图。来自文档 Bitmap ( image ) Parameters: image The Image, Canva
我是一名优秀的程序员,十分优秀！