5_game | 程式專案 | 橘蘋學習平台

{"id":262711,"student_id":3760,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml lang=\\\"en\\\"\u003e\\n\u003chead\u003e\\n    \u003cmeta charset=\\\"UTF-8\\\"\u003e\\n    \u003cmeta http-equiv=\\\"X-UA-Compatible\\\" content=\\\"IE=edge\\\"\u003e\\n    \u003cmeta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0\\\"\u003e\\n    \u003ctitle\u003e迷你賽車\u003c/title\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n    \u003c!-- 遊戲場景寬高 640, 480 --\u003e\\n    \u003ccanvas id=\\\"stage\\\" width=\\\"640\\\" height=\\\"480\\\"\u003e\u003c/canvas\u003e\\n\\n    \u003c!-- 載入遊戲引擎 --\u003e\\n    \u003cscript src=\\\"https://orangeappletw.github.io/engine.js/engine-min.js\\\"\u003e\u003c/script\u003e\\n\\n    \u003cscript\u003e\\n        let game = Engine('stage'); // 傳入畫布元素的 ID\\n        game.start();\\n\\n        game.setBackdrop(\\\"bg.jpg\\\");\\n        let end = game.createSprite(\\\"end.png\\\");\\n        let road = game.createSprite(\\\"road.png\\\");\\n        let car1 = game.createSprite(\\\"car_red.png\\\");\\n        let car2 = game.createSprite(\\\"car_blue.png\\\");\\n        end.direction = 0;\\n        end.y = 40;\\n        end.x = 450;\\n        car1.direction = 270;\\n        car1.y = 20;\\n        car1.x = 340;\\n        car2.direction = 270;\\n        car2.y = 50;\\n        car2.x = 340;\\n\\n        function loop() {\\n            if (game.key.right) {\\n                car1.direction += 4;\\n            }\\n            if (game.key.left) {\\n                car1.direction -= 4;\\n            }\\n            if (car1.touched(road)) {\\n                car1.stepForward(0.3);\\n            } else {\\n                car1.stepForward(1);\\n            }\\n\\n            if (game.key.d) {\\n                car2.direction += 4;\\n            }\\n            if (game.key.a) {\\n                car2.direction -= 4;\\n            }\\n            if (car2.touched(road)) {\\n                car2.stepForward(0.3);\\n            } else {\\n                car2.stepForward(1);\\n            }\\n\\n            if (car2.touched(end) \u0026\u0026 car1.touched(end)) {\\n                game.stop();\\n            }\\n        }\\n\\n        game.forever(loop);\\n    \u003c/script\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"\",\"js\":\"\"}","created_at":"2021-06-17T22:55:23.227+08:00","updated_at":"2021-06-17T23:09:01.606+08:00","name":"5_game","language":"web","screenshot":{"url":"https://cdn6.koding.school/uploads/project/screenshot/262711/5861bf44b41d64ecc481b79643629fe3.jpg"},"parent_id":3,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":39,"hashid":"9ygspgg6p","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}

[{"id":5040669,"file_name":"road.png","project_id":262711,"asset_id":23940,"created_at":"2021-06-17T22:56:44.573+08:00","updated_at":"2021-06-17T22:56:44.573+08:00"},{"id":5040663,"file_name":"bg.jpg","project_id":262711,"asset_id":24106,"created_at":"2021-06-17T22:56:43.131+08:00","updated_at":"2021-06-17T22:56:43.131+08:00"},{"id":5040664,"file_name":"car_black.png","project_id":262711,"asset_id":24107,"created_at":"2021-06-17T22:56:43.133+08:00","updated_at":"2021-06-17T22:56:43.133+08:00"},{"id":5040667,"file_name":"car_yellow.png","project_id":262711,"asset_id":24109,"created_at":"2021-06-17T22:56:44.033+08:00","updated_at":"2021-06-17T22:56:44.033+08:00"},{"id":5040668,"file_name":"end.png","project_id":262711,"asset_id":24111,"created_at":"2021-06-17T22:56:44.035+08:00","updated_at":"2021-06-17T22:56:44.035+08:00"},{"id":5040665,"file_name":"car_blue.png","project_id":262711,"asset_id":24110,"created_at":"2021-06-17T22:56:43.648+08:00","updated_at":"2021-06-17T22:56:43.648+08:00"},{"id":5040666,"file_name":"car_red.png","project_id":262711,"asset_id":24108,"created_at":"2021-06-17T22:56:43.651+08:00","updated_at":"2021-06-17T22:56:43.651+08:00"}]