Giter VIP home page Giter VIP logo

serialledprogrammerweb's Introduction

serialLEDProgrammer For Web

概要

フルカラーシリアルLED(WS2812系)を制御するLED演出コマンドをブラウザ上で作成できます。作成したLED演出をArduino用シールドや、開発したフルカラーLEDコントローラを介して演出することが可能になります。

Image

-Arduino用評価シールドとは? (作者ブログ記事へ)
-フルカラーLEDコントローラ (作者ブログ記事へ)
-Arduinoシールド頒布品(スイッチサイエンスさん)

公開

公開サイトリンク
※FC2サイトへジャンプします。

シミュレーション

Image

  1. 画面上部のTABでLED演出を選択します。(赤枠の[System]~[Loop])
  2. パラメータを変更します。
  3. レコードリストのボタンからテーブル操作を選択します。(赤枠内の[挿入] [追加] [上書]等)
  4. [演出確認]ボタンで演出確認します。
  5. 上記を繰り返し、目的の演出を作ります。

Image

※ 1行目には必ずSystemの定義を入れるようにしてください。(LED数等の重要な情報です。)
※ パラメータの詳細は、コマンド仕様書を参照してください。

Arduino動作確認

  1. 先のシミュレーションで演出を作ります。
  2. [ソース生成]ボタンでArduino用コードを生成します。
  3. 生成したコードを選択しコピーします。
  4. Arduino IDEを起動し先のソースをペーストします。
  5. Arduino IDEでスケッチ書き込みをします。
  6. 成功するとLED演出が確認できます。

Image

※実行するためにはArduino用ライブラリが必要になります。
SerialLedControllerを公開していますのでインストールしてご利用ください。

姉妹アプリのWindows版について

姉妹アプリケーションとして、Windowsアプリケーションがあります。Windowsアプリでは、シリアル通信を利用してダイレクトな演出確認が行えますが、基本的なオペレーションは同等です。詳細については下記を参照してください。

-Windowsアプリケーション

UIデザインについて

本アプリケーションは、tgckさんのご協力で作成することができました。ありがとうございました。

serialledprogrammerweb's People

Contributors

tgck avatar carcon999 avatar

Watchers

 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.