叩叮拼圖(1) | JavaScript Programming Project

{"id":113106,"student_id":10,"content":"// 這個專案是練習角色的座標 \u0026 方向\n// 能提示學生的是 拼圖的大小120*120 \u0026 9片拼圖組合後的樣子\n// TODO: 過關時黑色要變成全景圖片！\n\n\na.x = 200;\na.y = 120;\n\nb.x = 320;\nb.y = 120;\nb.direction = 180;\n\nc.x = 440;\nc.y = 120;\n\nd.x = 200;\nd.y = 240;\nd.direction = 270;\n\ne.x = 320;\ne.y = 240;\ne.direction = 0;\n\nf.x = 440;\nf.y = 240;\n\ng.x = 200;\ng.y = 360;\ng.direction = 0;\n\nh.x = 320;\nh.y = 360;\nh.direction = 180;\n\ni.x = 440;\ni.y = 360;","created_at":"2019-12-10T11:11:06.089+08:00","updated_at":"2019-12-10T11:36:00.486+08:00","name":"叩叮拼圖(1)","language":"javascript","screenshot":{"url":"/uploads/project/screenshot/113106/9786a180d7fda9d8cc302e0c26c68960.jpg"},"parent_id":2,"plugin":"var a = createSprite('a.jpeg');\nvar b = createSprite('b.jpeg');\nvar c = createSprite('c.jpeg');\nvar d = createSprite('d.jpeg');\nvar e = createSprite('e.jpeg');\nvar f = createSprite('f.jpeg');\nvar g = createSprite('g.jpeg');\nvar h = createSprite('h.jpeg');\nvar i = createSprite('i.jpeg');\n\nforever(function(){\n    \n    if (a.x === 200 \u0026\u0026 a.y === 120 \u0026\u0026 a.direction === 90 \u0026\u0026\n        b.x === 320 \u0026\u0026 b.y === 120 \u0026\u0026 b.direction === 180 \u0026\u0026\n        c.x === 440 \u0026\u0026 c.y === 120 \u0026\u0026 c.direction === 90 \u0026\u0026\n        d.x === 200 \u0026\u0026 d.y === 240 \u0026\u0026 d.direction === 270 \u0026\u0026\n        e.x === 320 \u0026\u0026 e.y === 240 \u0026\u0026 e.direction === 0 \u0026\u0026\n        f.x === 440 \u0026\u0026 f.y === 240 \u0026\u0026 f.direction === 90 \u0026\u0026\n        g.x === 200 \u0026\u0026 g.y === 360 \u0026\u0026 g.direction === 0 \u0026\u0026\n        h.x === 320 \u0026\u0026 h.y === 360 \u0026\u0026 h.direction === 180 \u0026\u0026\n        i.x === 440 \u0026\u0026 i.y === 360 \u0026\u0026 i.direction === 90\n    ) {\n        setBackdrop('black');\n    } else {\n        setBackdrop('white');\n    }\n});\n","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":435,"hashid":"2pdsepq2","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}

[{"id":1931562,"file_name":"a.jpeg","project_id":113106,"asset_id":170271,"created_at":"2019-12-10T11:11:35.995+08:00","updated_at":"2019-12-10T11:11:35.995+08:00"},{"id":1931563,"file_name":"b.jpeg","project_id":113106,"asset_id":170272,"created_at":"2019-12-10T11:11:35.997+08:00","updated_at":"2019-12-10T11:11:35.997+08:00"},{"id":1931564,"file_name":"c.jpeg","project_id":113106,"asset_id":170273,"created_at":"2019-12-10T11:11:36.690+08:00","updated_at":"2019-12-10T11:11:36.690+08:00"},{"id":1931565,"file_name":"d.jpeg","project_id":113106,"asset_id":170274,"created_at":"2019-12-10T11:11:36.692+08:00","updated_at":"2019-12-10T11:11:36.692+08:00"},{"id":1931566,"file_name":"e.jpeg","project_id":113106,"asset_id":170275,"created_at":"2019-12-10T11:11:38.248+08:00","updated_at":"2019-12-10T11:11:38.248+08:00"},{"id":1931567,"file_name":"f.jpeg","project_id":113106,"asset_id":170276,"created_at":"2019-12-10T11:11:38.250+08:00","updated_at":"2019-12-10T11:11:38.250+08:00"},{"id":1931568,"file_name":"g.jpeg","project_id":113106,"asset_id":170277,"created_at":"2019-12-10T11:11:38.900+08:00","updated_at":"2019-12-10T11:11:38.900+08:00"},{"id":1931569,"file_name":"h.jpeg","project_id":113106,"asset_id":170278,"created_at":"2019-12-10T11:11:38.902+08:00","updated_at":"2019-12-10T11:11:38.902+08:00"},{"id":1931570,"file_name":"i.jpeg","project_id":113106,"asset_id":170279,"created_at":"2019-12-10T11:11:39.590+08:00","updated_at":"2019-12-10T11:11:39.590+08:00"}]