Framed screenshot better

This commit is contained in:
Zakary Timson 2023-11-23 16:16:12 +00:00
parent 89367aedb8
commit 02a06e204e

154
README.md
View File

@ -1,77 +1,77 @@
<!-- Header --> <!-- Header -->
<div id="top" align="center"> <div id="top" align="center">
<br /> <br />
<!-- Logo --> <!-- Logo -->
<img src="https://git.zakscode.com/repo-avatars/ff3dc79d3d4c32867dad830d856fb9a7f6abd6f3527837e3d697683e16b314c2" alt="Logo" width="200" height="200"> <img src="https://git.zakscode.com/repo-avatars/ff3dc79d3d4c32867dad830d856fb9a7f6abd6f3527837e3d697683e16b314c2" alt="Logo" width="200" height="200">
<!-- Title --> <!-- Title -->
### Cell ### Cell
<!-- Description --> <!-- Description -->
Program your own "cell" Program your own "cell"
<!-- Repo badges --> <!-- Repo badges -->
[![Version](https://img.shields.io/badge/dynamic/json.svg?label=Version&style=for-the-badge&url=https://git.zakscode.com/api/v1/repos/ztimson/Cell/tags&query=$[0].name)](https://git.zakscode.com/ztimson/Cell/tags) [![Version](https://img.shields.io/badge/dynamic/json.svg?label=Version&style=for-the-badge&url=https://git.zakscode.com/api/v1/repos/ztimson/Cell/tags&query=$[0].name)](https://git.zakscode.com/ztimson/Cell/tags)
[![Pull Requests](https://img.shields.io/badge/dynamic/json.svg?label=Pull%20Requests&style=for-the-badge&url=https://git.zakscode.com/api/v1/repos/ztimson/Cell&query=open_pr_counter)](https://git.zakscode.com/ztimson/Cell/pulls) [![Pull Requests](https://img.shields.io/badge/dynamic/json.svg?label=Pull%20Requests&style=for-the-badge&url=https://git.zakscode.com/api/v1/repos/ztimson/Cell&query=open_pr_counter)](https://git.zakscode.com/ztimson/Cell/pulls)
[![Issues](https://img.shields.io/badge/dynamic/json.svg?label=Issues&style=for-the-badge&url=https://git.zakscode.com/api/v1/repos/ztimson/Cell&query=open_issues_count)](https://git.zakscode.com/ztimson/Cell/issues) [![Issues](https://img.shields.io/badge/dynamic/json.svg?label=Issues&style=for-the-badge&url=https://git.zakscode.com/api/v1/repos/ztimson/Cell&query=open_issues_count)](https://git.zakscode.com/ztimson/Cell/issues)
<!-- Links --> <!-- Links -->
--- ---
<div> <div>
<a href="https://git.zakscode.com/ztimson/template/wiki" target="_blank">Documentation</a> <a href="https://git.zakscode.com/ztimson/template/wiki" target="_blank">Documentation</a>
<a href="https://git.zakscode.com/ztimson/template/releases" target="_blank">Release Notes</a> <a href="https://git.zakscode.com/ztimson/template/releases" target="_blank">Release Notes</a>
<a href="https://git.zakscode.com/ztimson/template/issues/new?template=.github%2fissue_template%2fbug.md" target="_blank">Report a Bug</a> <a href="https://git.zakscode.com/ztimson/template/issues/new?template=.github%2fissue_template%2fbug.md" target="_blank">Report a Bug</a>
<a href="https://git.zakscode.com/ztimson/template/issues/new?template=.github%2fissue_template%2fenhancement.md" target="_blank">Request a Feature</a> <a href="https://git.zakscode.com/ztimson/template/issues/new?template=.github%2fissue_template%2fenhancement.md" target="_blank">Request a Feature</a>
</div> </div>
--- ---
</div> </div>
## Table of Contents ## Table of Contents
- [Cell](#top) - [Cell](#top)
- [About](#about) - [About](#about)
- [Built With](#built-with) - [Built With](#built-with)
- [Setup](#setup) - [Setup](#setup)
- [Development](#development) - [Development](#development)
- [License](#license) - [License](#license)
## About ## About
![Screenshot](./docs/Screenshot%202023-08-14%20164737.png) <img alt="Screenshot" src="./docs/Screenshot%202023-08-14%20164737.png" width="75%" height="auto">
Cell is an experimental game concept. It's goal is to create a fun programming game themed around microscopic cells & their evolution. Cell is an experimental game concept. It's goal is to create a fun programming game themed around microscopic cells & their evolution.
Players have access to an API in _Javascript_ to program a cell to consume other cells & survive a hostile environment. As the user progresses they will gain access to more of the API allowing their cells to become more complex. Players have access to an API in _Javascript_ to program a cell to consume other cells & survive a hostile environment. As the user progresses they will gain access to more of the API allowing their cells to become more complex.
The game is built using the _p5.js_ to render simple game objects. The game is built using the _p5.js_ to render simple game objects.
### Built With ### Built With
[![JavaScript](https://img.shields.io/badge/JavaScript-000000?style=for-the-badge&logo=javascript)](https://javascript.com/) [![JavaScript](https://img.shields.io/badge/JavaScript-000000?style=for-the-badge&logo=javascript)](https://javascript.com/)
[![Node](https://img.shields.io/badge/Node.js-000000?style=for-the-badge&logo=nodedotjs)](https://nodejs.org/) [![Node](https://img.shields.io/badge/Node.js-000000?style=for-the-badge&logo=nodedotjs)](https://nodejs.org/)
[![p5.js](https://img.shields.io/badge/p5.js-ed225d?style=for-the-badge&logo=p5dotjs&logoColor=white)](https://p5js.org/) [![p5.js](https://img.shields.io/badge/p5.js-ed225d?style=for-the-badge&logo=p5dotjs&logoColor=white)](https://p5js.org/)
[![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?style=for-the-badge&logo=typescript&logoColor=white)](https://typescriptlang.org/) [![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?style=for-the-badge&logo=typescript&logoColor=white)](https://typescriptlang.org/)
## Setup ## Setup
<details> <details>
<summary> <summary>
<h3 id="development" style="display: inline"> <h3 id="development" style="display: inline">
Development Development
</h3> </h3>
</summary> </summary>
#### Prerequisites #### Prerequisites
- [Node.js](https://nodejs.org/en/download) - [Node.js](https://nodejs.org/en/download)
#### Instructions #### Instructions
1. Install the dependencies: `npm install` 1. Install the dependencies: `npm install`
2. Start the Angular server: `npm run start` 2. Start the Angular server: `npm run start`
3. Open [http://localhost:4200](http://localhost:4200) 3. Open [http://localhost:4200](http://localhost:4200)
</details> </details>
## License ## License
Copyright © 2023 Zakary Timson | All Rights Reserved | Available under MIT Licensing Copyright © 2023 Zakary Timson | All Rights Reserved | Available under MIT Licensing
See the [license](./LICENSE) for more information. See the [license](./LICENSE) for more information.