Skip to content

Commit

Permalink
copywriting updates
Browse files Browse the repository at this point in the history
  • Loading branch information
williamngan committed Aug 8, 2018
1 parent 2592491 commit b36ee51
Show file tree
Hide file tree
Showing 3 changed files with 10 additions and 10 deletions.
Binary file added assets/pts_cover.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 4 additions & 4 deletions demo/more/tfjs_posenet/README.md
Original file line number Diff line number Diff line change
@@ -1,18 +1,18 @@
# Visualizing Pose with Pts and tensorflow.js

Demos using [Pts](https://ptsjs.org) to draw poses estimated by [tensorflow.js](https://js.tensorflow.org/)'s [PoseNet](https://medium.com/tensorflow/real-time-human-pose-estimation-in-the-browser-with-tensorflow-js-7dd0bc881cd5). It includes a `BodyPose` class which helps you manage and visualize the key points. This is still very much in a hacky prototype form, so please enjoy the ride :)
Demos using [Pts](https://ptsjs.org) to draw poses estimated by [tensorflow.js](https://js.tensorflow.org/)'s [PoseNet](https://medium.com/tensorflow/real-time-human-pose-estimation-in-the-browser-with-tensorflow-js-7dd0bc881cd5). It includes a [BodyPose](./js/bodypose.js) class which helps you manage and visualize the key points. This is still very much in a hacky prototype form, so please enjoy the ride :)

### Demos

- `a.html` is a simple demo that visualize an estimated pose from a static image.
- `a.html` is a simple demo that visualize an estimated pose from a static image. ([source code](./a.html))

![image a](./img/a.png)

- `b.html` demonstrates how to take a webcam input, get the pose estimation, and draw the pose in an expressive way. Inspired by Matisse's paper cut-outs.
- [`b.html`](./b.html) demonstrates how to take a webcam input, get the pose estimation, and draw the pose in an expressive way. ([source code](./b.html)) Inspired by Matisse's paper cut-outs. You can also try a [live version here](https://ptsjs.org/demo/more/tfjs_posenet/b.html) (experimental, require webcam access).

![image b](./img/b.png)

- `c.html` is similar to "b" but using a video file. Inspired by Oskar Schlemmer's Triadic Ballet.
- [`c.html`](./c.html) is similar to "b" but using a video file. Inspired by Oskar Schlemmer's Triadic Ballet. ([source code](./c.html))

![image c](./img/c.png)

Expand Down
12 changes: 6 additions & 6 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -52,21 +52,21 @@ <h3>Connecting the dots</h3>
<!-- <p>A point represents the basic building block, the smallest idea, within a vast conceptual space. </p> -->
<!-- <p>Can you find the Big Dipper in a sky full of stars? Can you discover, through your mind's eyes, invisible points in conceptual spaces too?</p> -->
<!-- <p>Pts helps you connect and express those invisible points — as ideas, shapes, colors, motions, sounds, and more. </p> -->
<p>Pts is about connecting the dots, like seeing the Big Dipper in a sky full of stars, like spotting dust in the air illuminated by a beam of light.</p>
<p>Pts enables you to compose and visualize these invisible points, and to creatively express what you see in your mind's eyes — points as ideas, shapes, colors, motions, interactions, and more.</p>
<p>Like seeing the Big Dipper in a sky full of stars, Pts helps you connect the dots in the vastness of conceptual spaces.</p>
<p>Pts enables you to compose and visualize the invisible points, and to creatively express what you see in your mind's eyes — points as ideas, shapes, colors, motions, interactions, and more.</p>
<a href="./guide/Get-started-0100.html"><div class="cta">Get started</div></a>
</div>
<div class="subcol">
<h3>A modern javascript library</h3>
<p>Written in typescript and compiled to javascript ES6, Pts is lightweight and modular. It also comes with many useful algorithms for data visualization and creative coding.</p>
<p>Written in typescript and compiled to javascript ES6, Pts is lightweight and modular. It comes with many useful algorithms for data visualization and creative coding.</p>
<p>Use it directly (link from <a href="https://unpkg.com/pts/dist/pts.min.js">unpkg</a> or download from <a href="https://github.com/williamngan/pts/blob/master/dist/pts.min.js">github</a>):<br />
<code>&lt;script src="/path/to/pts.min.js"&gt;&lt;/script&gt;</code></p>
<p>Or install it via <a href="https://www.npmjs.com/package/pts" target="_blank">npm</a> like this: <br />
<code>npm install pts</code>
</p>
<p>Draw a dot that follows the pointer in a single line of code: <br />
<code>Pts.quickStart("myID")(t => form.point(space.pointer))</code>
<br />Or <a href="./demo/edit/?name=pts.quickStart">something more</a> in just 5 lines of code.
<br />Or <a href="./demo/?name=pts.quickStart">something more</a> in just 5 lines of code.
</p>
<a href="./demo/"><div class="cta">See demos</div></a>
</div>
Expand All @@ -85,13 +85,13 @@ <h3>A modern javascript library</h3>
</div>
</div><div class="feature">
<div class="image" style="background: url(./assets/feature3.jpg) center center"></div>
<div class="usage"><strong>Handy functions</strong> for geometry, color, simulation, and many more.
<div class="usage"><strong>Handy functions</strong> for geometry, colors, simulations, and many more.
<div class="cta-link"><a href="./demo/?name=create.delaunay">See a fun demo ›</a></div>
</div>
</div><div class="feature">
<div class="image" style="background: url(./assets/feature4.jpg) center center"></div>
<div class="usage"><strong>Lightweight library</strong> to use on its own, and together with other libraries.
<div class="cta-link"><a href="https://github.com/williamngan/pts/tree/master/demo/more/tfjs_posenet" target="_blank">Use it with tensorflow.js ›</a></div>
<div class="cta-link"><a href="https://github.com/williamngan/pts/blob/master/demo/more/tfjs_posenet/README.md" target="_blank">Use it with tensorflow.js ›</a></div>
</div>
</div>
</div>
Expand Down

0 comments on commit b36ee51

Please sign in to comment.