«То, чему нам нужно научиться, прежде чем мы сможем это сделать, мы учимся, делая это». ― Аристотель, Никомахова этика

Учебная программа обучения на основе любопытства состоит из целей, которые являются желаемыми и достижимыми с точки зрения ученика. Этот образ мышления направляет учителя через процесс «Планируй, делай, проверяй и корректируй», пока не будут разработаны надлежащие цели CDL и соответствующие пути. Цели/цели/результаты обучения, необходимые для курса, не обязательно являются целями CDL. Вместо этого пути к целям CDL требуют, чтобы учащийся представил доказательства обучения «требуемым» целям, часто непреднамеренно. 😜

В приведенном ниже примере представлен проект CDL, предназначенный для ознакомления учащихся с информатикой. Ремикс на этот проект можно сделать на Glitch.

Посмотрите видеоролики о начале работы

Установите ADMIN_KEY в .env. Это становится вашим паролем администратора, имя пользователя admin, пароль — вашим ADMIN_KEY.

В client-config.js задайте значения для:

  • название игры
  • эмодзи после названия игры во вкладке браузера
  • фавикон отображается во вкладке браузера
  • семейство шрифтов для входа в систему
  • цвет шрифта входа
  • цвет фона формы входа
  • цвет наложения входа в систему
  • аватар массив URL-адресов изображения лица (используйте .png с прозрачным фоном)
  • цвет аватара, используемый для фона кнопки
  • скорость аватара
  • цвет текста для сообщений
  • URL звукового файла для playerJoined
  • URL звукового файла для playerLeft
  • Песни BGM, громкость и автоматическое воспроизведение всех песен
  • пользовательские привязки клавиш / поведение
  • настройки синтезированного голоса
  • физика гравитация
  • максимальное расстояние захвата подвижных объектов
  • подвижные физические объекты, которые будут добавлены в сцену
  • настройки среды
  • подруливающие цвета
  • Значок кнопки мобильного двигателя
  • режим vr включен/отключен

Выбор голоса

Исследуйте различные имена голосов, перечислив их в консоли игрового браузера с помощью: printVoices()

Протестируйте различные голоса в консоли игрового браузера по следующему шаблону, используя сообщение, за которым следует название голоса:

say("Do you like games?","Katy")

Добавление пользователей

В консоли игрового браузера добавьте пользователей по следующему шаблону:

Если вы забыли добавленных пользователей, откройте сервер Журнал активности и перезагрузите сервер, добавив дополнительный пробел после всего кода в файле server.js. Имена пользователей и пароли будут напечатаны в Журнале действий.

Выбор среды

Выберите один из множества наборов настроек среды. Добавьте выбранный пресет в файл client-config.js.

Наборы настроек среды

Как играть

Перемещайтесь с помощью клавиш WASD и СТРЕЛКИ. Прыгайте с помощью клавиши ПРОБЕЛ. Включите отключение звука с помощью клавиши 0. Воспроизведите следующую песню, нажав клавишу P.

Переключайте интерфейс сообщения и аватара с помощью клавиши EQUALS на рабочем столе, двойным касанием правого экрана на мобильном устройстве Android, одинарным касанием верхнего правого экрана. на iOS. Tab просматривайте элементы пользовательского интерфейса. Закончив вводить сообщение или выбрав новый аватар, нажмите ENTER, чтобы отправить его.

Захватывайте и перемещайте объекты с помощью нажмите и перетащите или нажмите и переместите клавиши на рабочем столе, наведите и переместите или поверните на мобильном устройстве.

Примечание. Пользователи не могут войти в систему более одного раза одновременно!

Нажав клавишу F или щелкнув значок VR-гарнитуры, если он включен в client-config.js, вы перейдете в полноэкранный режим. Примечание: в полноэкранном режиме доступны только клавиши перемещения. Нажмите клавишу ESC, чтобы выйти из полноэкранного режима.

Попробуйте LIVE DEMO с тестовыми пользователями computer и science с паролем 1234.

Анимация двигателя

Скриншот с четырьмя игроками

Скриншот бокового входа на Небесный остров (Нажмите, чтобы увидеть полноразмерное изображение.)

Тест производительности (6 экземпляров на 1 компьютере!)

Дизайн аватаров

Создавайте собственные модели аватаров .glb с помощью Sculptris и Blender.

Sculptris для простого создания базовой модели

Анимация костей в Blender

Экспорт Blender как .glb

(плагин для Blender v2.79 здесь. Примечание: Blender v2.80 будет иметь встроенный плагин)

Мобильная производительность

  • Джойстик (вперед, назад, рыскание)
  • Регулятор высоты тона (коснитесь правой стороны экрана)
  • Кнопка подруливающего устройства (вверх и вперед)
  • Сообщение, фоновая музыка, интерфейс аватара
  • Android: дважды коснитесь правого экрана.
  • iOS: одно касание в правом верхнем углу экрана
  • Наведение курсора на подвижный объект на 2 секунды активирует 5-секундную способность захвата и перемещения.

Похожие видео

🏁 Плейлист для начинающих

🎨 Цветовые и шрифтовые темы

ℹ️ Обзор 1

ℹ️ Обзор 2

ℹ️ Обзор 3

ℹ️ Обзор 4

Первоначально опубликовано на gist.github.com.