我正在努力理解我在这里遗漏了什么：
FILE: Sprite.js
function Sprite() {
}
Sprite.prototype.move = function () {
}
module.exports = Sprite;
FILE: Ship.js
function Ship() {
}
Ship.prototype = new Sprite();
Ship.prototype.enable = function() {
}
FILE: Server.js
var util = require('util'),
io = require(
浏览 0提问于2012-01-04得票数 0
回答已采纳
我有三个文件: index.html，index.js，Sprite.js
我想将Sprite类从Sprite.js导入到index.js中
我试过这个：
import Sprite from "Sprite.js"
此外，这也是：
import Sprite from Sprite
当我用打开html时，它会给出以下错误：
Uncaugth SyntaxError: Cannot use import statement outside a module
浏览 6提问于2022-06-17得票数 -1
我正在尝试编写一个像OOP javascript中的青蛙游戏。我有几个精灵可以供玩家选择。我想要实现的是，当用户选择特定的sprite时，它会在实例化player对象时更新正确的sprite。当我试图重新定义属性时，我会得到一个错误。我尝试过几种解决办法，但没有成功。我做错什么了？请帮忙！
HTML：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>First Attempt: Frogger</title>
浏览 0提问于2018-02-21得票数 0
1回答
SVG雪碧与Laravel混合
、、、、
我正为下面的事情而挣扎，希望能得到任何帮助.！
我尝试使用Laravel (v5.0.4)并将其与sprite ()一起扩展以生成sprite。我有以下文件夹结构：
resources/
images/
image.jpg
sass/
app.scss
svg/
file1.svg
file2.svg
webpack.sprite.js
webpack.mix.js
webpack.mix.js含量
const mix = require('laravel-mix');
require('./webpack.sprite&#
浏览 0提问于2020-06-22得票数 1
2回答
我是一个JS，phaser3和Socket.io新手，我真的很想学习。
代码上下文：
Phaser3Socket.ioLoading状态游戏室在socket connectsGenerating之前，当有人试图在创建时访问NPC的(大量)精灵时，NPC和玩家失败了
问题：
无法访问sprite属性，一般情况下，对象似乎不是首先创建的
在Phaser3 3的"create()“函数连接到套接字服务器后，我让套接字侦听"universeState”函数。index.js：
this.socket.on('universeState',(universe)=>
浏览 3提问于2022-01-11得票数 3
回答已采纳
基本上，我想创建一个服务器，然后用phaser创建一个简单的javascript站点来尝试一些内容，但是html的内容显示出来，而不是javascript。
以下是我的不同文件和代码：
index.html：
<!doctype html>
<html>
<center>
<body>
test
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="phaser.mi
浏览 3提问于2014-06-25得票数 6
回答已采纳
我有下面的代码。
fileA.js：
import Sprite from './fileB.js';
const context = canvas.getContext('2d');
fileB.js：
class Sprite{
...
draw(){
context.drawImage{
...}
...}
}
export default Sprite
我将雪碧类从fileB导入到fileA。但是，来自fileB的类Sprite需要在fileA中声明一个变量，从而产生循环依赖。即使我找到了，我也不知道如何解决这个问题。
如何解决
浏览 1提问于2022-08-15得票数 0
因此，我是个新手，我正在尝试将其配置为使用esnext私有方法和字段。我还没有指定一个加载器，但我不是很确定要使用哪一个。目前，我的webpack.config.js文件如下所示：
const path = require("path");
module.exports = {
entry: "./src/Rorke.js",
output: {
path: path.resolve(__dirname, "dist"),
filename: "rorke.js"
}
};
浏览 25提问于2019-10-29得票数 4
回答已采纳
1回答
旋转时保持精灵的中心不动
、、、
我正在使用Cocos2d-js v3创建一个。当我旋转旋转轮子精灵时，它会摇晃，因为它在旋转的同时也会在x，y轴上稍微移动。如何使精灵在旋转时保持固定？我刚接触Cocos2d-js。
这是我创建的精灵代码-
sprite = new cc.Sprite.create(res.wheel_png);
sprite.setPosition(cc.p(size.width/2, size.height/2));
this.addChild(sprite, 0);
和旋转码-
var rand = Math.random();
var sprite_action = cc.RotateBy.creat
浏览 7提问于2020-07-01得票数 0
我现在已经尝试了几个JS库，并且总是很难让冲突检测工作起来。它似乎只是有时起作用，并产生奇怪的结果！
这方面最简单的例子是下面的Kontra.js示例(codepen )。它创建了几个精灵，并在每次更新游戏日志时检查它们是否有冲突。
for (let i = 0; i < sprites.length; i++) {
for (let j = 0; j < sprites.length; j++) {
let sprite1 = sprites[i];
let sprite2 = sprites[j];
if (isCollide(sprite1, sp
浏览 1提问于2018-12-18得票数 0
回答已采纳
我试图效仿一本关于用JS画布制作动画的书中的例子。
其中一个示例使用以下调用从原型创建了一个sprite：
sprite = new Sprite('runner',
new SpriteSheetPainter(runnerCells),
[ runInPlace, moveLeftToRight ]);
"runnerCells“是对JS数组的引用，该数组确定动画中每个单元格在spritesheet上的位置。我无法理解的是，如何访问"sprite“变量，使我能够将
浏览 1提问于2013-10-02得票数 1
回答已采纳
有无休止的移动精灵“绿色区块”从上到下，它的工作。有没有可能让精灵像舞台表演一样在顶部移动，也可以隐藏在底部。我不知道这个效果是如何被调用的，但我的意思是当绿色块开始沿着场景边界移动时，然后开始在顶部再次显示它。如何做到这一点，你能展示一下如何做到这一点吗？ ? ? const WIDTH = 500;
const HEIGHT = 500;
const app = new PIXI.Application({
width: WIDTH,
height: HEIGHT,
backgroundColor: 0x000000
});
docume
浏览 142提问于2020-10-09得票数 0
回答已采纳
1回答
在我的webpack.config.js文件中，我有几个js和svg入口点：
entry: {
scripts: './src/js/app.js',
vendor: ['vue', 'axios'],
svg: glob.sync('./src/img/svg/*.svg')
},
对于我的svg，我使用了sprite加载器：
module: {
rules: [
...
{
test: /\.svg$/,
浏览 0提问于2017-05-30得票数 0
1回答
第一次使用three.js，我做了一个非常简单的粒子动画，在其中我绘制了4种不同的纹理。到目前为止，所有的东西都是按需要工作的，除了我不知道如何旋转粒子，使它们以一个随机的方向呈现出来(颠倒，横向，等等)。任何帮助都将不胜感激！
到目前为止，您可以在这里看到我的进展：
以下是相关代码：
sprite1 = THREE.ImageUtils.loadTexture( "sprite1.png" );
sprite2 = THREE.ImageUtils.loadTexture( "sprite2.png" );
浏览 0提问于2015-07-21得票数 6
回答已采纳
截图：
文件"Gruntfile.js“的一部分
sprite: {
mixins: {
src: ['layout/media/images/sprite/*.png'],
destImg: 'layout/media/images/sprite.png',
destCSS: 'layout/assets/css/variables/sprite-mixins.styl',
algorithm: 'binary-tree',
pa
浏览 1提问于2014-07-31得票数 1
1回答
我试图在下面的链接中添加从cdn选择的jquery插件。
我正在开发一个asp.net mvc应用程序，并在布局页面中添加了如下脚本。
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen-sprite.png"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/chose
浏览 1提问于2014-03-18得票数 4
回答已采纳
我正在尝试向我的项目中添加sprite加载程序，但是我一直收到这个错误，在那里它找不到模块。有人能帮我解释一下为什么会发生这种事吗？
误差
没有找到这些相关模块：
./src/assets/svg ^./.*.svg$…
build/webpack.base.conf.js
{
test: /\.(png|jpe?g|gif)(\?.*)?$/, // removed svg from the list
loader: 'url-loader',
options: {
limit: 10000,
name
浏览 6提问于2018-01-02得票数 2
使用pixi.js创建精灵和
var sprite = new PIXI.Sprite(textureSprite);
sprite.buttonMode = true;
sprite.position.x = _.provinces[0].posX;
sprite.position.y = _.provinces[0].posY;
// make the button interactive...
sprite.interactive = true;
sprite
// set the mousedown and touchs
浏览 2提问于2015-08-19得票数 2
1回答
我正在创建一个带有窗体的GUI，用于将一个对象插入到div中，然后对其应用类，从而在整个屏幕上对其进行动画处理。然而，按照我设置的方式，每当我选择类并应用它并点击submit按钮时，它似乎会刷新整个页面。我知道这与使用POST方法有关，但我不确定是如何做到的。这是我的JS：
////////////////////////////////////////////////////////////////////////////////////////////////////////ADD A SPRITE
var spriteId = 1;
$(".add_sprite").cl
浏览 0提问于2013-07-22得票数 0
回答已采纳
1回答
我有一个pixi.js应用程序，依赖于多个图像，是在一个文件夹中，我想使用包裹捆绑。我可以一个接一个地导入它们(import logo from "./color/btc.png"按预期的方式工作)，但是当我试图导入文件夹时，parcel给出了这个错误。
/Users/user1/Desktop/pixi001/src/app.js:2:20
1 | import { Application, Container, Sprite } from "pixi.js";
> 2 | import logos from "./color/*
浏览 13提问于2022-03-31得票数 1
1回答
我正在使用Phaser，我正在使用模块模式，创建一个具有Object.create(Phaser.Sprite.prototype)原型的模块，并在主模块中创建一个该模块的实例。
问题是似乎在create函数的主模块中创建了sprite，但是sprite的映像没有加载，我找不到问题，也无法设置映像。
太感谢了！！
在Player.js中：
// doenst work at all with game.load... on top
//game.load.spritesheet('playersheet', 'resources/data/foo.png', 6
浏览 1提问于2017-02-21得票数 1
回答已采纳
我已经尝试运行widgy的功能，但有许多图形错误，在管理模块，页面，表单，标注等，没有什么是正常显示，因为我可以与官方网站上的演示比较。
I have followed the entire quickstart.
COMPRESS_ENABLED = True
COMPRESS_PRECOMPILERS = (
# ...
('text/x-scss', 'django_pyscss.compressor.DjangoScssFilter'),
# ...
)
Thanks for any help.
No handler
浏览 0提问于2015-01-15得票数 2
嗨，我正在尝试根据官方的 THREE.js 制作一个。
JSFiddle运行，但它似乎没有使用原始文件中的URL加载/应用sprite映像：-
//... URL's as in the Original file
var mapA = THREE.ImageUtils.loadTexture ("textures/sprite0.png", undefined, createHUDSprites );
var mapB = THREE.ImageUtils.loadTexture ("textures/sprite1.jpg" );
map
浏览 2提问于2015-02-18得票数 0
回答已采纳
我是three.js的乞丐。
我尝试了在这里找到的代码：
然后，我尝试用以下代码添加一个sprite：
但我无法使它工作，因为我得到了以下错误：
Uncaught TypeError: Cannot read property 'x' of undefined
at SpritePlugin.render (three.js:6973)
at WebGLRenderer.render (three.js:21007)
at render (sprite.html:43)
html文件在那里：
我的错误在哪里？这是我的代码：
<html>
浏览 8提问于2017-03-24得票数 0
2回答
这是我的gruntfile.js：
module.exports = function(grunt) {
require('load-grunt-tasks')(grunt);
grunt.initConfig({
uglify: {
start: {
files: {
'js/script.min.js': ['js/script.js'],
}
}
},
imagemin: {
build: {
op
浏览 1提问于2017-08-22得票数 1
回答已采纳
1回答
利用grunt模块创建svg精灵
、、、、
我对咕噜和节点js很陌生。我面临着使用grunt- svg -sprite模块创建svg精灵的问题。我使用模块来创建sprite映像。我已经使用以下命令安装了模块。
npm install grunt-svg-sprite --save-dev
我使用下面的行在我的grunt.js文件中启用了插件。
grunt.loadNpmTasks('grunt-svg-sprite');
我的插件配置如下
svg_sprite : {
basic : {
// Targ
浏览 4提问于2015-04-02得票数 3
回答已采纳
1回答
实现css雪碧图
、、
我比较了sprite中的所有图像，并不确定哪个选项更好：
<img src="./img/sprite.png" height="63" width="193" class="sprite-class" alt="">
.sprite-class {
object-fit: none;
object-position: -440px -315px;
font-family: 'object-fit: none; object-position: -440px -315px;'
浏览 3提问于2016-09-23得票数 0
1回答
我正在尝试创建一个新的任务来为magento2生成精灵。我正在使用grunt spritesmith插件。在Gulpfile.js中，我已经将sprite任务映射到JitGrunt配置中的grunt-spritesmith：
require('load-grunt-config')(grunt, {
configPath: path.join(__dirname, configDir),
init: true,
jitGrunt: {
staticMappings: {
usebanner: 'grunt-
浏览 0提问于2016-03-17得票数 1
1回答
在使用spritesmith处理图像时，在我的gruntfile上发现了这个奇怪的文件。有没有人经常遇到这种情况？
这是我的gruntfile文件..没有什么太大的问题，但是当涉及到精灵一代时，问题就出现了。我猜是记忆问题
module.exports = function(grunt) {
var globalConfig = { siteName: 'mysite', };
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
globalCo
浏览 1提问于2016-06-17得票数 1
1回答
是否可以从webpack生成的html文件中删除资产条目，即sprite-library.js？
我使用的一个插件暂时创建了一个sprite表的入口点，该表后来被删除了，但是删除后并没有从webpack生成的index.html中删除下面的html。
<script src="sprite-library.js"></script> <!-- this is the line of html I want to get rid of -->
浏览 7提问于2022-06-27得票数 0
运行我的gulp任务im得到以下错误：SyntaxError: Unexpected token ; - im想知道这与我的Gulp任务有什么关系？
var gulp = require('gulp');
var sprite = require('gulp-sprite-generator');
gulp.task('sprites', function() {
var spriteOutput;
spriteOutput = gulp.src("src/css/*.css")
.pipe(s
浏览 4提问于2014-11-19得票数 0
回答已采纳
我正在做一个Symfony 3.4项目，我用Webpack Encore来管理我的资产。在那之前，它可以正常工作。
我想使用包来构建一个图像精灵。但是，当我运行yarn encore dev命令时，我将面临以下错误：
{ Error: EISDIR: illegal operation on a directory, read errno: -21, code: 'EISDIR', syscall: 'read' }
以下是我的项目结构：
/
|-assets
| |-js
| | |-app.js
| | ...
| |-images
| | |-new.pn
浏览 0提问于2019-03-27得票数 0
回答已采纳
我在https://codesandbox.io/s/fancy-architecture-zsu57?file=/src/index.js:0-696上提供了简单的娱乐 但本质上，当我单击一个文本时，遵循代码会触发alert('Click!')函数，即使我的交互侦听器是在sprite上设置的。我的印象是pixi处理这种情况(当元素被另一个元素覆盖时)，但我猜我错了。如果我显式地点击sprite而不是覆盖它的任何元素，有没有一种方法只触发交互？ 演示中的代码 import * as PIXI from "pixi.js";
const application
浏览 32提问于2020-07-17得票数 0
回答已采纳
我正在尝试设置gulp spritesmith，并得到上述错误，每次我粘贴在图标folder.Also试图让它编译通过sass.Node版本2.14.12在mac.If上有任何其他‘精灵’插件，更容易使用，请建议。
'use strict';
// Include gulp
var gulp = require('gulp');
// Include Our Plugins
var jshint = require('gulp-jshint');
var sass = require('gulp-sass');
var
浏览 4提问于2016-02-12得票数 1
2回答
嘿，伙计们，我现在正在做一个小游戏，我一直在尝试用css来水平翻转这样的图片：
JS
sprite = new Image(13, 32);
sprite.src = w1.png;// stored locally i know but i dont intend to sell this:)
if (player.velX < 0) {
sprite.setAttribute("class", "flip")
if (player.velX > 0) {
sprite.removeAttribute("class"
浏览 5提问于2016-10-25得票数 0
回答已采纳
我只是复制粘贴了开始的任务：
var gulp = require('gulp');
var spritesmith = require('gulp.spritesmith');
gulp.task('sprite', function () {
console.log("inside sprite");
var spriteData = gulp.src('/assets/images/*.jpg').pipe(spritesmith({
imgName: 'sprite
浏览 2提问于2016-04-25得票数 0
回答已采纳
我已经在Cocos Studio中为Cocos2d-js创建了动画(攻击，dropWeapon，奔跑，撤退)，我可以通过
sprite = ccs.load( "res/solder.json" );
this.addChild( sprite.node );
sprite.node.runAction( sprite.action );
sprite.action.play( "attack", false ); // false means do not repeat / loop
如何按顺序依次播放动画？当我在代码中创建动画时，我有代码，但不是在Coco
浏览 1提问于2016-07-15得票数 0
我试图用konva.js (利用)在Vue中创建一个spritesheet动画。
在纯konva.js中，Sprite对象被创建为 &简而言之，首先创建图像对象，然后在Image的onload回调中创建Sprite对象。
var imageObj = new Image();
imageObj.onload = function() {
var blob = new Konva.Sprite({
x: 50,
y: 50,
image: imageObj,
animation: 'idle',
animations: anim
浏览 0提问于2018-11-22得票数 1
回答已采纳
1回答
我有一个任务，我需要完成之前，开始下一个吞咽的任务。这个任务创建了几个精灵。这需要一段时间，所以我需要这个任务，让它知道什么时候完成，这样下一个任务就可以开始了。这些任务在"gulpfile.js“中定义，而sprite任务称为"build-sprites.js".。
我一直在使用一个名为"run-sequence“()的gulp工具来排序这些任务。它显然需要要么返回一个流，一个承诺，或一个回调。但是，我不知道如何用这个"build-sprites.js“任务来完成这个任务。
gulpfile.js:
// Originally based off ht
浏览 1提问于2016-02-03得票数 1
目标是让用户编辑一个SVG，它是预定义的动画集的源纹理。由于某些原因，动画无法播放，它总是停留在第一个帧上，当我显式调用play()时，会得到一个错误：
Uncaught TypeError: Cannot read properties of undefined (reading 'texture')
at AnimationState.setCurrentFrame (phaser.js:43946:1)
at AnimationState.handleStart (phaser.js:43412:1)
at AnimationState.updat
浏览 8提问于2022-10-04得票数 0
1回答
我已经看到这个问题在这里被问了很多次了，但是没有任何回复帮助我解决这个问题:我试图用console.log().引擎加载雪碧，但是它没有出现，尽管它已经被识别出来，而且在使用PixiJS时也很不稳定。我做错了什么？
我遵循了这个URL中的教程：
我的代码如下：
index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=
浏览 0提问于2017-01-05得票数 1
回答已采纳
我有这段代码，Firefox运行良好，但在Chrome中，我得到了以下错误：
“未明错误: INVALID_STATE_ERR: DOM异常11”在sprites.js:36
这一行是这样的代码：
context.drawImage(
Context是一个全局变量，其中包含canvas的2d上下文。这是完整的代码：
index.html
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript
浏览 6提问于2010-12-29得票数 7
回答已采纳
在我的gruntfile.js中，我设置了用于生成精灵的插件。我不得不说，一切都配置得很好，spritesmith是通过npm安装的，插件是package.json中的一个依赖项。但是还有别的东西阻碍了我的精灵命令的执行
sprite:{
dist: {
src: ['css/theme/images/*.jpg'],
destImg: 'css/theme/sprite/sprite.jpg',
destCSS: 'css/theme/sprite/spritejpg.css'
}
浏览 3提问于2014-01-10得票数 1
回答已采纳
我有一个名为MovingThing的类，它是由一个名为Monster的类扩展的。每个怪物都需要自己的setinterval计时。下面是我正在使用的： GameBoard.js this.monsters = [
new Monster(this, 'monster_0'),
new Monster(this, 'monster_1'),
new Monster(this, 'monster_2')
] movingThings.js class Monster extends Mo
浏览 24提问于2019-12-31得票数 1
回答已采纳
2回答
我似乎无法呈现。我有一个画布2D上下文和一个预加载的图像，onload我尝试在画布上绘制图像，但什么也没有发生。在我的浏览器控制台中也没有错误。
(ns jump.core)
(enable-console-print!)
(defn screen
([]
(screen "screen"))
([elem-id]
(let [screen (.getElementById js/document elem-id)]
{:context (.getContext screen "2d")
:heigh
浏览 0提问于2014-05-20得票数 0
我正在使用，我已经用新闻提供者更新了openid-en.js，现在，在这个项目的readme.txt之后，我应该用genere-sprite.sh刷新sprite映像。
但是，当我试图在OSX终端上运行generate-sprite.sh时，下面的错误将显示在输出上：
./generate-sprite.sh: ./remcomments.sed: /bin/sed: bad interpreter: No such file or directory
./generate-sprite.sh: ./remcomments.sed: /bin/sed: bad interpreter: No
浏览 5提问于2013-12-21得票数 1
回答已采纳
我希望两个<i>元素中的第一个元素在不盘旋时显示，而另一个元素被隐藏，而当元素悬停时，我希望相反。这是可能的CSS，还是我需要使用JS？
<a class="btn btn-like postb2" href="#">
<i class="sprite-io sprite-like-grey"></i>
<i class="sprite-io sprite-like-white"></i>
3
</a>
浏览 2提问于2013-09-20得票数 0
回答已采纳
2回答
我不想播放动画，我想通过点击鼠标右键和左键来改变精灵的帧。
var sprite = game.add.sprite(200, 100, 'mySprite');
sprite.frame = 3;
现在，如果按下了右键，我要这个精灵转到下一帧。
sprite.frame += 1;
如果按下左键，精灵将转到上一帧。
sprite.frame -= 1;
如果按下left并且当前帧为0，则精灵不会更改其帧，它会在第0帧处停止。当我点击鼠标左键时，我希望精灵从0转到最后一帧。
例如，在ActionScript3中，我可以这样做：
sprite.gotoAndStop(sprite
浏览 19提问于2017-07-16得票数 1
回答已采纳
1回答
使用Three.js，我有一个球体(地球仪)和几个附着在火山点上的精灵。我可以旋转(旋转)地球，而精灵会保持它们的位置，因为它们是作为一个群体加入到球体中的。
现在我想用一个按钮把地球旋转到任意的位置。我该怎么做？例如，如果我想要旋转的点在地球的后面，我如何旋转地球，使它在前面？
这段代码本质上就是我现在所拥有的。一个主要的网格，我在其中添加了精灵。
<html>
<head></head>
<body>
<script src="three.min.js"></script>
<script
浏览 1提问于2015-10-29得票数 0
1回答
我正在从PIXI.js扩展容器：
export class Reel extends Container {
constructor(width: number, height: number) {
super();
var sprite: Sprite = Sprite.fromImage("assets/images/elephant.png");
super.addChild(sprite);
}
}
但是，当我实例化一个新类并尝试访问一个容器属性时，我得到了tslint错误:在'Reel‘类型上不
浏览 3提问于2017-10-22得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
