Готовы заняться кодированием? Коде может помочь.
Создать приложение для iPad непросто, но, безусловно, не невозможно. Каждый должен с чего-то начать, и существуют различные приложения и службы, которые сделают ваши первые шаги максимально удобными.
Codea является одним из таких вариантов. Это покупка за $ 15 в App Store, но она превращает ваш iPad в довольно мощный набор для создания приложений. Если вы находите идею кодирования устрашающей, но вам не терпится попробовать
это вполне может быть ответ.
Первые шаги
Когда вы начинаете новый проект в Codea, вы увидите базовый скрипт Hello World. Независимо от того, являетесь ли вы новичком в программировании или просто новичком в программе, с этим стоит немного поработать.
Это все довольно простые вещи. настроить функция вызывается один раз, а рисовать функция вызывается постоянно. Это важное соображение, когда вы решаете, куда поместить собственный код в сценарий.
Строка 5 просто отображает Hello World! как текст в консоли. Между тем, линия 11 задает цвет фона, а линия 13 задает ширину обводки, которую мы собираемся нарисовать в данный момент, как описано в заметках автора.
Нажмите на числа, которые определяют цвет фона, и вы увидите, что Codea отличается от стандартного редактора кода.
, Это средство выбора цвета — простой способ выбрать нужный оттенок с помощью сенсорного интерфейса.
Нажмите кнопку воспроизведения в правом нижнем углу интерфейса, чтобы запустить код.
Как видите, в данный момент ничего особенного не происходит. Но Привет, Мир! отображается в консоли, и фон изменился на выбранный нами оттенок красного. Теперь, когда мы немного более знакомы с интерфейсом, мы можем начать вносить более значительные изменения.
Рисование фигуры
Далее мы собираемся нарисовать круг, используя код. Используйте стрелку назад в левом нижнем углу экрана, чтобы вернуться в редактор скриптов. Затем добавьте следующий код в рисовать функция:
ellipse(WIDTH/2, HEIGHT/2, 200)Давайте распакуем это кратко. Команда эллипса утверждает, что мы хотим нарисовать круг. WIDTH / 2 и HEIGHT / 2 управляют его положением на экране — мы используем ярлык, чтобы поместить его в мертвую точку, разделив общую ширину и высоту экрана на два. В качестве альтернативы, вы можете просто указать числовую ссылку. Наконец, число 200 определяет размер, который мы хотим. Ширина обводки уже установлена ранее в скрипте.
Выше вы можете увидеть, как должен выглядеть ваш скрипт. Нажмите кнопку воспроизведения на виртуальной клавиатуре, чтобы запустить код.
Наш круг выглядит так, как он должен. Не стесняйтесь тратить немного времени на настройку нашего кода, чтобы увидеть, как он меняет результат. Далее, мы собираемся сделать вещи немного более интерактивными.
Добавление некоторого взаимодействия
Теперь, когда мы нарисовали фигуру, давайте изменим наш код, чтобы пользователь мог что-то с ним сделать. Просто изменив одну строку кода, мы можем позволить им взаимодействовать с формой через сенсорный экран.
Нам просто нужно изменить строку 18 на следующую:
ellipse(CurrentTouch.x, CurrentTouch.y, 200)Который должен выглядеть как на картинке ниже в редакторе скриптов.
Мы просто говорим, что координаты X и Y круга должны соответствовать тому, где палец пользователя находится на сенсорном экране.
, Мы помещаем это в рисовать функция, поэтому он будет постоянно обновляться, позволяя пользователю перетаскивать фигуру.
Нажмите кнопку воспроизведения и посмотрите, сможете ли вы успешно переместить круг.
Мы в порядке. У нас очень простое приложение, и мы действительно можем что-то с ним сделать. Единственная проблема в том, что это не так уж и полезно. Далее, мы собираемся создать приложение, которое на самом деле служит какой-то цели.
Следующие шаги
По-настоящему мощным в Codea является то, что он дает вам доступ к некоторым из самых полезных функций iPad и позволяет легко реализовать их в вашем проекте. Мы собираемся работать с его службами определения местоположения.
За мои деньги лучшее карри, которое вы можете получить где угодно, подается на кухне мечети в Эдинбурге, Шотландия. Поэтому я часто хотел бы знать, как далеко я должен был бы поехать туда, чтобы поесть. Мы собираемся написать простое приложение
это дает нам эту информацию.
Первое, что нам нужно сделать, это предоставить нашему приложению доступ к службам определения местоположения. Для этого запустите новый проект и вставьте этот код в настроить функция.
location.enable()Обратите внимание, что мы помещаем это в настроить скорее, чем рисовать, потому что нам нужно только запустить его один раз. Мы можем проверить, работает ли это, запустив наше приложение и посмотрев, просили ли мы предоставить ему доступ к нашему местоположению.
Далее, мы собираемся добавить код, который захватывает расстояние между выбранным местоположением и устройством, и представляет его в виде текста. Если вы хотите настроить приложение, которое использует другое местоположение, возьмите широту и долготу для этого места сейчас.
Затем добавьте следующий код в функцию рисования:
text("You are...", WIDTH/2, 250)
text((location.distanceTo(55.945, -3.185)), WIDTH/2, 200)
text("...meters away from the best curry around.", WIDTH/2, 150)Первая и третья строки этого кода — это просто текст, опять-таки с использованием максимальной ширины экрана, деленной на две, чтобы убедиться, что они центрированы, но с использованием конкретной числовой ссылки, чтобы все три строки текста могли быть удобно расположены.
location.distanceTo Команде просто нужны широта и долгота
желаемого места. Он рассчитает, как далеко находится iPad, и, поскольку мы поместили его туда, куда обычно шел текст, он отобразит это число на экране.
Давайте нажмем кнопку воспроизведения и протестируем наше приложение.
Там мы идем. Это просто, но работает. Codea действительно делает кодирование для iOS
доступны: мы только начали, и нам уже удалось внедрить средства управления сенсорным экраном и использовать службы определения местоположения. Небо это предел для здесь.
У вас есть советы, как получить максимальную отдачу от Codea? Или вы ищете помощь в конкретном проекте? В любом случае, почему бы не присоединиться к беседе в разделе комментариев ниже?
