> For the complete documentation index, see [llms.txt](https://sharinghub-eng.kittenbot.hk/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sharinghub-eng.kittenbot.hk/extension-boards/joyfrog/joyfrogkb.md).

# JoyFrog Coding with Kittenblock

### Kittenblock Coding Tutorial

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/kbbanner.png)

Connect JoyFrog to a computer with a USB cable.

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/joyfrogcon.png)

Select JoyFrog from the Hardware selection menu.

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/jfadd.png)

The programming blocks for JoyFrog will be added.

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/jfsuccess.png)

Click the Exclamation Mark Icon and select your device.

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/jf11.png)

A melody will sound when JoyFrog is connected to Kittenblock.

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/jf12.png)

#### Using the buttons and the joystick.

The buttons and the joystick input is mapped to individual keyboard keys.

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/jf_2p3.png)

The edge connectors are mapped to the number keys.

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/jf13.png)

#### Making a Piano:

We can make a basic piano using the edge connectors.

Try connecting different conductive objects to create your own unique keyboard!

```
The notes correspond to numbers 1~8.
```

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/jf14.png)

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/piano1.png)

You can connect earphones or speakers to the 3.5mm audio jack.

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/joyfrog_3.5.png)

#### InfraRed Trasmission and Receive:

Transmitting and receiving an infrared signal.

```
The infrared signals are in a hexadecimal format.
```

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/jf15.png)

#### Digital read and write:

Reading and writing digital values.

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/joyfrogButton.png)

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/jf16.png)

#### Analog read and write:

Reading and writing analog(PWM) values.

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/joyfrogServo.png)

![](https://kittenbothk-eng.readthedocs.io/en/latest/_images/jf17.png)