JavaScript UltraKarel - by studentshowcase

Switch to Code View

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

Commands

Control flow

Functions

Conditions

Comments

Paint

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
for (var i = 0; i < 9; i++) {
    paint(Color.black);
    move();
    paint(Color.black);
} //this is the ground :)
function cat(){
turnLeft();
move();
turnLeft();
move();
move();
paint(Color.black);
move();
move();
move();
move();
move();
paint(Color.black);
turnRight();
move();
turnLeft();
move();
paint(Color.red);
turnAround();
move();
paint(Color.red);
move();
paint(Color.red);
move();
paint(Color.red);
move();
paint(Color.red);
move();
paint(Color.red);
move();
paint(Color.red);
move();
paint(Color.red);
move();
turnLeft();
move();
turnLeft();
move();
move();
paint(Color.red);
move();
paint(Color.red);
move();
paint(Color.red);
move();
paint(Color.red);
move();
paint(Color.red);
move();
paint(Color.red);
move();
turnRight();
move();
turnRight();
move();
move();
move();
move();
move();
move();
move();
turnRight();
move();
paint(Color.blue);
turnAround();
move();
paint(Color.red);
turnLeft();
move();
paint(Color.red);
move();
paint(Color.red);
move();
paint(Color.red);
move();
paint(Color.red);
move();
paint(Color.red);
move();
paint(Color.red);
turnAround();
move();
paint(Color.blue);
move();
paint(Color.blue);
move();
paint(Color.blue);
paint(Color.blue);
move();
paint(Color.blue);
turnLeft();
move();
turnLeft();
paint(Color.blue);
move();
paint(Color.blue);
move();
paint(Color.blue);
move();
paint(Color.blue);
move();
paint(Color.red);
turnAround();
move();
move();
move();
move();
move();
paint(Color.red);
turnLeft();
move();
turnLeft();
paint(Color.red);
move();
paint(Color.red);
move();
paint(Color.red);
move();
paint(Color.red);
move();
paint(Color.red);
move();
paint(Color.red);
move();
turnLeft();
move();
move();
move();
paint(Color.yellow);
turnAround();
move();
paint(Color.red);
move();
move();
turnLeft();
move();
turnAround();
    for (var i = 0; i < 997; i++) {
        paint(Color.random());
        turnLeft();
    }
turnRight();
}
cat();//this function is all the code itself! 
//this is how karol paints the image >W<
//this took WAY too long
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Run! Reset

Errors:

Looks like something is taking longer than usual. We stopped running your code. Please try again.

HINT: You might have an infinite loop in your code.

Want more? See our full documentation!

Karel's Built in Commands

Commands

`move();` JavaScript		`turnLeft();` JavaScript
`turnRight();` JavaScript		`turnAround();` JavaScript
`putBall();` JavaScript		`takeBall();` JavaScript

UltraKarel Commands

paint(color);JavaScript

UltraKarel Conditions

randomChance();JavaScript

colorIs(color);JavaScript

// Paints a square red.
paint(Color.red);

Colors:

Color.red
Color.blue
Color.green
Color.yellow
Color.cyan
Color.orange
Color.white
Color.black
Color.gray
Color.purple

// Special Random color function
Color.random()

// Paint a square a random color
paint(Color.random());

// Determine if a square is a certain color
if(colorIs(Color.red)){
    move();
}

// Create a color from RGB to paint this square
// paint(Color.createFromRGB(redValue, greenValue, blueValue));
paint(Color.createFromRGB(12, 14, 19));


Random

// Returns true 50% of the time
randomChance()

// Returns true probability percentage of the time
randomChance(probability)

// Returns true 20% of the time.
randomChance(0.2)


// Example
if (randomChance(0.8)) {
    putBall();
}
JavaScript

Functions

Writing a Function

Writing a function is like teaching karel a new word.

Naming Functions: You can name your functions whatever you want, but you can't have spaces in the function name.

Remember that each open bracket { must match with a close bracket }

function turnRight() {
    turnLeft();
    turnLeft();
    turnLeft();
}

function turnAround() {
    turnLeft();
    turnLeft();
}

function yourFunctionName() {
  // Code that will run when you make a call to
  // this function.
}JavaScript

Conditional Statements

If Statements

Remember that each open bracket { must match with a close bracket }

if (condition) {
  // code that will run if the condition is true
}JavaScript

if (condition) {
  // code that will run if the condition is true
} else {
  // code that will run if condition is not true
}JavaScript

