Skip to content

README.ja.md

Latest commit

 

History

History
65 lines (41 loc) · 2 KB

README.ja.md

File metadata and controls

65 lines (41 loc) · 2 KB

p5.turtle.js

p5.jsのためのタートルグラフィックプログラム

これは、シンプルでアニメーションするタートルグラフィックプログラムです。処理は、2つのステップがあります。最初に、setup()の中で、タートルの動きを記録します。2番目に、draw()の中で、タートルの動きをアニメーションで表示します。このプログラムは、p5.jsとp5.play.jsライブラリを必要とします。

デモ

http://ycatch.github.io/p5.turtle.js/

利用条件

Copyright 2015 - 2016 Yutaka Kachi released under the MIT license.

https://opensource.org/licenses/MIT

p5.js and p5.play.js is released under the LGPL2.1

コマンド

  • forward(length) 前進
  • back(length) 後進
  • left(angle in degree) 左回転
  • right(angle in degree) 右回転

Properties and default

  • turtle.x = 200; X座標
  • turtle.y = 60; Y座標
  • turtle.step = 5; アニメーション時の移動速度
  • turtle.stepAngle = Math.PI / 36; アニメーション時の回転速度
  • turtle.angleInRadians = 0; 角度(ラジアン)
  • turtle.penDown = false; ペンで描く = true、描かない = fales
  • turtle.penColor = "#000000"; ペンの色
  • turtle.lineWidth = 2; 線の幅

Colors

  • turtle.color.black : "#000000" 黒
  • turtle.color.gray : "#808080" 灰色
  • turtle.color.lightgray : "#C0C0C0" 明るい灰色
  • turtle.color.red : "#ff0000" 赤
  • turtle.color.green : "#00ff00" 緑
  • turtle.color.blue : "#0000ff" 青
  • turtle.color.yellow : "#ffff00" 黄色
  • turtle.color.magenta : "#ff00ff" 紫
  • turtle.color.aqua : "#00ffff" 水色
  • turtle.color.white : "#ffffff" 白

p5.play.js

2016.10.27: p5.turtle.js use p5.play.js with #119 patch. it needs for instance mode and createGraphics.