open-index/open-npm huggingface dataset:
npm package: @naszos/game-utils
Description: Random utilities to make creating html canvas games easier
Latest version: 0.1.2

# Game utils

Random utilities to make creating html canvas games easier

## How to get started

Create a html document with `<canvas>` element and give it an id eg. `<canvas id="game-canvas"></canvas>`. Then you add js/ts.

Here's an example for ball bouncing up and down, a bit lower with every bounce, that also has onClick handler

```typescript
const canvas = new Canvas("game-canvas", { fullScreen: true, background: "#111" });

class Ball extends PhysicsBody {
  radius: number;
  color: string;

  constructor() {
    super({ position: Vector2.random([0, 0], [canvas.screenWidth, canvas.screenHeight]), gravity: 100, friction: 10 });
    this.color = "#fff";
    this.radius = 10;
    this.collisionShapes = [new CollisionCircle({ parent: this, radius: this.radius })];

    this.setClickHandler(this.onClick);
  }

  onClick = () => console.log("clicked");

  draw(canvas: Canvas) {
    canvas.drawCircle(this.position, this.radius, { fill: this.color });
  }

  update(deltaTime: number, canvas: Canvas) {
    super.update(deltaTime, canvas);

    this.position.x = clamp(this.position.x, this.radius, canvas.screenWidth - this.radius - 1, () => (this.velocity.x *= -1));
    this.position.y = clamp(this.position.y, this.radius, canvas.screenHeight - this.radius - 1, () => (this.velocity.y *= -1));
  }
}

canvas.addEntity(new Ball());
```
npm package: @nat-lang/natvs
Description: vscode natlang support
Author: alexander shilen
Latest version: 0.0.5

# natvs README

This is the README for your extension "natvs". After writing up a brief description, we recommend including the following sections.

## Features

Describe specific features of your extension including screenshots of your extension in action. Image paths are relative to this README file.

For example if there is an image subfolder under your extension project workspace:

\!\[feature X\]\(images/feature-x.png\)

> Tip: Many popular extensions utilize animations. This is an excellent way to show off your extension! We recommend short, focused animations that are easy to follow.

## Requirements

If you have any requirements or dependencies, add a section describing those and how to install and configure them.

## Extension Settings

Include if your extension adds any VS Code settings through the `contributes.configuration` extension point.

For example:

This extension contributes the following settings:

* `myExtension.enable`: Enable/disable this extension.
* `myExtension.thing`: Set to `blah` to do something.

## Known Issues

Calling out known issues can help limit users opening duplicate issues against your extension.

## Release Notes

Users appreciate release notes as you update your extension.

### 1.0.0

Initial release of ...

### 1.0.1

Fixed issue #.

### 1.1.0

Added features X, Y, and Z.

---

## Working with Markdown

You can author your README using Visual Studio Code. Here are some useful editor keyboard shortcuts:

* Split the editor (`Cmd+\` on macOS or `Ctrl+\` on Windows and Linux).
* Toggle preview (`Shift+Cmd+V` on macOS or `Shift+Ctrl+V` on Windows and Linux).
* Press `Ctrl+Space` (Windows, Linux, macOS) to see a list of Markdown snippets.

## For more information

* [Visual Studio Code's Markdown Support](http://code.visualstudio.com/docs/languages/markdown)
* [Markdown Syntax Reference](https://help.github.com/articles/markdown-basics/)

**Enjoy!**