• Content count

  • Joined

  • Last visited

About catafest

  • Rank
  • Birthday 03/07/1976

Contact Methods

  • Website URL
  • Twitter

Profile Information

  • Gender
  • Location
    Fălticeni jud. Suceva România
  • Interests
    freelancer , programming , 2D/3D , drawing , painting , comics ,
  1. I try to start it with this example : I use download zip , but seam need to fix a php server. I try to fix by using just the files and folder to run the example that but seem is not working . Can you give me some help ? Thank you. Best regards.
  2. Extra filter + Pixi 4.3.4 + TweenLite

    is two way to solve your problem with pixi.js : try to find time to read the docs... or just spend time to search example into internet area with google query : site: ~ I love browsers ...
  3. Getting started with pixi.js

    Most topics from this forum can help you, because some part of pixi versions is not the same. This means the result of some tutorials or source code will can give you errors. You can share to share your work or errors. The is the first step and then read the documentation.
  4. Bad performance

    two steps: optimize your website and fill with correct resurces: - you have a lot of javascripts to much for me; - if you need to fix Pixi.js then is not 3D is more like 2D; - also is on Slovakian language website - so the demo is not allow for many people (try english comment on github); - you use svg and some of this is largest icons and need lineup with modal windows; - you can try something like this topic ( I test it with 4000px and works - not great but works for cube): - another way only 3D javascrip like: three; Any idea about this issue ?
  5. Sending PHP data to PIXI Javascript

    Maybe is about php and java browser how is working. Youu have a start here: Also depends the structure of data over browser or server communication. This is my opinion. I'm not very good of that. Nice question.
  6. Canvas vs WebGL on webos2

    sorry about my replay , but if you used some new javascript libs, why not try to be used with maybe something like online development. this allow us to parse and give a good answer to you. what do you think about that ?
  7. Wrong animation technique?

    This is your problem ...your image is render from left to right and right to end !??? Then just set one scale not "- scale" not both ... Take a look at: zep.scale.set
  8. Pixe video formats

    you can use you can use aditional javascript libs like /
  9. pixijs - set script.

    I make changes but not working. I take a look at . (old version of pixi). Yes, I use the last version of pixi has many changes: 808 kb - the new pixi.js - v3.0.10 * Compiled 2016-02-25T20:39:20.286Z Also I take a look at But I don't know what is the error. Maybe is need to make more changes .
  10. pixijs - set script.

    <!DOCTYPE html> <html> <head> <title>Title of the document</title> <script src="pixi.js"></script> </head> <body> <script> var stage = new PIXI.Stage(0xFFFFFF); var renderer = PIXI.autoDetectRenderer(800, 600); document.body.appendChild(renderer.view); var texts = []; for (var ii = 0; ii < 15; ++ii) { var text = new PIXI.Text("Hello World", {font: (ii * 10) +"px Arial", fill:"black"}); text.scale.x = 1 / (1 + ii); text.scale.y = 1 / (1 + ii); texts.push(text); } var scrollArea = new PIXI.DisplayObjectContainer(); scrollArea.interactive = true; scrollArea.buttonMode = true; scrollArea.addChild(text); stage.addChild(scrollArea); scrollArea.mousedown = function(data) { data.originalEvent.preventDefault(); = data; this.dragging = true; } scrollArea.mouseup = scrollArea.mouseupoutside = function(data) { this.dragging = false; = null; } scrollArea.mousemove = function(data) { if (this.dragging) { var newPos =; this.position.x = newPos.x; this.position.y = newPos.y; } } text = undefined; function animate() { var t = * 0.001; var scale = 1 + 14 * (Math.sin(t) * 0.5 + 0.5); if (text) { scrollArea.removeChild(text); } text = texts[Math.floor(scale)]; scrollArea.addChild(text); scrollArea.scale.x = scale; scrollArea.scale.y = scale; renderer.render(stage); requestAnimFrame(animate); } animate(); </script> </body> </html> I put pixi.js into same folder with my source code ( the last version of pixi.js) and the source code not working. But If I put for example this <script src="//"></script> It's working well. Why ?
  11. Hi. I need help with pixijs and wordpress. I know wordpress has plugins for working with javascript. But I need a good way to integrate pixijs with wordpress. This mean to make wordpress post with running examples. Thnak you. Regards.
  12. Limit to number of circles drawn in a mask

    I don't sure but most of this errors come to editors : try to use one html file not Use webdevelopment tool like Firebug can help to see the your script into browser, see: var renderer = PIXI.autoDetectRenderer(2000, 2000, { backgroundColor: 16777215, antialias: true }); document.body.appendChild(renderer.view); var stage = new PIXI.Container(); stage.interactive = true; var graphics = new PIXI.Graphics(); graphics.beginFill(16724736); graphics.moveTo(0, 0); graphics.lineTo(1500, 0); graphics.lineTo(1500, 1500); graphics.lineTo(0, 1500); graphics.lineTo(0, 0); graphics.endFill(); stage.addChild(graphics); var mask = new PIXI.Graphics(); var size = 30, rows = 20; mask.beginFill(0); for (var i = 0; i < 250; i++) { if (window.CP.shouldStopExecution(1)) { break; } mask.drawCircle(i % 10 * size * 2.5, Math.floor(i / 10) * size * 2.5, size); } window.CP.exitedLoop(1); mask.endFill(); stage.addChild(mask); graphics.mask = mask; var text = new PIXI.Graphics(); var t; for (var i = 0; i < 250; i++) { if (window.CP.shouldStopExecution(2)) { break; } t = text.addChild(new PIXI.Text(i, { fill: 255 })); t.x = i % 10 * size * 2.5; t.y = Math.floor(i / 10) * size * 2.5; } window.CP.exitedLoop(2); stage.addChild(text); renderer.render(stage); //# sourceURL=pen.js
  13. pixi.js loader loading assets from sever path not URL

    Take a simple html5 temaplte and add this source of code ( the "..." can be replace with your code) : <script type="text/javascript" src="pixi.js"></script> </script> ... <body style="background:black"> ... <img src="your_image.jpg"> ... <script type="text/javascript"> var renderer = new PIXI.WebGLRenderer(480, 385); document.body.appendChild(renderer.view); var stage = new PIXI.Container(); PIXI.loader.add(['your_image.jpg']).load(function() { var var_image = new PIXI.Sprite(PIXI.utils.TextureCache['your_image.jpg']); ...} stage.addChild(var_image); renderer.render(stage); }); </script> gavatar is a great tool
  14. Is a variable name the only way to load/translate a sprite?

    @xerver Sorry about this note, but seam to me a general problem. I think It was a problem with point reference and also I think not everything can be passed by reference. I mean some pixi.js source code cannot be translate into new source code. I have one topic about translate with mouse one mask and I used add and load function. The problem is with animate over mouse ... This is true @xerver ?