Comments (8)
Thanks very much :)
I absolutely love the idea of you teaching pixi.js to your students! Unfortunately getting webGL textures to work locally is a bit of a pain. For security reasons, JavaScript is only allowed to access resources from the same domain.
The pixi.js CanvasRender runs fine locally so you could use that maybe?
from pixijs.
You can run it in Firefox if you set the "security.fileuri.strict_origin_policy" preference to false in about:config.
from pixijs.
@Nibbler999 I'd like to use Chrome because that's the only browser that supports live editing with WebStorm, plus there are some other plugins not available in Firefox we use.
CanvasRenderer
is fine, I'll have them use that for now. Unfortunately they won't get as wowed by the amazing speed without WebGL. Does it make sense to check the URL of the webpage the JavaScript is on and if it starts with file:/// then use the CanvasRenderer
, otherwise use the regular mechanism in the autoDetectRenderer
function?
from pixijs.
A really easy way is to install Python (if you don't already have it). Then from the directory that has your html/js/css in it, just type:
python -m SimpleHTTPServer
or, if you're on Python 3:
python -m http.server
Then you would just point chrome at http://127.0.0.1:8000
There are additional tips and tricks here:
https://github.com/mrdoob/three.js/wiki/How-to-run-things-locally
from pixijs.
@ateoto thank you. I don't want to use a webserver for the reasons cited above. These are kids as young as 6 we're teaching. Your link was insightful. I didn't know there was a configuration parameter in Chrome. However, I'm a bit nervous to have these kids go home with links to security lessened browsers...
from pixijs.
My apologies, that's what happens when I skim through things. I just took a quick look at WebStorm and it seems as though starting with version 6, it includes a built-in HTTP server, couldn't find any specific documentation on the feature though.
from pixijs.
@ateoto I had no idea about that built-in HTTP server!! This is so helpful, it works amazing! Thanks.
from pixijs.
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
from pixijs.
Related Issues (20)
- Bug: TypeError: Cannot read properties of null (reading 'uid') HOT 1
- Bug: The content of multiple texts overlaps with each other. HOT 17
- Bug: [v8] antialias=true drastically cuts performance even when idle HOT 3
- Bug: Arc line cap not re-rendered if graphics is cleared HOT 1
- Bug: v8 mask container bounds changes
- Bug: Unable to add a mask to the text HOT 1
- Bug: [v8] Multiple issues with mipmaps HOT 7
- Bug: Sprite alpha masks broken in chrome & edge HOT 7
- Bug: V8 text stroke is applied even with width 0. Also strokeThickness does not update at runtime
- Bug: [v8] double `onRender` of rendergroup? HOT 1
- Bug: Can't get updated worldTransform immediately
- Bug: [v8] arctifact when rendering big polygon with offscreen coordinates in Firefox and Safari HOT 4
- Is it possible to do a lossless rotation in Pixi?
- Bug: When forceCanvas is true, mask sprites with sprites doesn't work
- Bug: Some props like dropShadow and resolution are not updating for Text object.
- Bug: Generated Texture doesn't support scale mode since 8.1.0 HOT 2
- Bug: Events are firing twice when we have dynamic and static mode
- [bug] v8 NineSliceSprite doesnt works as mask on Sprite HOT 1
- Bug: v8 ESM is broken with esm.run HOT 4
- V8 Bug! HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from pixijs.