Git Product home page Git Product logo

devtools-perf-game's Introduction

PowerSurge Game

Play and optimize using Firefox Developer Edition.

Learn more at Mozilla Hacks and the Mozilla Developer Network!

Develop

  • npm install - Install development dependencies
  • npm start - Uses gulp to host a live-updating server

or

IRC Channel

#devedition on irc.mozilla.org

License

Code is licensed under MPL 2.0. Content is licensed under CC-BY-SA 3.0. See the LICENSE file for details.

Credits

Created by Przemysław @rezoner Sikorski with a little help from Harald @digitarald Kirschner.

devtools-perf-game's People

Contributors

digitarald avatar phpeek avatar rezoner avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

devtools-perf-game's Issues

Remove lodash?

Seems like its only used once once in Playground.js for _.extend

Power Surge game doesn't load if you have HTTPS Everywhere addon installed (due to its codepen rule)

STR:

  1. Install HTTPS Everywhere from https://www.eff.org/https-everywhere
  2. Restart Firefox to complete installation.
  3. Visit Power Surge game: http://codepen.io/mozhacks/pen/xGgevw

OR, alternately, just directly load the HTTPS version of the game:
https://codepen.io/mozhacks/pen/xGgevw

ACTUAL RESULTS:
Game doesn't load in the lower CodePen window. (All that shows up is a Firefox Dev edition icon with a chat bubble.) Moreover, there's a shield in URL bar indicating that insecure content was blocked.

If you edit the CodePen source to use "//" URIs instead of "http://" URIs, then we'll load the correct HTTPS versions of resources. Here's a forked version with that fixed:
https://codepen.io/anon/pen/BNWzMj

(I still see some logged lines in the console about blocked resources, which seem to be from HTTP URIs that are hardcoded in our github-hosted scripts -- e.g. "gameover.ogg". We need to fix that as well, but that's probably less high-priority.)

Playground.js JIT issues

Firefox

http://people.mozilla.org/~bgirard/cleopatra/#report=81dc5532edea82a6577d5af39b4975507e3ffb5c

Bailouts happen each frame 60 times per second:

1: Bailout_MonitorTypes at this on line 1 of http://localhost:8081/build/script/Playground.js line 5347 > Function:1
2: Bailout_MonitorTypes at this on line 1 of http://localhost:8081/build/script/Playground.js line 5347 > Function:1
3: Bailout_MonitorTypes at this on line 1 of http://localhost:8081/build/script/Playground.js line 5347 > Function:1
4: Bailout_MonitorTypes at this on line 1 of http://localhost:8081/build/script/Playground.js line 5347 > Function:1
5: Bailout_MonitorTypes at this on line 1 of http://localhost:8081/build/script/Playground.js line 5347 > Function:1
6: Bailout_MonitorTypes at this on line 1 of http://localhost:8081/build/script/Playground.js line 5347 > Function:1 

Chrome

Chrome Profiler shows ⚠️ icons for all cq. methods as Bad value context for arguments value:

CODE_OF_CONDUCT.md file missing

As of January 1 2019, Mozilla requires that all GitHub projects include this CODE_OF_CONDUCT.md file in the project root. The file has two parts:

  1. Required Text - All text under the headings Community Participation Guidelines and How to Report, are required, and should not be altered.
  2. Optional Text - The Project Specific Etiquette heading provides a space to speak more specifically about ways people can work effectively and inclusively together. Some examples of those can be found on the Firefox Debugger project, and Common Voice. (The optional part is commented out in the raw template file, and will not be visible until you modify and uncomment that part.)

If you have any questions about this file, or Code of Conduct policies and procedures, please see Mozilla-GitHub-Standards or email [email protected].

(Message COC001)

Provide visual indicator on how well the game is optimized

For developers and devtools / makes sense where target-ms-per-frame is calculated based on baseline score. Visual indicator might be nice too; could be just text switching colors or an actual interface element like a closing circle (when it closes; unlock!)

Add Speedbumps

Things to screw up:

  • Utils.distance, nearest, extend
  • Ship::foresightCollision, getTarget, linearMovement, ::linearMovement
  • Bullet::step (refactor to separate)
  • Particle::step (refactor to separate)
  • Resource::step (refactor to separate)
  • Add more ideas

Cleanup repo

  • Remove old files (CircleExplosion)
  • Remove dead and uncommented code
  • Make code warning free
  • Document

Basic prototype

A prototype demonstrating "keep pointer on top of object to perform action"

CORS errors in console when running locally via npm start

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://mozilla.github.io/devtools-perf-game/sounds/planetHit.ogg. (Reason: CORS header 'Access-Control-Allow-Origin' missing). <unknown>
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://mozilla.github.io/devtools-perf-game/sounds/planetHit.ogg. (Reason: CORS request failed).

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.