# Environment

## `frameCount`

This variable stores how many frames have been drawn since the sketch (most recently) started.

![](https://768248463-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqbs7pgU3AVBY06Rl9M31%2Fuploads%2FtvCysxmuOOtgJUKVdmm9%2FframeCount.gif?alt=media\&token=2ed39558-1002-4de0-bc55-9c04e7cc8321)

For example - if the frame rate is set to 60 (which is the default) - after 3 seconds, frameCount = 180 because this is how many frames have been drawn during that time.

## `width`

This variable stores the width of the **canvas in pixels**, not to be confused with the width of the window, `windowWidth`

<figure><img src="https://768248463-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqbs7pgU3AVBY06Rl9M31%2Fuploads%2FMaoURCNqJgUdzcfgVgIT%2Fwidth.png?alt=media&#x26;token=7883e2c1-5ac6-4b17-ab5e-05b48f2a1ad2" alt=""><figcaption></figcaption></figure>

## `height`

This variable stores the height of the **canvas in pixels**, not to be confused with the height of the window, `windowHeight`

<figure><img src="https://768248463-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqbs7pgU3AVBY06Rl9M31%2Fuploads%2FsYghywZu2GYBcWEl80NT%2Fheight.png?alt=media&#x26;token=139f5f6b-27a3-410c-9d51-6df867cb8224" alt=""><figcaption></figcaption></figure>

## `windowWidth`

This variable stores the width of the **window**, not to be confused with the width of the canvas `width`.\
This variable changes as the window size changes.

<img src="https://768248463-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqbs7pgU3AVBY06Rl9M31%2Fuploads%2FKGT7rbrtn0h3ucBAiWyh%2FwindowWidth.gif?alt=media&#x26;token=03756cec-7c28-4610-b586-1d559798ea15" alt="" data-size="original">

## `windowHeight`

This variable stores the height of the **window**, not to be confused with the height of the canvas `height`.\
This variable changes as the window size changes.

![](https://768248463-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqbs7pgU3AVBY06Rl9M31%2Fuploads%2FAKbTsSkXq596IsPLaaFZ%2FwindowHeight.gif?alt=media\&token=6b234618-0968-4d48-ac96-c23516fdf9d9)

{% hint style="info" %}
Find these documents helpful? Let the people who made them help your child learn to code at [**Strivemath**](https://www.strivemath.com/)<mark style="color:blue;">**!**</mark>

We'd love to hear your Feedback/Comments [here](https://docs.google.com/forms/d/e/1FAIpQLSeqorBAGTya-YBRI-VFjJxtgQtCz3ucGDI96K96sNyuaGuvdw/viewform?usp=sf_link).
{% endhint %}