### Define Global JavaScript Constants for Eva.js

Source: https://github.com/eva-engine/eva.js/blob/dev/examples/index.html

Initializes global constants `__TEST__` and `__DEV__` to `true` for development and testing purposes. It also sets `window.global` to `window`, which can be useful for compatibility or ensuring global scope access in certain environments.

```javascript
const __TEST__ = true;
const __DEV__ = true;
window.global = window;
```

--------------------------------

### Install Eva.js and Plugins with NPM

Source: https://github.com/eva-engine/eva.js/blob/dev/README.md

Instructions to install the core Eva.js library along with its renderer and image renderer plugins using npm, saving them as project dependencies.

```bash
npm i @eva/eva.js @eva/plugin-renderer @eva/plugin-renderer-img --save
```

--------------------------------

### Initialize and Render Image in Eva.js Game

Source: https://github.com/eva-engine/eva.js/blob/dev/README.md

A comprehensive JavaScript example demonstrating how to initialize an Eva.js game, load an image resource, create a GameObject, add an image component, and display it on the canvas. It showcases the basic setup for a visual game element.

```javascript
import { Game, GameObject, resource, RESOURCE_TYPE } from '@eva/eva.js';
import { RendererSystem } from '@eva/plugin-renderer';
import { Img, ImgSystem } from '@eva/plugin-renderer-img';

resource.addResource([
  {
    name: 'imageName',
    type: RESOURCE_TYPE.IMAGE,
    src: {
      image: {
        type: 'png',
        url:
          'https://gw.alicdn.com/tfs/TB1DNzoOvb2gK0jSZK9XXaEgFXa-658-1152.webp',
      },
    },
    preload: true,
  },
]);

const game = new Game({
  systems: [
    new RendererSystem({
      canvas: document.querySelector('#canvas'),
      width: 750,
      height: 1000,
    }),
    new ImgSystem(),
  ],
});

const image = new GameObject('image', {
  size: { width: 750, height: 1319 },
  origin: { x: 0, y: 0 },
  position: {
    x: 0,
    y: -319,
  },
  anchor: {
    x: 0,
    y: 0,
  },
});

image.addComponent(
  new Img({
    resource: 'imageName',
  })
);

game.scene.addChild(image);
```

--------------------------------

### Apply Basic CSS for Full-Screen Layout in Eva.js

Source: https://github.com/eva-engine/eva.js/blob/dev/examples/index.html

Provides essential CSS rules to ensure the HTML and body elements occupy the full viewport height and width, preventing unwanted scrollbars by hiding overflow. It also sets the `#canvas` element to occupy the full viewport width, which is typical for full-screen applications or games.

```css
html { height: 100vh; overflow: hidden; }
body { width: 100vw; height: 100vh; margin: 0; }
#canvas { width: 100vw; }
```

--------------------------------

### TypeScript Module for Eva.js Development Example

Source: https://github.com/eva-engine/eva.js/blob/dev/examples/README.md

This TypeScript code snippet illustrates the basic structure for an Eva.js development example module. It exports a 'name' string to be used as the page title and an 'init' asynchronous function that accepts an HTMLCanvasElement, where the Eva.js Game instance is initialized.

```typescript
import { Game} from "../../packages/eva.js/lib";
export const name = 'compressed-textures';
export const init = async (canvas:HTMLCanvasElement)=>{
  // your code here.
  const game = new Game();
  // you can write your code continue...
}
```

--------------------------------

### Importing plugin-renderer-test Module in Node.js

Source: https://github.com/eva-engine/eva.js/blob/dev/packages/plugin-renderer-test/README.md

This snippet demonstrates how to import the `plugin-renderer-test` module into a Node.js application using the `require()` function. It serves as the initial step for utilizing the module's functionalities, with further API demonstration marked as a 'TODO'.

```javascript
const pluginRendererTest = require('plugin-renderer-test');

// TODO: DEMONSTRATE API
```

--------------------------------

### Include Eva.js in Browser via CDN

Source: https://github.com/eva-engine/eva.js/blob/dev/README.md

Demonstrates how to include the Eva.js library directly in an HTML page using a CDN link for browser-based projects, allowing immediate use without a build step.

```html
<script src="https://unpkg.com/@eva/eva.js@1.0.4/dist/EVA.min.js"></script>
```

--------------------------------

### Define HTML Canvas for Eva.js Game

Source: https://github.com/eva-engine/eva.js/blob/dev/README.md

Provides the basic HTML structure for a canvas element, which serves as the rendering target for an Eva.js game. This canvas is where all game visuals will be drawn.

```html
<canvas id="canvas" ></canvas>
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.