Jump to content


  • Content Count

  • Joined

  • Last visited

About GourmetGorilla

  • Rank
    Advanced Member

Recent Profile Visitors

1473 profile views
  1. Mat have you guys considered putting a gui on the front of pixi? It's brilliant but seems to be seriously underused. It could be the next flash.
  2. Thanks @crowbar that's great! It's working to resize the canvas, but not updating the size of my content - is this updating your content too?
  3. Trying to think through how to dynamically resizing pixi stage on window resize. I'm using the following the set the size of my stage to the window, it works fine (though it distorts the images, does not keep ratio). stageWidth = $(window).innerWidth(); stageHeight = $(window).innerHeight();console.log(stageWidth, stageHeight); // create an new instance of a pixi stage var stage = new PIXI.Stage(0xff00ff); var renderer = PIXI.autoDetectRenderer(stageWidth, stageHeight);But how do I extend this to update the stage size when the browser window is resized? I tried the following (with a
  4. I put a var on my renderer.view var mypixiStage = document.body.appendChild(renderer.view);and added the code suggested window.addEventListener("resize", mypixiStage.resizeToWindow.bind(mypixiStage));I'm getting the following error - any suggestions? Uncaught ReferenceError: MO5 is not defined(anonymous function) @ StageResizer.js:3
  5. 'myStageResizerInstance' - I'm confused by this, using renderer.view to scale, how do we create the instance you suggest? Here's how pixi does the renderer.view document.body.appendChild(renderer.view);
  6. . deleted post. (Don't know how to actually delete it, sorry!).
  7. GourmetGorilla


    So, a tween usually is triggered, it runs for it's duration and stops. but how do you tie a tween to the moving y position of a pixi.point tied to the mousescroll for instance? Not that it's triggered and executes till it's complete, but that the tween moves with the y of the mousescroll. Let say I have something like: TweenLite.to(element, 2, {scale:1.5, x:10, y:0, alpha:0});I could say if y == 400 run tween but it would just execute and be finished. But I want this tween to run from pixi.point.y 400 to 450, so not use a time element (currently 2sec), but two pixipoint y positions instead.
  8. Haha, got it, thanks for clarifying. When I reread the above, I see Hubert is just calling his container 'camera'. I just wondered if it had a camera whether it would help me. I'm trying to figure out how flashvhtml.com generated their scrollmap. http://flashvhtml.com/js/site/ScrollMap.js (but I asked about that somewhere else on this forum I think). Beyond the simple examples, some aspects of Pixi, or what people have done with it, are a lot to get my head around. o.O!
  9. What benefit does using the camera give us in this situation? Newbie question o.O
  10. Can anyone explain this file, how it was generated, what is was made with. How the sequence of 'position' and 'alpha' numbers are used, and how they relate to the scrollable feature of the site? http://flashvhtml.com/js/site/ScrollMap.js For instance: var rockets = {rockets:[{startFrame:0, endFrame:100, position:[1.15,5,3.14,2.25,10,3.14,3.3,15,3.14,4.3,20,3.14,5.3,25,3.14,6.25,30,3.13,7.15,35,3.13,8.05,40,3.13,8.9,45,3.13,9.75,50,3.13,10.55,53,3.13,11.35,54,3.13,12.15,53,3.13,12.9,50,3.13,13.65,45,3.13,14.4,38,3.13,15.1,29,3.13,15.8,18,3.13,16.5,5,3.13,17.2,-9.95,3.13,17.85,-26.
  11. Has anyone seen a deconstruction of flashvhtml.com? Similar to Petr Tichy's deconstruction of Sony's Be Moved site? https://ihatetomatoes.net/sonys-be-moved-website-deconstructed/
  12. Using Chrome Version 42.0.2311.152 (64-bit) on OSX Snow Leopard on a 2.66Ghz Quad Core Intel Xeon Mac Tower with NVIDIA GeForce GT 120 Graphics card. It worked fine then one day just stopped and looked like the above All the Phaser examples on their site look like this too. But everything works in Firefox. I just want to use Chrome for the js console at least How do I get this browser working again?
  13. Hey Mat, how was the file scrollMap.js generated on your awesome flashvhtml.com project?
  • Create New...