Skip to content

Instantly share code, notes, and snippets.

@EricEisaman
Created September 15, 2018 23:27
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save EricEisaman/b807b09e58ca7f5db89865c04b61d923 to your computer and use it in GitHub Desktop.
Save EricEisaman/b807b09e58ca7f5db89865c04b61d923 to your computer and use it in GitHub Desktop.

curiosity driven learning

Curiosity Driven Learning curriculum is composed of goals which are both desirable and attainable through the eyes of the student. This mindset guides the teacher through the Plan Do Check and Adjust process until proper CDL goals and corresponding pathways are designed. The learning targets / goals / outcomes required for the course aren't necessarily the CDL goals. Instead, the pathways to the CDL goals require the student to produce evidence of learning for the "required" targets, often unwittingly. 😜

Below is an example CDL project.


CS1

“For the things we have to learn before we can do them, we learn by doing them.” ― Aristotle, The Nicomachean Ethics



cs1 cdl goals



geometry game

Watch the Getting Started Videos YouTube Playlist


Set the ADMIN_KEY in .env. This becomes your admin user password, username admin, password your ADMIN_KEY.

In the client-config.js set the values for:

  • game name
  • emoji following game name in browser tab
  • favicon showing in browser tab
  • login font family
  • login font color
  • login form background color
  • login overlay color
  • avatar array of face image URLs ( use .png with transparent background )
  • avatar color used for button background
  • avatar speed
  • the text color for the messages
  • sound file URL for playerJoined
  • sound file URL for playerLeft
  • BGM songs, volume and whether to auto play through all songs
  • custom key bindings/behaviors
  • sythesized voice settings
  • physics gravity
  • maximum grab distance for movable objects
  • movable physics objects to be added to the scene
  • environment settings
  • thruster colors
  • mobile thruster button icon
  • vr mode enabled / disabled

Choosing a Voice

Explore the different voice names by listing them in the game browser console with: https://gist.github.com/df2ea407cd1569f1bf0ecc620f6e3fb6

names

Test a variety of voices in the game browser console with the following pattern using the message followed by the voice name:

https://gist.github.com/2d63891496f7a47f8cd18907ee4360e1


Adding Users

In the game browser console add users with the following pattern: add user

If you forget the Users you added, open the server Activity Log and reboot the server by adding an extra space after all the code in the server.js file. The user names and passwords will be printed in the Activity Log.


Choosing an Environment

Select from a variety of environment presets. Add your chosen preset in the client-config.js.

environment preset

Environment Presets

Environement Options


How to Play

Move with WASD and ARROW keys. Jump with the SPACE key. Toggle music mute with 0 key. Play next song with P key.

UI

Toggle the Message and Avatar UI with the EQUALS key on desktop, double tap right screen on Android mobile, single tap top right screen on iOS. Tab your way through the UI elements. Once you have finished typing your message or selecting a new avatar, hit ENTER to submit.

Grab and move objects with click & drag or click & move keys on desktop, hover & move or rotate on mobile.

Note: Users cannot be logged in more than once simultaneously!

Pressing the F key or clicking the VR Headset Icon, if enabled in client-config.js will take you to fullscreen mode. Note: in fullscreen mode only movement keys are enabled. Press the ESC key to exit fullscreen mode.

Try the LIVE DEMO with test users computer and science both with password 1234.


Thruster Animation

App Screen2

Screenshot with Four Players

App Screen3

Screenshot of Side Entrance to Sky Island (Click to see fullsize image.)

Performance Test ( 6 instances on 1 computer! ) Performance Test


Design Avatars

Create your own .glb avatar models with Sculptris and Blender.

Sculptris for Easy Creation of Basic Model

Sculptris

Blender Bones Animation

Blender

Blender Export as .glb

( plugin for Blender v2.79 here. Note: Blender v2.80 will have built-in plugin ) .glb export


Mobile Performance

  • Joystick ( forward, backward, yaw )
  • Pitch control ( touch drag right side of screen )
  • Thruster Button ( up and forward )
  • Message, BGM, Avatar UI
    • Android : double tap right screen
    • iOS : single tap top right screen
  • Putting the cursor over a movable object for 2 seconds triggers 5 seconds of grab and move ability.

mobile-0 mobile-1 mobile-2


Related Videos

🏁 Getting Started Playlist

🎨 Color and Font Themes

ℹ️ Overview 1

ℹ️ Overview 2

ℹ️ Overview 3

ℹ️ Overview 4


Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment