Embedded Files
素材區
素材區
blue.jpg
blue.jpg
orange.jpg
orange.jpg
ball.png
ball.png
bg.jpg
bg.jpg
wert.mp3
wert.mp3
BonusCube.mp3
BonusCube.mp3
程式教學
程式教學
第一步:請先設定背景
第一步:請先設定背景
程式碼:
程式碼:
setBackdrop('bg.jpg');
第二步:創造檔版及球
第二步:創造檔版及球
程式碼:
程式碼:
var ball = createSprite("ball.png");
var p1 = createSprite("orange.jpg");
var p2 = createSprite("blue.jpg");
第三步:設定重複無限次
第三步:設定重複無限次
程式碼:
程式碼:
forever(function() {
});
第四步:初始化位置及創造分數變數
第四步:初始化位置及創造分數變數
程式碼:
程式碼:
p1.x = 631;
p2.x = 10;
var score1 = 0;
var score2 = 0;
var speed = 10;
a = a-0.01;
第五步:播放音樂
第五步:播放音樂
程式碼:
程式碼:
sound.play('wert.mp3');
第六-1步:創建函示並寫入程式碼
第六-1步:創建函示並寫入程式碼
程式碼:
程式碼:
function touchBorder() {
if (p1.y < 0) {
p1.y = 0;
}
if (p2.y < 0) {
p2.y = 0;
}
if (p2.y > 425) {
p2.y = 425;
}
if (p1.y > 425) {
p1.y = 425;
}
if (ball.x < 0) {
speed = 5;
score1 += 1;
ball.x = 320;
ball.y = 240;
ball.direction = Math.random()*-90+-45;
}
if (ball.x > 640) {
speed = 5;
score2 += 1;
ball.x = 320;
ball.y = 240;
ball.direction = Math.random()*90+45;
}
if (ball.y < 0 || ball.y > 480) {
ball.direction = -ball.direction - 180;
}
}
第六-2步:創建函示並寫入程式碼
第六-2步:創建函示並寫入程式碼
程式碼:
程式碼:
function playContral() {
if (key.down) {
p1.y += 10;
}
if (key.up) {
p1.y -= 10;
}
if (key.w) {
p2.y -= 10;
}
if (key.s) {
p2.y += 10;
}
if(key.r){
ball.x = 320;
ball.y = 240;
ball.direction = Math.random()*-90+-45;
}
if(score1 == 30 ){
print("p1 win", 180, 180, '#fd7e24', 100);
stop();
}
if(score2 == 30 ){
print("p2 win", 180, 180, '#157df9', 100);
stop();
}
}
第六-3步:創建函示並寫入程式碼
第六-3步:創建函示並寫入程式碼
程式碼:
程式碼:
function touchplayer() {
if (ball.touched(p1) || ball.touched(p2)) {
sound.play('BonusCube.mp3');
ball.direction = -ball.direction + Math.random()*16;
speed = speed +0.5;
}
}
第六-4步:把函示名稱丟入重複無限次程式碼裡，並印出分數
第六-4步:把函示名稱丟入重複無限次程式碼裡，並印出分數
程式碼:
程式碼:
forever(function() {
touchBorder();
playContral();
touchplayer();
ball.stepForward(speed);
print(score2, 30, 20, '#157df9', 40);
print(score1, 580, 20, '#fd7e24', 40);
});
教學影片
教學影片
預覽畫面
預覽畫面
https://koding.school/projects/36ys6vpj
Page updated
Google Sites
Report abuse