Closed princeibs closed 2 weeks ago
I am applying to this issue via OnlyDust platform.
I can take on this
Can I be assign this
I am applying to this issue via OnlyDust platform.
I am a frontend developer
Audio
for web, expo-av
for React Native).I am applying to this issue via OnlyDust platform.
I'm a frontend developer
I’ll start by visiting FreeSound.org and searching for a "click" sound that fits the vibe of the game. I’ll look for something short and crisp. After previewing a few options, I’ll download the one that seems most suitable. I’ll also double-check that the license matches the use case, especially if it’s a commercial project.
I’ll ensure that the sound file is in a compatible format like .mp3 or .wav. If it’s not, I’ll convert it using an audio tool. If needed, I’ll edit the sound to adjust the volume or trim any excess using software like Audacity. Once the sound is ready, I’ll place the file in the project’s directory, ideally in a location like assets/sounds/.
I’ll import the sound file into the React component where the board is rendered. I’ll then set up an audio object using the sound file so it can be triggered when needed. Finally, I’ll attach the sound to the square click event so that each time a square is clicked, the sound plays to give the user instant feedback.
I am applying to this issue via OnlyDust platform.
I'm a frontend and a blockchain developer and I will love to work on this
To make a sound when a player clicks any square on the board paths, i did follow these steps:
Define Sound Files: Choose or create appropriate sound effects for clicks (e.g., a subtle chime or click sound).
Integrate Sound Engine: Use a sound engine or library compatible with your development environment (e.g., HTML5 Audio API, Unity Audio, etc.).
Event Listener Setup: Add event listeners to each square on the board that will trigger the sound effect when clicked.
Load and Play Sound: Ensure the sound files are preloaded and played through the event listener on each click event.
Test and Optimize: Test the implementation to ensure sound plays correctly and adjust volume or timing as needed for optimal user experience.
I am applying via OnlyDust Platform
I am a frontend Dev and a Solidity Developer.
Search for Suitable Sound:
Download and Test Sound Options:
Integrate the Sound into the Game:
Playtest the Sound Implementation:
Optimize and Adjust:
I am applying to this issue via OnlyDust platform.
I am a full stack Web3 developer with over a year of experience in creating dapps. Prior to that, I have been working as a full stack developer. My tech stacks include Next.js, React.js, Express.js and typescript. My speciality is creating beautiful frontends and complex backend designs. I love contributing to open source repositories where I can learn new stuff and contribute to the development of an organisation.
The 'Audio' object of HTML can be used to make sounds in the application when player clicks on any square in the board path. Here is a sample code on how we can make sounds when a button is clicked:
'use client';
import { useCallback } from 'react';
const SoundButton = () => {
const soundPath = '/sound.mp3';
const playSound = useCallback(() => {
const audio = new Audio(soundPath);
audio.play();
}, []);
return (
<button onClick={playSound} className="p-4 bg-blue-500 text-white rounded-lg">
Click Me!
</button>
);
};
export default SoundButton;
We can implement this functionality in this way and hence, the sound making system can be achieved. If assigned to me, I will also:
I would really like to work and resolve this issue, so please assign me @princeibs
I am applying to this issue via OnlyDust platform.
I am a full-stack developer with experience in different languages, like Python, Cairo, Solidity, React, and JavaScript.
I will use a consistent sound effect for all board squares. Ensure the sound is not too loud or distracting. Test the implementation on different devices and browsers.
I am applying to this issue via OnlyDust platform.
I'm a Full Stack Web Developer with a solid background in front-end and back-end development. So it will be a pleasure to contribute for the first time to this great project. I'm member of Dojo Coding
Search for Suitable Sound Effects:
Evaluate and Download:
.mp3
or .ogg
) if necessary.Implement the Sound in the Application:
The implementation in React could look something like this:
import React, { useEffect } from 'react';
import clickSound from './assets/sounds/click.mp3';
const BoardSquare = ({ onClick }) => {
const handleClick = () => {
const audio = new Audio(clickSound);
audio.play();
onClick();
};
return <div onClick={handleClick} className="board-square"></div>;
};
export default BoardSquare;
Testing and Optimization:
Documentation and Code Review:
Join the StarkLudo Contributors Channel:
I am applying to this issue via OnlyDust platform.
Hello, am a frontend developer with experience in using frontend technologies and some level of understanding of the implementations in the ludo game.
i believe with my understanding of the frontend end implementation i would be able to contribute to the project.
Hello, am a frontend developer with experience in using frontend technologies and some level of understanding of the implementations in the ludo game.
i believe with my understanding of the frontend end implementation i would be able to contribute to the project.
The maintainer princeibs has assigned kateberryd to this issue via OnlyDust Platform. Good luck!
When a player clicks any of the square along the board path, a click sound should be made in response. Search for suitable sounds at https://freesound.org/
If you have any more questions or need more clarity on this issue, endeavour to join the StarkLudo contributors channel (https://t.me/+hnjQooODZOA2M2Rk) on Telegram and the project leads will be there to help.