GithubHelp home page GithubHelp logo

corners2wall / skyscraper Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 8.0 5.72 MB

Build game πŸŒ† of focus and concentration πŸ“ˆ

Home Page: https://skyscraper-game.netlify.app

HTML 0.92% TypeScript 96.23% CSS 2.85%
cannon-es hacktoberfest hacktoberfest-accepted hacktoberfest2023 hactoberfest javascript three-js threejs typescript

skyscraper's People

Stargazers

 avatar  avatar

Watchers

 avatar

skyscraper's Issues

πŸ€– ADD GIT TEMPLATE πŸ’ͺ😎🀳

Hello everyone! This project needs git templates for convenient create git entities. 🧐
So task: πŸ™‹
Add beautiful git template in root directory ./github
types of template:

  • ISSUE_TEMPLATE.md, 🀯
  • PULL_REQUEST_TEMPLATE.md 🀯
    and others if you want it.

Good luck and have fun! 🧑

πŸ€– 2 MINUTES FIX!!! DON'T PASS BY πŸ’ͺ😎🀳

Hello everyone! This repo has bug πŸ˜•
We should fix this. Any way...
So bug: πŸ›
In browser page looks next:
image

  • Please change the page title to "Skyscraper".
  • Add favicon. Looks like build -> πŸ—οΈ or 🏒

JUST DO IT πŸ’ͺπŸ’ͺπŸ’ͺ
Good luck and have fun! 🧑

πŸ€– Make Adaptive πŸ’ͺ😎🀳

Hello everyone! This repo needs adaptive layout πŸ‘·πŸ’₯πŸ’«

Description: for better user experience we should add adaptive layout. πŸ’―πŸ“ˆ

You should event listener:

window.addEventListener( 'resize', onWindowResize, false );

Base implementation of onWindowResizelooks like:

function onWindowResize(){
    camera.aspect = window.innerWidth / window.innerHeight;
    camera.updateProjectionMatrix();

    renderer.setSize( window.innerWidth, window.innerHeight );
}

JUST DO IT πŸ’ͺπŸ’ͺπŸ’ͺ
Good luck and have fun! 🧑

πŸ€– ADD GIT PIPELINE πŸ’ͺ😎🀳

Hello everyone! This project needs git pipeline for better build process . 🧐
So task: πŸ™‹
Add pipeline for this project.

I don't need to add a detailed description since you already know what to do. πŸ”₯πŸ”₯πŸ”₯

JUST DO IT πŸ’ͺπŸ’ͺπŸ’ͺ

Good luck and have fun! 🧑

πŸ€– ADD PRETTIER AND LINTERπŸ’ͺ😎🀳

Hello everyone! This repo needs good code style checking for better contribute into a project. πŸ“ˆ
So task: πŸ™‹

  • Add prettier; πŸ”§
  • Add esLint; πŸ”¨
  • Add script for linting in package.json;
  • Some packages for linting typescript;

In pull request description write about added packages. πŸ“πŸ“πŸ“

I don't need to add a detailed description since you already know what to do. πŸ”₯πŸ”₯πŸ”₯

JUST DO IT πŸ’ͺπŸ’ͺπŸ’ͺ
Good luck and have fun! 🧑

πŸ€– CREATE SOUND CLASSπŸ’ͺ😎🀳

Hello everyone! This repo needs a new entity πŸ‘·πŸ’₯πŸ’«

Description: in future we will add sounds on different user events for better user experience. πŸ’―πŸ“ˆ

What should be done?

  • Add new class Sound in Components folder; 🎸🎷🎻
  • Sound should be implement next interface
interface Sound {
  play(): void; // play sound 
  stop(): void; // stop sound 
  repeat(count: number ): void; // repeat sound `count` once or infinity 
  setVolume(value: number): void // set volume of sound 
}

const gameSound = new Sound('path/to/sound');

P.S. you can be creativity and add more methods.

JUST DO IT πŸ’ͺπŸ’ͺπŸ’ͺ
Good luck and have fun! 🧑

πŸ€– UPDATE README.MDπŸ’ͺ😎🀳

Hello everyone! This repo needs good readme.md for better understanding a project. 🧐
So task: πŸ™‹
Add next section in readme.md;

  • What is inside? (core dependencies in your view in package.json file);
  • Game example (add game process gif);
  • Contributors (how contribute in this project, maybe add bot or other solution);
    and others if you want it.

I don't need to add a detailed description since you already know what to do. πŸ”₯πŸ”₯πŸ”₯

JUST DO IT πŸ’ͺπŸ’ͺπŸ’ͺ
Good luck and have fun! 🧑

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.