jdnichollsc Posted September 13, 2016 Share Posted September 13, 2016 Hi guys, The community need create more advanced websites using Pixi.js, exist any tutorial (free or not) to create websites using the canvas fullscreen with Pixi.js? For example: - http://flashvhtml.com/ - https://runpixierun.tresensa.com/ I can't find the best way to do that, guys help please! PD: What do you think about to create a PixiJS Market to find Pixi tools for games? Like http://market.ionic.io/ Regards, Nicholls Quote Link to comment Share on other sites More sharing options...
labrat.mobi Posted September 13, 2016 Share Posted September 13, 2016 check this http://www.pixijs.com/gallery jdnichollsc 1 Quote Link to comment Share on other sites More sharing options...
xerver Posted September 13, 2016 Share Posted September 13, 2016 Are you asking how to make a canvas consume the entire screen? Generally we just do "canvas.width = window.innerWidth; canvas.height = window.innerHeight;" It can get more complex with scrollbars, mobile, etc. But there should be tutorials and things around about full-screen canvases. jdnichollsc 1 Quote Link to comment Share on other sites More sharing options...
totor Posted September 14, 2016 Share Posted September 14, 2016 18 hours ago, xerver said: Are you asking how to make a canvas consume the entire screen? Generally we just do "canvas.width = window.innerWidth; canvas.height = window.innerHeight;" It can get more complex with scrollbars, mobile, etc. But there should be tutorials and things around about full-screen canvases. yeah, that part. that's the hard part, the non-trivial case. when you need things like viewporterjs and stuff. if you have one tut that cover all, please share. Quote Link to comment Share on other sites More sharing options...
jdnichollsc Posted September 14, 2016 Author Share Posted September 14, 2016 Yes, one tutorial or video from Pixi.js would be great and very appreciated by the community!! I want to create websites fullScreen using Pixi.js like your examples! Quote Link to comment Share on other sites More sharing options...
xerver Posted September 15, 2016 Share Posted September 15, 2016 If you are talking about desktop it really is as simple as `renderer.resize(window.innerWidth, window.innerHeight);`. I would roll with that until you see something about it that doesn't work. jdnichollsc 1 Quote Link to comment Share on other sites More sharing options...
jdnichollsc Posted September 16, 2016 Author Share Posted September 16, 2016 Thanks @xerver! 23 hours ago, xerver said: If you are talking about desktop it really is as simple as `renderer.resize(window.innerWidth, window.innerHeight);`. I would roll with that until you see something about it that doesn't work. Exist any github repository to check that? What do you think about scales modes of Phaser? What would be the appropriate way to do this? RESIZE? USER_SCALE? Thanks for all my friend! Quote Link to comment Share on other sites More sharing options...
xerver Posted September 16, 2016 Share Posted September 16, 2016 RESIZE is just setting the canvas to the size of the parent, which is window in your case. Try the code I posted, and let me know what doesn't work. jdnichollsc 1 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.