GithubHelp home page GithubHelp logo

tanaikech / shapeapp Goto Github PK

View Code? Open in Web Editor NEW
7.0 6.0 4.0 425 KB

This is an add-on application for manipulating shapes on Google Slide. It can create and update shapes by inputting parameters, and can arrange shapes. This is made of Google Apps Scripts (GAS).

License: MIT License

JavaScript 38.49% HTML 61.51%
google-apps-script google-slides add-on addon

shapeapp's Introduction

ShapeApp

MIT License

Overview

This is an add-on application for manipulating shapes on Google Slide. It can create and update shapes by inputting parameters, and can arrange shapes. This is made of Google Apps Scripts (GAS).

Demo

Description

Have you ever thought about creating and updating shapes on Google Slides by inputting parameters, and arranging selected shapes? I have thought about them. Recently, since Class SlidesApp was added to GAS, it came to be able to easily to create various applications for Slides. So I created this. This application is add-on application which was made of GAS. This application has the following functions.

  1. Create shapes
    • Users can create shapes by inputting parameters which are Shape type, Width[pt], Height[pt], Rotation[degree], Position X [pt], Position Y [pt] and Production number.
  2. Retrieve a shape information
    • Users can get the information (Object ID, Shape type, Width[pt], Height[pt], Rotation[degree], Position X [pt], Position Y [pt] and Production number) of the shape by selecting a shape.
  3. Update shapes
    • This function is performed the same stage with "Retrieve a shape information".
    • Users can update the selected shape using retrieved parameters which are Width[pt], Height[pt], Rotation[degree], Position X [pt], Position Y [pt] and Production number.
  4. Arrange shapes
    • Users can arrange selected shapes to lateral and vertical direction.
    • If "Open at edge" is selected, the shapes are not placed at both edges of the Slide. If "Close at edge" is selected, the shapes are also placed at both edges of the Slide.

At January 6th, 2018, this was published as an add-on application.

At February 15th, 2018, this add-on was featured as one of "4 useful add-ons launched last month".

How to install

chrome.google.com/webstore

You can install this add-on at chrome.google.com/webstore. Of course, it's free.

On your slide

Also you can install on your Slides.

  1. Create new Google Slide.
  2. Click "Add-ons" at menu bar.
  3. Select "Get add-ons".
  4. Input "ShapeApp" in "Search add-ons".
  5. Install ShapeApp.

Usage

You can also see the usage from the above demonstration movie.

Post-install tip

  1. After installation, click Add-ons -> ShapeApp -> Launch ShapeApp
  2. By this, add-on is launched at sidebar, users can see 3 buttons of "Create", "Update" and "Arrange".
  3. When "Create" button is clicked, it's a mode for creating shapes. Users can create new shapes by inputting parameters which are Shape type, Width[pt], Height[pt], Rotation[degree], Position X [pt], Position Y [pt] and Production number and clicking "Create shape" button at the bottom. Production number means that the number of copies of the creating shape.
  4. When "Update" button is clicked, it's a mode for updating shapes. At first, users select one shape from the Slide of left side and click "Select shape" button. By this, the information of selected shape is displayed to text boxes. Those are Object ID, Shape type, Width[pt], Height[pt], Rotation[degree], Position X [pt], Position Y [pt] and Production number. Only Object ID and Shape type cannot be modified. Users can modify each parameter except for Object ID and Shape type. When the modification is completed, users click "Update shape" button. By this, the shape is updated by the parameters. Reproduction number means that the number of copies of the selected shape.
  5. When "Arrange" button is clicked, it's a mode for arranging shapes. At first, users select some shapes from the Slide of left side. The selected shapes can be arranged by clicking "Arrange shapes". Here, users can select the arrange type using selecting radio buttons. When "Arrange in lateral direction" and "Arrange in vertical direction" are selected, the selected shapes are arranged to the lateral and vertical direction, respectively. At that time, if "Open at edge" is selected, the shapes are not placed at both edges of the Slide. If "Close at edge" is selected, the shapes are also placed at both edges of the Slide. If the total length of selected shapes is larger than the page size of Slide, an error message is displayed by the pop-up dialog.

Q&A


Licence

MIT

Author

Tanaike

If you have any questions and commissions for me, feel free to tell me.

Update History

  • v1.0.0 (January 4, 2018)

    1. Initial release.
      • It starts to wait for publishing this add-on.

TOP

shapeapp's People

Contributors

tanaikech avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.