/species-in-pieces

This is a test project using svg polygon to show some wonderful pictures.

Primary LanguageJavaScript

species-in-pieces

这个项目用于一种很有趣的展示方式，这里面的数据和内容我来源于这个网站，我喜欢这类极富创意的展示方式。

Develop

We use node.js to build our develop environment. Our code depend on following project:

  • Node.js(NPM)
  • React
  • Webpack

Start develop environment with following step.

  1. Install dependencies.
$ npm install
  1. Build data (MacOS/Linux, If you use Windows, please see command in utils/work.sh)
$ ./utils/work.sh
  1. Start webpack in develop environment
$ npm run dev
  1. Visit in browser at http://localhost:8080/.

Make Images

I use Primitive to get those images.

$ primitive -i ./input.jpg -o ./output.svg -n 300 -a 255 -s 500 -r 500

Depoly

Deploy static files with following step.

  1. Build static files.
$ npm run deploy
  1. Find static files in root/dist/.

Version

Version is built in this format: vx.y[.z]

x: API version changed, tech stack changed.
y: New feature/api introduced, Code architecture changed.
z: bug fixed, small feature/improvment.

LICENSE

Copyright 2016 XU XIAOMENG(@sekaiamber)

Released under the MIT and GPL (version 2 or later) Licenses.