All Projects → williamngan → pts-starter-kit

williamngan / pts-starter-kit

Licence: Apache-2.0 license
Quick start to build your own generative art / visualization / interactive demo using Pts.js. Supports javascript and typescript.

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects

Labels

Projects that are alternatives of or similar to pts-starter-kit

pts-react-example
An example project of using Pts with React, using react-pts-canvas package.
Stars: ✭ 128 (+412%)
Mutual labels:  pts
Pts
A library for visualization and creative-coding
Stars: ✭ 4,628 (+18412%)
Mutual labels:  pts
ttycopy
A tool scanning other terminal.
Stars: ✭ 15 (-40%)
Mutual labels:  pts
viewts
Display PCR, DTS, PTS, bitrate, jitter of a mpeg TS.
Stars: ✭ 46 (+84%)
Mutual labels:  pts
react-pts-canvas
Pts Canvas React Component
Stars: ✭ 22 (-12%)
Mutual labels:  pts

pts-starter-kit

screenshot

This is a sample app to help you get started with Pts.js. Pts supports both javascript (.js) and typescript (.ts). Here we use esbuild to give you smaller file size at faster build speed — This demo is about ~86kb minified and ~26kb gzipped.

If you prefer to use Pts without build steps, you can also link it directly using a CDN like cndjs or unpkg. For example:

<script type="text/javascript" src="https://unpkg.com/pts/dist/pts.min.js"></script>

And you can also try out Pts without any setup using the live demo editor.

Pts is a library for visualizaton and creative coding. Learn more at https://ptsjs.org.

Getting npm and yarn

  1. npm is a package manager for Node, and it comes with Node installation. If you don't have Node yet, download it here.
  2. yarn is an alternative to npm. Run npm i -g yarn to install, or see here for more installation options. Skip this step if you would rather just use npm.

Install

  1. Clone or download this repo.
  2. Go to the folder in terminal, and run yarn (or npm install) to install the dependencies.

Run

  1. Run yarn start (or npm start) to start.
  2. Open localhost:8000 and you should see your app running like the image above
  3. Edit src/app.js to make changes to the sample app

Building for production

Run yarn build (or npm run build).

Note that the Pts library uses es6 features such as extending built-in classes like Array.

Future Improvements

  • Please file an issue if you have suggestions or encounter errors.

License

Apache 2.0 License. See LICENSE file.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].