Coder Social home page Coder Social logo

chavi362 / icy-tower Goto Github PK

View Code? Open in Web Editor NEW
43.0 2.0 20.0 9.14 MB

An interactive Icy Tower Game built with Java Script, html, and CSS. Let's come to contribute or play!

License: Other

CSS 26.92% HTML 23.17% JavaScript 49.91%
begginer-friendly canvas-game css gamification good-first-issue help-wanted html5 icy-tower icy-tower-game java-script

icy-tower's Introduction

Hi! I'm happy to see you here!


chavi362

About Me :

  • πŸ”­ I’m a computer science student who loves coding and tech. Always learning and creating.
  • πŸ”­ I’m a Quick learner with a proactive attitude towards acquiring new skills and technologies.
  • 🌱Coding Enthusiast: I breathe, eat, and dream in code! Whether it's crafting sleek web applications, exploring the depths of algorithms, or building robust software, I find joy in bringing ideas to life through programming. My curiosity and desire to constantly learn drive me to read everything about tech.
  • πŸ“š Collaboration and Growth: I believe that communicating with people about technology is the best way to learn new and fascinating things. I thrive in team environments. I love to engage in meaningful discussions, share ideas, and contribute to open-source projects. Building a vibrant developer community is essential for collective progress.
  • πŸ“« Contact: You can reach me via my email or via my LinkedIn.

Support

If you find my projects helpful or interesting, consider giving them a . It means a lot to me!

Languages and Tools

icon
React
icon
C#
Git s
.Net
icon
C++
icon
JavaScript
icon
Python
icon
MySQL
icon
Django
icon
Github
HTML5
HTML5
css
CSS
bootstrap
Bootstrap
SQL
SQL
Nodejs
Nodejs


-----

Github Stats

chavi362



Thank you for visiting my profile. Have a great day! 🌟

icy-tower's People

Contributors

binsmyth avatar chavi362 avatar cyanedel avatar hadassaavimor avatar iprathammishra avatar jcruz525 avatar jiri132 avatar kaoselegent avatar n3v1 avatar prakharbhardwaj1504 avatar rottencarrot21 avatar tamar968 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

Watchers

 avatar  avatar

icy-tower's Issues

Make Icy Tower Game Mobile-Friendly

Currently, the Icy Tower game is designed to work only on computers. We want to make it compatible with smartphones as well to expand its reach and provide a better gaming experience for mobile users. This issue is to track the modifications needed to adapt the game for smartphone gameplay.
The icy-tower is already responsive, so you can see everything look good also in small screen.
So, in order to adjust it for mobile you only have to:- Implement touch-based controls to replace keyboard controls. This can include swiping left or right for character movement and tapping or swiping upwards for jumping.

  • Ensure that the touch controls are intuitive and responsive, providing a smooth gaming experience.
    If you can , tuo can do also testing:
  • Thoroughly test the game on various smartphones and tablets with different screen sizes, resolutions, and operating systems.
  • Identify and fix any issues or bugs that may arise during mobile testing.

Please feel free to ask any questions or seek clarification on specific tasks. Let's work together to make the Icy Tower game mobile-friendly and accessible to a wider audience

Bug: hero drops

After you get 12 points or more sometimes the character just drops for no reason so it's hard to get a good score in the game.
In order to solve it, you have to find the problem in tower.js
Maby the problem is something with the moving blocks function but I really don't know..
If you can help me with it, I would be very happy!

adding audio

Currently, the Icy Tower game lacks audio support, which greatly affects the overall gaming experience. In order to enhance the gameplay and make it more immersive, we need to add audio features to various game events. This issue aims to implement the following audio functionalities:

  1. Create an "audio" folder:

    • Create a new folder named "audio" in the game's directory to store all the audio files related to different game events.
  2. Audio for wall time:

    • Add audio to indicate the passage of time while climbing the walls. This audio should play continuously in the background while the character is climbing.
  3. Special audio for climbing on a new stone:

    • Implement a unique sound effect that plays each time the character successfully climbs onto a new stone. This audio should signify progress and success in the game.
  4. Audio for falling and game over:

    • Include an audio cue when the character falls and the game ends. This audio should indicate the failure and conclusion of the game, creating a more engaging experience for the player.
  5. Applause sound effect after the game ends:

    • Add an applause sound effect to play once the game is over. This audio will serve as positive reinforcement and add a sense of accomplishment for the player.
  6. Audio during score display:

    • Introduce a short audio clip when displaying the final score. This audio should create a satisfying moment for the player and encourage them to improve their performance.

It is expected that the audio files used for these features will be in a compatible format and stored in the "audio" folder added to the game's repository.

Please note that the implementation of audio support may require adjustments to the game's codebase to integrate the

Character hover

Hoverin over one character changed the size of the other as well, making the screen cluttered. Also, the scroll bar appeared and changed the size of other background containers making the screen feel awkward. Created a merge request fixing both those issues.

UI Revamp

Hi @chavi362,
I have some ideas for a new well-designed GUI:

  • Maybe use another font
  • [ ]

Adding-note-of-thanks

Please add in the bottom of the Readme file thanks to all the contributors (of course you can thank also you)
Please Χ¦ake it look nice. You can be creative!!!
Good Luck

Add comments to tower.js

The file tower.js is a little bit complicated, so, It would be good to add it comments.
I recommend to play with the game before adding the comments, because it can help in understanding the tower.js
Good Luck!

Config Prettier

Hi @chavi362,
I can config prettier a code formatter which I also use in many repos of mine
Pls assign this issue to me

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.