====== Черепашки ONLINE ====== В данном разделе размещаются ссылки на ресурсы, посвященные типу программ, которым можно дать общее название "Turtle graphics" - "Черепашья графика". Основные критерии отбора, рассматриваемых в разделе, программ - возможность работы с ресурсом в режиме online и наличие свободного (бесплатного) доступа к ресурсу. "**Черепашья графика** — принцип организации библиотеки графического вывода, построенный на метафоре Черепахи, воображаемого (а в некоторых экспериментах и реального) роботоподобного устройства, которое перемещается по экрану или бумаге и поворачивается в заданных направлениях, при этом оставляя (или, по выбору, не оставляя) за собой нарисованный след заданного цвета и ширины. ... Впервые, по-видимому, черепашья графика была применена при реализации языка программирования Лого, в дальнейшем использовалась в ряде графических библиотек и систем программирования..." Более подробно см.: * ru: [[http://ru.wikipedia.org/wiki/Черепашья_графика|Черепашья_графика]]; * en: [[wp>Turtle_graphics]] "**Лого** (англ. **Logo**) — язык программирования высокого уровня, разработанный в 1967 году Сеймуром Папертом и Идит Харель в образовательных целях для обучения детей дошкольного и младшего школьного возраста основным концепциям программирования (рекурсии, расширяемости и пр.). Logo также обеспечивает среду, в которой дети могут развивать свои навыки рассуждений и решений задач". Более подробно см.: * ru: [[http://ru.wikipedia.org/wiki/Лого_(язык_программирования)|Лого_(язык_программирования)]]; * en: [[wp>Logo_(programming_language)]] Со времени появления данного направления было разработано множество приложений данного типа для различных версий операционных систем и платформ, данные приложения имели свои особенности (преимущества и недостатки) и создавались под различные операционные системы и платформы... За последние годы, с развитием Интернет, появился тип программ, работать с которыми можно используя веб-интерфейс, что дает данному типу программ ряд определенных преимуществ: * работоспособность приложения практически не зависит от типа операционной системы (необходимое условие для работы - наличие любой операционной системы с браузером, имеющим интерпретатор javaScript)((ученик для работы с данном типом программ может использовать персональный планшетный компьютер, например; необходим лишь доступ к сети Интернет)); * единый пользовательский интерфейс для работы в учебном учреждении и дома без необходимости приобретать (скачивать, копировать и т.п.) и инсталлировать учебные программы; * многие подобные сервисы обеспечивают совместный доступ к учебным материалам и результатам работы, что дает определенные преимущества для организации коллективных форм работы… ===== Обзор ресурсов ===== ==== Начальный уровень ==== Начинающим постигать азы программирования TURTLE рекомендую: [[http://en.literateprograms.org/Turtle_graphics_%28JavaScript%29|Turtle graphics (JavaScript)]] [[http://en.literateprograms.org/Special:Downloadcode/Turtle_graphics_%28JavaScript%29]] Относительно простой тренажер, имеющий одиннадцать основных инструкций (команд). Данный тренажер имеет относительно несложный код, написанный на javaScript, что дает возможность преподавателю модернизировать программу: осуществить перевод описания среды на другой язык ((изначально описание среды приведено на английском языке)), заменить названия инструкций (команд), управляющих "черепашкой", изменить стилевое оформление... Внимание! Технологии, используемые при создании данного приложения, ориентированы на перспективы, связанные с развитием пятой версии основного языка разметки web-страниц [[http://ru.wikipedia.org/wiki/HTML5|HTML5]]. Не все еще браузеры могут отображать данное приложение. Разработчик рекомендует использовать: Safari,Opera,Firefox Ссылка на копию данного приложения на этом сайте: [[http://intepra.ru/turtle/terrapin.htm|terrapin.htm]] Ссылка на приложение с переводом на русский язык: [[http://intepra.ru/turtle/terrapin_ru.htm|terrapin_ru.htm]] Варианты использования данного приложения при подготовке к ГИА [[http://intepra.ru/?p=138]] Файл самодостаточен: javaScript включен в состав HTML, что позволяет преподавателю видоизменять интерфейс пользователя (например, заменить описание на английском языке на русский) и программную часть приложения (имеется возможность перевести не только сопроводительный текст, но и (при крайней необходимости) наименования основных команд управления черепашкой): сохраните файл на своем компьютере и получите рабочую копию. ==== Подобные ресурсы ==== [[http://www.berniepope.id.au/html/js-turtle/turtle.html]] - Javascript Turtle Graphics Достаточно серьёзная библиотека: === JSXGraph === [[http://jsxgraph.uni-bayreuth.de/wp/|JSXGraph]] Варианты реализации приложений на программной базе данной библиотеки: [[http://jsxgraph.uni-bayreuth.de/wiki/index.php/Turtle_Graphics|Turtle Graphics]] [[http://jsxgraph.uni-bayreuth.de/wiki/index.php/Programming_turtle_graphics#Input|Programming turtle graphics]] === Tom's JavaScript Machine === [[http://www.win.tue.nl/~wstomv/edu/javascript/machine.html|JavaScript Machine]] [[http://www.win.tue.nl/~wstomv/edu/javascript/tg-machine.html?_program=var%20t%20%3D%20new%20TurtleGraphics.Turtle%28%29%3B%0Avar%20N%20%3D%20readNum%28%29%3B%0A%0Avar%20i%20%3D%200%3B%0Awhile%20%28i%20!%3D%20N%29%20{%0A%20%20t.Move%281%29%3B%0A%20%20t.Turn%28360%20%2F%20N%29%3B%0A%20%20i%20%3D%20i%20%2B%201%3B%0A}%0Awriteln%28t.log%29%3B%0A;_input=5#machine|Еще одна ссылка]] === Logo Interpreter === [[http://www.calormen.com/logo/|Logo Interpreter]] === Turtlewax === [[https://github.com/davebalmer/turtlewax|Turtlewax]] И достаточно "наполненный" пример: [[http://www.grrok.com/turtle/|Turtle_]] === Эксперименты с фрактальной графикой === [[http://davebalmer.wordpress.com/2011/01/03/turtle-wax-logo-style-graphics-re-imagined-for-javascript-and-html5-canvas/|Fractal 1]] [[http://www.dafishinsea.com/blog/2010/08/15/166/|Fractal 2]] [[http://dobbse.net/thinair/2008/12/logo-fractals-recursion.html|Logo, Fractals, and Recursion]] [[http://dobbse.net/thinair/2010/12/javascript-turtle-graphics.html|javascript turtle graphics]] [[https://github.com/dobbs/turtle/blob/master/fractal.js|dobbs/turtle]] [[https://github.com/dobbs/turtle]] === Papert―logo in your browser === [[http://code.google.com/p/papert/]] [[http://logo.twentygototen.org/]] [[http://logo.twentygototen.org/0MdhcUBY]] === ALGORITHM INK === Проект, требующий опыта в области программирования и наличие эстетического вкуса: [[http://azarask.in/projects/algorithm-ink/#99fdc2df|ALGORITHM INK]] Материал подготовил: --- //[[sergey.kondrashov@gmail.com|Кондрашов Сергей Владимирович]] 2011/02/27 20:22//