Shape

概要

2D図形および 3Dモデルの描画などをおこないます。

メソッド

2D図形
メソッド名処理内容備考
point点を描画
line直線を描画
rect矩形を描画
square正方形を描画
quad四角形を描画
ellipse楕円を描画
circle円を描画
arc円弧を描画
triangle三角形を描画
描画に関する設定
メソッド名処理内容備考
strokeWeight境界線の太さを設定
strokeCap境界線の終端の形状を設定
strokeJoin境界線の結合スタイルを設定
rectModerectメソッドの各引数の解釈方法を設定
ellipseModeellipseメソッドなどの各引数の解釈方法を設定
smoothエッジのスムージング処理を有効
noSmoothエッジのスムージング処理を無効
曲線および頂点座標による図形
メソッド名処理内容備考
curve曲線を描画
bezierベジェ曲線を描画
shape頂点座標を記録して図形を描画「beginShape ~ endShape」構文を Ruby風にアレンジ
beginShape頂点座標を記録して図形を描画
endShapebeginShapeメソッドによる頂点座標の記録を終了
vertex多角形などの頂点座標を指定「beginShape ~ endShape」構文または
「shape do ~ end」構文の中でのみ有効
curveVertex曲線の頂点座標を指定「beginShape ~ endShape」構文または
「shape do ~ end」構文の中でのみ有効
bezierVertexベジェ曲線の頂点座標を指定「beginShape ~ endShape」構文または
「shape do ~ end」構文の中でのみ有効
quadraticVertex二次ベジェ曲線の頂点座標を指定「beginShape ~ endShape」構文または
「shape do ~ end」構文の中でのみ有効
contour頂点座標を記録して図形の内部に負の形状を作成beginContour ~ endContour構文を Ruby風にアレンジ
beginContour頂点座標を記録して図形の内部に負の形状を作成
endContourbeginContourメソッドによる頂点座標の記録を終了
3Dモデル
メソッド名処理内容備考
plane平面を描画3D(WEBGL)
box箱を描画3D(WEBGL)
sphere球を描画3D(WEBGL)
cylinder円柱を描画3D(WEBGL)
cone円錐を描画3D(WEBGL)
ellipsoid楕円体を描画3D(WEBGL)
torus円環を描画3D(WEBGL)
loadModelOBJファイルから 3Dモデルをロード3D(WEBGL)
model3Dモデルを描画3D(WEBGL)
beginGeometry複合的な 3Dモデルの生成を開始3D(WEBGL)
endGeometry複合的な 3Dモデルの生成を終了3D(WEBGL)
buildGeometry複合的な 3Dモデルを生成3D(WEBGL)
freeGeometryモデルのリソースをクリア3D(WEBGL)