我有一个反应应用程序与动画渲染与PIXI.js和@入口/反应-皮西。
在使用Jest运行测试时,我会得到错误:
Error: Uncaught [TypeError: Cannot read properties of null (reading 'stage')]
● run Homepage tests › is Homepage rendered
WebGL unsupported in this browser, use "pixi.js-legacy" for fallback canvas2d support.
5 | describe(
在Pixi.js中可以用动画绘制一条线吗?(画布,WebGL,随便吧。)
我完全理解如何动画一个已经呈现的线条或对象,但你如何使它动画画线本身,就像用TweenMax?我已经详尽地搜索了示例和代码,我感到震惊的是,我没有找到这样做的一个参考点。
var stage = new PIXI.Container();
var graphics = new PIXI.Graphics();
graphics.lineStyle(20, 0x33FF00);
graphics.moveTo(30,30);
graphics.lineTo(600, 300);
stage.addChild(grap
我正在使用Pixi.js并尝试将动画的一帧保存到图像中。canvas.toDataUrl应该可以工作,但我得到的只是一个黑色的矩形。查看现场示例
我用来提取图像数据和设置图像的代码是:
var canvas = $('canvas')[0];
var context = canvas.getContext('2d');
$('button').click(function() {
var data = renderer.view.toDat
我做了:npm install pixi.js,tsd install pixi.js,我已经正确地实现了一切,除了来自tsd的定义文件有注释
//Type definitions for Pixi.js v3.0.10-dev
我的dist .js文件也是:
//pixi.js - v3.0.9 (this version mismatch is not critical)
所以,我的问题是,在发布的“示例”和这个版本(v3.x.x)之间是否有一些更改列表?
(对我来说,最困难的是谷歌( google ),因为智能手机上大量的东西被命名为PIXI v 2/v3,另外我也是移动应用程序的开发者
我使用了一捆pixi.js +类型记录+ es6 + system.js
import Test from './test';
export class Main {
constructor() {
console.log('typescript main ');
new Test();
}
}
import PIXI from 'pixi.js';
export default class Test extends PIXI.Sprite{
constructor(){
我正在尝试编译一个项目,它使用带有闭包编译器的pixi.js库在高级模式下,如下所示:
You should not include a minified version of pixi during your minifying process. Instead, you can try to include the unminified version.
我正在使用这个文件(请纠正我,这不是正确的):
和最新的编译器( v20151015 )
--summary_detail_level 3
--warning_level VERBOSE
--compilation_level ADV
我使用PIXI.js在画布上绘制了一个基于网格的系统。
我试着给这个东西动画,首先每个粒子position.y是-200,然后使用Tween.js,我试图让它们下降。
我将该位置更改为正确的位置,即particle._y。
正如您注意到的,您会看到,在下降后,有一些空空间和CPU过热。
function animateParticles() {
for (var k = 0; k < STAGE.children.length; k++) {
var square = STAGE.children[k];
new Tween(square, &
我目前正在使用svelte(第一次使用svelte)、Vite、TS和Pixi进行一个项目。当我尝试运行vite build时,我会得到错误Cannot use import statement outside a module。然而,在我的package.json中,我有"type": "module",而且我相信其他的东西都配置得很好。我尝试过从pixi.js/dist/esm/pixi.js和pixi.js/dist/cjs/pixi.js导入,但这两种导入都失败了。不知道我在这里做错了什么,但是任何帮助都是非常感谢的!
不确定这是否重要,但我也使用pnp
我有一个奇怪的问题,正确进口PIXI js在我的打字项目。
问题是,在引用PIXI对象时,我从来不用使用PIXI前缀。
例如:而不是:
let s = new PIXI.Sprite(textureName);
我必须做:
let s = new Sprite(textureName);
一切正常,只是有点烦人。我有一种感觉,这就是我的tsconfig.json文件的配置方式。
我如何配置它,使它的行为像第一个选项?
{
"compilerOptions": {
"outDir": "./dist/",
"source
我无法将pixi连接到添加到angular.json中的角度
"scripts": [
"../node_modules/pixi.js/lib/index.js"
],
在课堂上:
import * as PIXI from 'pixi.js';
export class Render {
public app: any;
constructor(el) {
this.app = new PIXI.Application({
width: 800,
he
我是Svelte新手,正在尝试将pixi.js导入到我的应用程序中。我试着在这篇之后将pixi.js导入我的svelte应用程序
我已经通过以下方式安装了pixi:
yarn add pixi.js --dev
然而,当我尝试导入窗口时,我得到了一个"ReferenceError: pixi.js is not defined“错误。下面是一个快速示例:
<script>
import * as PIXI from 'pixi.js'
import { onMount } from 'svelte';
let view
我目前正在为安卓开发一个游戏与Pixi.js,所以只与HTML5和Javascript。
为了了解游戏的性能,我尝试使用CocoonJS Launcher应用程序。我在我的服务器上托管了文件。当我启动应用程序时,我收到以下错误消息:
Javascript Exception (Line: 1308 File:'1587683816' Tag:'script'): TypeError: Result of expression 'document.createTextNode' [undefined] is not a function.
问题出在
我试图把我的整个画布分割成20个相等的柱子,并在y轴上将它们分别动画化。目标是创建类似于的波浪滚动动画。首先,我尝试用php创建波形滚动效果,生成带有文本的图像,并尝试以图像作为背景图像在单个div中动画。它在技术上有效,但是性能和页面加载时间非常糟糕。现在我想用画布创建它:我已经有了包含所有图像和文本的内容,并尝试将其动画化。我试图用getImageData()将整个内容保存在列(矩形)中,然后用ImageData创建矩形并在循环中重新绘制它们,但是性能仍然很差,特别是在移动设备上。动画循环看起来如下:
var animate = function(index, y) {
// The