Example of if statements

if (frontIsClear()) {
    move();
}

if (ballsPresent()) {
    takeBall();
} else {
    move();
}JavaScript

Karel Conditions

Don't forget the () at the end

frontIsClear()
leftIsClear()
rightIsClear()

facingNorth()
facingSouth()
facingEast()
facingWest()

ballsPresent()
            JavaScript

frontIsBlocked()
leftIsBlocked()
rightIsBlocked()

notFacingNorth()
notFacingSouth()
notFacingEast()
notFacingWest()

noBallsPresent()
            JavaScript

Loops

Remember that each open bracket { must match with a close bracket }

While Loops

while (CONDITION) {
  // Code that will run while the CONDITION is true.
  // Once the CONDITION is no longer true,
  // it will stop.
}JavaScript

Example of while loops

/* This moves Karel to a wall */
while (frontIsClear()) {
    move();
}JavaScript

For Loops

Note: you can use both "let" and "var" in your for loops (they are two types of JavaScript variables). Use whichever you have been taught in your course.

for (let i = 0; i < COUNT; i++) {
  // Code that will run 'COUNT' times
}

// Can also use "var" to define the "i" (depends on your course)
for (var i = 0; i < COUNT; i++) {
  // Code that will run 'COUNT' times
}JavaScript

Example of for loops

/* This puts down 10 balls */
for (let i = 0; i < 10; i++) {
    putBall();
}

// Or, if your course teaches "var":
for (var i = 0; i < 10; i++) {
    putBall();
}JavaScript

You can have multiple statements or function calls in a for loop.

/* This puts down five balls and moves after each one */
for (let i = 0; i < 5; i++) {
    putBall();
    move();
}

// Or, if your course teaches "var":
for (var i = 0; i < 5; i++) {
    putBall();
    move();
}JavaScript

Use for-loops when you want to repeat something a fixed number of times.

Use while-loops when you want to repeat something as long as a condition is true.

Comments

/* A multi-line comment describes your code
 * to someone who is reading it. */

// Use single line comments to clarify code.JavaScript

Slides and Notes

No slides available for this video

Import Code from Assignment

Assignment

Collaborate on this sandbox program!

Admin Only. Not visible to customers

A collaborative program is a program you can work on with a partner or group of people. The program shows up in all of your sandbox pages, and when any of you save code, it will save it for each person.

Current Collaborators:

Add a Collaborator:

Add

Embed Your Code On an HTML Page

Want to use your CodeHS code outside of CodeHS? Use this embed code to get started.

How to Use

Version 1: On Your Computer

Create a file called codehs.html on your desktop
Put the html below into the codehs.html file and save it
Now double click the file to open it in a web browser

Version 2: Online

Create a file called codehs.html on your desktop
Put the html below into the codehs.html file and save it
Upload this file to the internet
Visit your web page

Note this only works on single files currently.

Download your Code

Download Code as Zip File
Download Code as a .txt File

About

UltraKarel (JavScript)

Author

Student Showcase

Forked from

JavaScript UltraKarel

By: Drellan R.

Autograder Results

Your Output

Solution Output

Errors:

Karel's Built in Commands

Commands

UltraKarel Commands

UltraKarel Conditions

Functions

Writing a Function

Conditional Statements

If Statements

Example of if statements

Karel Conditions

Loops

While Loops

Example of while loops

For Loops

Example of for loops

Comments

Comments

Slides and Notes

Import Code from Assignment

Collaborate on this sandbox program!

Embed Your Code On an HTML Page

How to Use

Version 1: On Your Computer

Version 2: Online

Note this only works on single files currently.

Download your Code

About

Author

Forked from

Products

Computer Science Curriculum

Customizable K-12 Computer Science Curriculum

Error

Autograder Results

Your Output

Solution Output

Errors:

Karel's Built in Commands

Commands

UltraKarel Commands

UltraKarel Conditions

Functions

Writing a Function

Conditional Statements

If Statements

Example of if statements

Karel Conditions

Loops

While Loops

Example of while loops

For Loops

Example of for loops

Comments

Comments

Upload an image

Upload from your computer

Or paste a link here

Slides and Notes

Import Code from Assignment

Collaborate on this sandbox program!

Embed Your Code On an HTML Page

How to Use

Version 1: On Your Computer

Version 2: Online

Note this only works on single files currently.

Download your Code

About

Author

Forked from