{"id":10686,"date":"2021-10-15T10:00:00","date_gmt":"2021-10-15T01:00:00","guid":{"rendered":"https:\/\/www.gigas-jp.com\/appnews\/?p=10686"},"modified":"2021-10-15T10:18:22","modified_gmt":"2021-10-15T01:18:22","slug":"flutter-turtle","status":"publish","type":"post","link":"https:\/\/www.gigas-jp.com\/appnews\/archives\/10686","title":{"rendered":"Flutter – Turtle"},"content":{"rendered":"\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

What is flutter turtle? This is a simple presentation of turtle graphics for flutter. It can simply apply to draw graphics with a custom painter like a logo language.<\/p>\n\n\n\n

Flutter turtle is two classes, named with TurtleView<\/strong> and AnimatedTurtleView<\/strong>. To create a turtleView, both of classes require commands<\/strong> parameter. If you want your logo to repeat 5 times and forward 100 , right 200. You can use like this using commands parameter.<\/p>\n\n\n\n

[\n  Repeat((_) => 5, [\n    Forward((_) => 100),\n    Right((_) => 200),\n  ]),\n];<\/code><\/pre>\n\n\n\n
With more information about flutter turtle, check on flutter pub.dev<\/a><\/strong>.<\/p>\n\n\n\n
Example code :<\/p>\n\n\n\n
Widget build(BuildContext context) {\n  return Scaffold(\n    appBar: AppBar(\n      title: const Text('TurtleView'),\n      centerTitle: true,\n      elevation: 0,\n    ),\n    body: TurtleView(\n      child: Container(),\n      commands: [\n        PenDown(),\n        SetColor((_) => const Color(0xFF006EFF)),\n        SetStrokeWidth((_) => 2),\n        Repeat((_) => 20, [\n          Repeat((_) => 180, [\n            Forward((_) => 25.0),\n            Right((_) => 20),\n          ]),\n          Right((_) => 18),\n        ]),\n        PenUp(),\n      ],\n    ),\n  );\n}<\/code><\/pre>\n\n\n\n
Hop you enjoyed this article!<\/p>\n\n\n\n
By Ami<\/p>\n\n\n\n
<\/pre>\n\n\n\n
 <\/p>\n
\n            
<\/g:plusone><\/div>\n            
 \"\u3053\u306e\u30a8\u30f3\u30c8\u30ea\u30fc\u3092\u306f\u3066\u306a\u30d6\u30c3\u30af\u30de\u30fc\u30af\u306b\u8ffd\u52a0\"<\/a>