codeninjasllc/codecombat
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
Page: Components And Systems Tabs
Pages
Access dev database Access power user features Access url params in a view Accessing data through data attribute Add a Mongoose Model Add a collection schema Add a collection Add a form Add a route Add a view Add basic REST endpoints for a collection Add events to a view Add methods for special server endpoints Add space between elements Adventurer Home Aether Ambassador Home Archmage Home Artisan Home Artisan How To Index Autocomplete Tuning Building A Level Call server from view Change player level Chat Room Rules Chat Room Chief Artisan Level Audition Client models Coco Models Coding Guidelines for Artisans Coding Guidelines Component Authoring Guide Component Components And Systems Tabs Connect Backbone to new collection Cookbook Debug a template Dev Setup: General Information Dev Setup: Issues Dev Setup: Linux Dev Setup: Mac Dev Setup: Vagrant Dev Setup: Windows Developer organization Diplomat Home Edit page translations Editing Thang Components Educational Standards Events, subscriptions, shortcuts File system Git Policies Goals HOWTO: Create static teacher page Handle a server error Home Important Artisan Concepts Inspect a view JSON Schema Keyboard Shortcuts Level editor Make yourself admin Mission statement Multiplayer Organize a complicated template Permissions Programming Concepts Project Ideas List Referee Scripting Run dev client on prod db Sample Code Scribe Home Scripts Tab Scripts Settings Tab Show data in a view Simplify Collision Start a New Level Surface System Tasks Tab Technical overview Test client interface Test client Test server endpoint Testing Thang Component System Thang Thangs Tab Third party software and services Tome Translate page strings Treema Versioning Views World i18n Glossary es 419 i18n Glossary nb i18n Glossary ru i18n
1 Components And Systems Tabs
Scott Erickson edited this page 2014-01-30 15:11:03 -08:00
Table of Contents

Components and Systems are built and edited in the Components and Systems tabs. They can also be used to get more detailed information on what any given one does. Only Components that Thangs in your Level have will show up in the Components Tab.

To See What Any Component Does

  1. If it's not already on one of the Thangs in your Level, add it to one.
  2. Go to the Components Tab
  3. Click on the now listed Component and view its code and other details.

This is really hacky, but right now the only way to view any given Component and all its data.

To See What a System Does

  1. If it's not already added to the list of systems, add it with the 'Add System' button at the lower left.
  2. Click on the now listed System and view its code and other details.

To Build a new Component or System

  1. Click 'Add New Component' or 'Add New System' on the upper right. If you're adding a new Component, include the System it depends on in lower case (so 'ai' or 'event').
  2. In its settings, give it a description, name, and list dependencies on other systems or components.

To Define a Component's Configuration

  1. Read up on how JSON-Schema works. Configurations are defined with them.
  2. Select the Component on the left.
  3. Click 'Config Schema' on the Component pane that appeared to the right.
  4. Use the Treema that appeared to edit the Component's Configuration Schema.
  5. To test a config, try configuring it. See Editing Thang Components.

To Test a Component or System

  1. Select the Component on the left.
  2. Edit the code in the ACE editor that appeared.
  3. Press Play to see what happens. Use console.log to debug. There are some limitations to logging though when running the code in the background.

To Understand How Components and Systems Work

Explore the existing Components' code and talk with us for any questions you have.

CodeCombat | Home | Blog | Forum | Teachers | Legal | Contribute