{"id":12105,"date":"2018-02-28T00:00:00","date_gmt":"2018-02-27T16:00:00","guid":{"rendered":"https:\/\/fgchen.com\/wpedu2\/2018\/02\/28\/%e3%80%90%e7%a8%8b%e5%bc%8f%e8%a8%ad%e8%a8%88%e3%80%91%e3%80%90c%e3%80%91%e3%80%90%e9%81%8a%e6%88%b2%e8%a8%ad%e8%a8%88%e3%80%91%e5%88%a9%e7%94%a8%e8%83%8c%e6%99%af%e6%8d%b2%e5%8b%95%e5%af%a6%e7%8f%be\/"},"modified":"2026-03-30T14:48:06","modified_gmt":"2026-03-30T06:48:06","slug":"%e3%80%90%e7%a8%8b%e5%bc%8f%e8%a8%ad%e8%a8%88%e3%80%91%e3%80%90c%e3%80%91%e3%80%90%e9%81%8a%e6%88%b2%e8%a8%ad%e8%a8%88%e3%80%91%e5%88%a9%e7%94%a8%e8%83%8c%e6%99%af%e6%8d%b2%e5%8b%95%e5%af%a6%e7%8f%be","status":"publish","type":"post","link":"https:\/\/fgchen.com\/wpedu\/2018\/02\/%e3%80%90%e7%a8%8b%e5%bc%8f%e8%a8%ad%e8%a8%88%e3%80%91%e3%80%90c%e3%80%91%e3%80%90%e9%81%8a%e6%88%b2%e8%a8%ad%e8%a8%88%e3%80%91%e5%88%a9%e7%94%a8%e8%83%8c%e6%99%af%e6%8d%b2%e5%8b%95%e5%af%a6%e7%8f%be\/","title":{"rendered":"\u3010\u7a0b\u5f0f\u8a2d\u8a08\u3011\u3010C#\u3011\u3010\u904a\u6232\u8a2d\u8a08\u3011\u5229\u7528\u80cc\u666f\u6372\u52d5\u5be6\u73fe\u904a\u6232\u5834\u666f\u7684\u52d5\u614b\u8b8a\u5316"},"content":{"rendered":"\u99ac\u5229\u6b50\u904a\u6232\u5927\u6982\u662f\u6700\u5bb6\u55bb\u4e92\u66c9\u7684\u904a\u6232\u4e86\uff1a\n\n\n\n\u4e00\u822c\u4f86\u8aaa\uff0c\u904a\u6232\u7531\u975c\u614b\u7684\u5143\u7d20\u8207\u52d5\u4f5c\u7d44\u6210\uff1a\n\u904a\u6232\u7684\u975c\u614b\u5143\u7d20\uff1a\n\n<ol>\n    <li>\u89d2\u8272<\/li>\n    <li>\u5834\u666f<\/li>\n    <li>\u963b\u7919\u7269\u3001\u6697\u6a01<\/li>\n    <li>\u6575\u4eba(\u9b54\u738b)<\/li>\n    <li>\u8611\u83c7 (\u597d\u3001\u58de)<\/li>\n<\/ol>\n\n\u904a\u6232\u7684\u52d5\u614b\u5143\u7d20\n\n<ol>\n    <li>\u89d2\u8272\u7684\u79fb\u52d5\u3001\u5954\u8dd1<\/li>\n    <li>\u9b54\u738b\u7684\u79fb\u52d5\u3001\u5954\u8dd1<\/li>\n<\/ol>\n\n\u6211\u5011\u8981\u5982\u4f55\u505a\u9019\u6a23\u7684\u904a\u6232\u5462\uff1f\n\u6211\u5011\u5148\u53c3\u8003\u9019\u4e9b\u7d19\u677f\u904a\u6232\uff1a\n\n<ul>\n    <li><a href=\"https:\/\/www.youtube.com\/watch?v=n6gXzqvnc_s\" target=\"_blank\" rel=\"noopener noreferrer\">\u7d19\u677f\u746a\u5229\u6b50<\/a><\/li>\n    <li><a href=\"https:\/\/www.youtube.com\/watch?v=WM7ugoJpj-s\" target=\"_blank\" rel=\"noopener noreferrer\">\u7d19\u677f\u8cfd\u8eca<\/a><\/li>\n    <li><a href=\"https:\/\/www.youtube.com\/watch?v=_eU6J3GV8V4\" target=\"_blank\" rel=\"noopener noreferrer\">\u7d19\u677f\u5730\u9435\u8dd1\u9177<\/a><\/li>\n    <li><a href=\"https:\/\/www.youtube.com\/watch?v=ZilTu-YoBEI\" target=\"_blank\" rel=\"noopener noreferrer\">\u7d19\u677f\u5674\u5c04\u6230\u6a5f<\/a><\/li>\n<\/ul>\n\n<h3>\u4e00\u3001\u8981\u958b\u59cb\u88fd\u4f5c\u904a\u6232\uff0c\u6211\u5011\u8981\u6709\u89d2\u8272\u3001\u80cc\u666f\u6750\u6599\uff0c\u6240\u5e78\u4e0b\u9762\u7db2\u7ad9\u63d0\u4f9b\u4e86\u7d55\u4f73\u7684\u88fd\u4f5c\u6750\u6599\uff1a<\/h3>\n\n<ul>\n    <li><a href=\"https:\/\/www.spriters-resource.com\/nes\/supermariobros\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u904a\u6232\u8cc7\u6e90<\/a>\uff0c\u80cc\u666f\u5716\u3001\u89d2\u8272\u5716(\u52d5\u4f5c\u5206\u89e3\u5716)\u3001\u97f3\u6548\u7b49\u904a\u6232\u8cc7\u6e90<\/li>\n<\/ul>\n\n\u6211\u5011\u5f9e\u4e0a\u9762\u7684\u8cc7\u6e90\u4f86\u6e96\u5099\u6211\u5011\u8981\u7684\u5716\u3001\u97f3\u6548\u6a94\u3002\n\u4e0b\u8f09\u5716\u7247\uff0c\u4e26\u7528\u5c0f\u756b\u5bb6(\u6216\u5176\u4ed6\u7e6a\u5716\u8edf\u9ad4\uff0c\u4f8bPhotoShop)\u8655\u7406\u5716\u7247\uff0c\u526a\u4e0b\u9700\u8981\u7684\u90e8\u4efd\u3002\n\u82e5\u5716\u7247\u9700\u8981\u53bb\u80cc\u8655\u7406(\u53bb\u6389\u767d\u8272\/\u5176\u4ed6\u984f\u8272\u80cc\u666f)\uff0c\u5728\u7dda\u4e0a\u641c\u5c0b&#8221;\u7dda\u4e0a\u53bb\u80cc&#8221;\u7db2\u7ad9\u4f86\u8655\u7406\u53bb\u80cc\u7684\u5de5\u4f5c\u3002\n\n<h3>\u4e8c\u3001\u63a5\u4e0b\u4f86\uff0c\u6211\u5011\u958b\u59cb\u8a2d\u8a08\u7a0b\u5f0f\uff0c\u958b\u555fVisual C#\u3002<\/h3>\n\n\u52a0\u5165PictureBox\u5143\u4ef6\u653e\u7f6e\u80cc\u666f\u5716\u7247\n\n<p style=\"padding-left: 30px\">\u6307\u5b9aImage\uff0c\u8f09\u5165\u80cc\u666f\u5716\u7247<\/p>\n\n<p style=\"padding-left: 30px\">\u8a2d\u5b9aLocation\u70ba(0,0)\uff0c\u8b93PictureBox\u7f6e\u65bcForm1\u5de6\u4e0a\u89d2\u3002<\/p>\n\n<p style=\"padding-left: 30px\">\u8a2d\u5b9aSizeMode\u70ba&#8221;AutoSize&#8221;\uff0c\u8b93PictureBox\u81ea\u52d5\u8a2d\u5b9a\u5927\u5c0f\u70ba\u8f09\u5165\u5716\u7247\u7684\u5927\u5c0f\u3002<\/p>\n\n\u52a0\u5165PictureBox\u5143\u4ef6\u653e\u7f6e\u89d2\u8272\u5716\u7247\n\n<p style=\"padding-left: 30px\">\u6307\u5b9aImage\uff0c\u8f09\u5165\u89d2\u8272\u5716\u7247\uff0c\u89d2\u8272\u5716\u7247\u5fc5\u9808\u70ba\u53bb\u80cc\u666f\u5716\u7247\uff0c\u624d\u80fd\u878d\u5165\u80cc\u666f\u756b\u9762\u3002<\/p>\n\n<p style=\"padding-left: 30px\">\u8a2d\u5b9aSizeMode\u70ba&#8221;StretchImahe&#8221;\uff0c\u8b93\u89d2\u8272\u5716\u7247\u81ea\u52d5\u7e2e\u653e\u70baPictureBox\u5143\u4ef6\u7684\u5927\u5c0f\u3002<\/p>\n\n\u756b\u9762\u5982\u4e0b\uff1a\n<a href=\"http:\/\/www.fgchen.com\/wp\/%e3%80%90%e7%a8%8b%e5%bc%8f%e8%a8%ad%e8%a8%88%e3%80%91%e3%80%90c%e3%80%91%e3%80%90%e9%81%8a%e6%88%b2%e8%a8%ad%e8%a8%88%e3%80%91%e5%88%a9%e7%94%a8%e8%83%8c%e6%99%af%e6%8d%b2%e5%8b%95%e5%af%a6%e7%8f%be\/marioscreendesign\/\" rel=\"attachment wp-att-6037\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-6037\" src=\"http:\/\/www.fgchen.com\/wp\/wp-content\/uploads\/2018\/02\/MarioScreenDesign.png\" alt=\"\" width=\"1000\" height=\"345\" \/><\/a>\n\u6b64\u6642\uff0c\u89d2\u8272\u5716\u7247\u96d6\u70ba\u53bb\u80cc\u5716\u7247\uff0c\u4f46\u662f\u4e26\u672a\u878d\u5165\u80cc\u666f\uff0c\u55ef\uff0c\u6211\u5011\u8981\u5728\u7a0b\u5f0f\u52a0\u4e0a\u4e8c\u689d\u6307\u4ee4\uff1a\n\n<pre class=\"lang:c# decode:true \">private void Form1_Load(object sender, EventArgs e)\n{\n    \u89d2\u8272.Parent = \u904a\u6232\u80cc\u666f;  \/\/\u5c07\u89d2\u8272\u5716\u7247\u65b9\u584a\u7684Parent\u5c6c\u6027\u8a2d\u70ba\u904a\u6232\u80cc\u666f\u5716\u7247\u65b9\u584a\uff0cParent\u8868\u793a\u4e0a\u4e00\u5c64\uff0c\u7236\u5c64\u2026\n    \u904a\u6232\u80cc\u666f.BackColor = Color.Transparent; \/\/\u5c07\u6232\u80cc\u666f\u7684BackColor\u8a2d\u70ba\u900f\u660e\uff0c\n}<\/pre>\n\n\u57f7\u884c\u6642\uff0c\u756b\u9762\u5c31\u80fd\u8b8a\u6210\u5b8c\u7f8e\u7684\u904a\u6232\u756b\u9762\u4e86\uff1a\n<a href=\"http:\/\/www.fgchen.com\/wp\/%e3%80%90%e7%a8%8b%e5%bc%8f%e8%a8%ad%e8%a8%88%e3%80%91%e3%80%90c%e3%80%91%e3%80%90%e9%81%8a%e6%88%b2%e8%a8%ad%e8%a8%88%e3%80%91%e5%88%a9%e7%94%a8%e8%83%8c%e6%99%af%e6%8d%b2%e5%8b%95%e5%af%a6%e7%8f%be\/marioscreendesignrun\/\" rel=\"attachment wp-att-6038\"><img decoding=\"async\" class=\"alignnone size-full wp-image-6038\" src=\"http:\/\/www.fgchen.com\/wp\/wp-content\/uploads\/2018\/02\/MarioScreenDesignRun.png\" alt=\"\" width=\"1090\" height=\"343\" \/><\/a>\n\n<h3>\u4e09\u3001\u63a5\u4e0b\u4f86\uff0c\u6211\u5011\u8981\u8655\u7406\u5954\u8dd1\u7684\u52d5\u4f5c<\/h3>\n\n\u6211\u5011\u89c0\u5bdf\u99ac\u5229\u6b50\u904a\u6232\u7684\u52d5\u4f5c\u767c\u73fe\uff0c\u99ac\u5229\u6b50\u7684\u79fb\u52d5\u5206\u6210\u4e8c\u500b\u90e8\u4efd\uff0c\u6162\u901f\u79fb\u52d5\u8207\u5feb\u901f\u79fb\u52d5\uff0c\u7576\u6162\u901f\u79fb\u52d5\u6642(\u8d70)\uff0c\u662f\u89d2\u8272\u5728\u756b\u9762\u4e2d\u79fb\u52d5\uff0c\u7576\u5feb\u901f\u79fb\u52d5\u6642(\u8dd1)\uff0c\u89d2\u8272\u56fa\u5b9a\u5728\u87a2\u5e55\u4e2d\u9593\uff0c\u4ee5\u80cc\u666f\u5de6\u53f3\u79fb\u52d5\u7684\u65b9\u5f0f\uff0c\u7522\u751f\u89d2\u8272\u5954\u8dd1\u7684\u6548\u679c\u3002\n\u5728\u9019\u908a\uff0c\u6211\u5011\u8981\u8655\u7406\u7576\u73a9\u5bb6\u6309\u4e86\u5de6\u9375\u8207\u53f3\u9375\u7684\u5c0d\u61c9\u52d5\u4f5c\uff0c\u7576\u73a9\u5bb6\u6309\u5de6\u9375\uff0c\u6211\u5011\u79fb\u52d5\u80cc\u666f\u5716\u7247\u5411\u53f3(\u8207\u89d2\u8272\u52d5\u4f5c\u76f8\u53cd\u65b9\u5411)\uff0c\u7522\u751f\u89d2\u8272\u5411\u5de6\u8dd1\u7684\u6548\u679c\uff1b\u7576\u73a9\u5bb6\u6309\u53f3\u9375\uff0c\u6211\u5011\u79fb\u52d5\u80cc\u666f\u5716\u7247\u5411\u5de6\uff0c\u7522\u751f\u89d2\u8272\u5411\u53f3\u8dd1\u7684\u6548\u679c\u3002\n\u80cc\u666f\u5716\u7247\u5411\u53f3\u5c31\u662f\u5c07\u80cc\u666f\u5716\u7247\u7684Left\u5c6c\u6027\u52a0\u4e00\u500b\u56fa\u5b9a\u5927\u5c0f\u7684\u79fb\u52d5\u503c\uff0c\u6bd4\u59825(\u8981\u5feb\u4e00\u9ede\u7684\u8a71\uff0c\u589e\u91cf\u70ba10)\u3002\n\u80cc\u666f\u5716\u7247\u5411\u5de6\u5c31\u662f\u5c07\u80cc\u666f\u5716\u7247\u7684Left\u5c6c\u6027\u6e1b\u4e00\u500b\u56fa\u5b9a\u5927\u5c0f\u7684\u79fb\u52d5\u503c\uff0c\u6bd4\u59825(\u8981\u5feb\u4e00\u9ede\u7684\u8a71\uff0c\u6e1b\u91cf\u70ba10)\u3002\nOK\uff0c\u4e86\u89e3\u6574\u500b\u52d5\u4f5c\u7684\u5927\u6982\u5f8c\uff0c\u6211\u5011\u4f86\u52a0\u4e0a\u7a0b\u5f0f\u78bc\u5728\u8868\u55ae\u7684KeyDown\u4e8b\u4ef6\u3002\n\n<pre class=\"lang:c# decode:true \">int \u79fb\u52d5\u91cf = 5;\nprivate void Form1_KeyDown(object sender, KeyEventArgs e)\n{\n    if (e.KeyCode == Keys.Right) \/\/\u6309\u4e86\u53f3\u9375\u7684\u8a71\n    {\n        \u89d2\u8272.Location = new Point(\u89d2\u8272.Location.X + \u79fb\u52d5\u91cf, \u89d2\u8272.Location.Y); \/\/\u4e00\u65e6\u89d2\u8272\u7684Parent\u5c6c\u6027\u8a2d\u70ba\u904a\u6232\u80cc\u666f\u5716\u7247\u6642\uff0c\u89d2\u8272\u5716\u7247\u6703\u8ddf\u8457\u8dd1\uff0c\u56e0\u6b64\uff0c\u9700\u8981\u9032\u884c\u6c34\u5e73\u4f4d\u7f6e\u7684\u79fb\u52d5\uff0c\u4f7f\u5f97\u89d2\u8272\u4fdd\u6301\u4e2d\u9593\u4f4d\u7f6e\n        \u904a\u6232\u80cc\u666f.Left -= \u79fb\u52d5\u91cf; \/\/\u80cc\u666f\u5411\u5de6\n    }\n    if (e.KeyCode == Keys.Left) \/\/\u6309\u4e86\u5de6\u9375\u7684\u8a71\n    {\n        \u89d2\u8272.Location = new Point(\u89d2\u8272.Location.X - \u79fb\u52d5\u91cf, \u89d2\u8272.Location.Y);\n        \u904a\u6232\u80cc\u666f.Left += \u79fb\u52d5\u91cf; \/\/\u80cc\u666f\u5411\u53f3\n    }\n}<\/pre>\n\n\u4e0a\u9762\u7a0b\u5f0f\u4e5f\u540c\u6642\u8655\u7406\u89d2\u8272\u7684\u79fb\u52d5\uff0c\u539f\u56e0\u662f\u4e00\u65e6\u89d2\u8272\u7684Parent\u5c6c\u6027\u8a2d\u70ba\u904a\u6232\u80cc\u666f\u5716\u7247\u6642\uff0c\u89d2\u8272\u5716\u7247\u6703\u8ddf\u8457\u8dd1\uff0c\u56e0\u6b64\uff0c\u9700\u8981\u9032\u884c\u6c34\u5e73\u4f4d\u7f6e\u7684\u79fb\u52d5\uff0c\u4f7f\u5f97\u89d2\u8272\u4fdd\u6301\u4e2d\u9593\u4f4d\u7f6e\u3002\n\u4e0a\u9762\u7684\u7a0b\u5f0f\uff0c\u5c1a\u672a\u8655\u7406\u80cc\u666f\u6372\u52d5\u6642\uff0c\u5de6\u53f3\u4e8c\u908a\u7684\u72c0\u6cc1\uff1a\n\n\n\n\u56e0\u6b64\uff0c\u4e0b\u9762\u7684\u7a0b\u5f0f\u8655\u7406\u4e86\u4e8c\u908a\u7684\u72c0\u6cc1\uff1a\n\n<pre class=\"lang:c# decode:true \">int \u79fb\u52d5\u91cf = 10;\nprivate void Form1_KeyDown(object sender, KeyEventArgs e)\n{\n    if (e.KeyCode == Keys.Right &amp;&amp; \u904a\u6232\u80cc\u666f.Left &gt; (this.ClientSize.Width - \u904a\u6232\u80cc\u666f.Width)) \/\/\u6309\u4e86\u53f3\u9375\u7684\u8a71 \u800c\u4e14 \u2026\n    {\n        \u89d2\u8272.Location = new Point(\u89d2\u8272.Location.X + \u79fb\u52d5\u91cf, \u89d2\u8272.Location.Y); \/\/\u4e00\u65e6\u89d2\u8272\u7684Parent\u5c6c\u6027\u8a2d\u70ba\u904a\u6232\u80cc\u666f\u5716\u7247\u6642\uff0c\u89d2\u8272\u5716\u7247\u6703\u8ddf\u8457\u8dd1\uff0c\u56e0\u6b64\uff0c\u9700\u8981\u9032\u884c\u6c34\u5e73\u4f4d\u7f6e\u7684\u79fb\u52d5\uff0c\u4f7f\u5f97\u89d2\u8272\u4fdd\u6301\u4e2d\u9593\u4f4d\u7f6e\n        \u904a\u6232\u80cc\u666f.Left -= \u79fb\u52d5\u91cf; \/\/\u80cc\u666f\u5411\u5de6\n    }\n    if (e.KeyCode == Keys.Left &amp;&amp; \u904a\u6232\u80cc\u666f.Left &lt; 0) \/\/\u6309\u4e86\u5de6\u9375\u7684\u8a71 \u800c\u4e14 \u904a\u6232\u80cc\u666f.Left \u8d85\u904e \u756b\u9762\u5de6\u908a\u7684\u60c5\u6cc1\u4e0b\n    {\n        \u89d2\u8272.Location = new Point(\u89d2\u8272.Location.X - \u79fb\u52d5\u91cf, \u89d2\u8272.Location.Y);\n        \u904a\u6232\u80cc\u666f.Left += \u79fb\u52d5\u91cf; \/\/\u80cc\u666f\u5411\u53f3\n    }\n}<\/pre>\n\n\n\n<h3>\u53c3\u8003\uff1a<\/h3>\n\nPart 1 &#8211; Movements &#8211; <a class=\"yt-simple-endpoint style-scope yt-formatted-string\" href=\"https:\/\/www.youtube.com\/watch?v=Cc62S6b94QQ\">http:\/\/www.youtube.com\/watch?v=Cc62S6&#8230;<\/a>\nPart 2 &#8211; Jumping &#8211; <a class=\"yt-simple-endpoint style-scope yt-formatted-string\" href=\"https:\/\/www.youtube.com\/watch?v=X1lfRIi1G6g\">http:\/\/www.youtube.com\/watch?v=X1lfRI&#8230;<\/a>\nPart 3 &#8211; Collision &#8211; <a class=\"yt-simple-endpoint style-scope yt-formatted-string\" href=\"https:\/\/www.youtube.com\/watch?v=vBT5Gl7CafM\">http:\/\/www.youtube.com\/watch?v=vBT5Gl&#8230;<\/a>\nPart 4 &#8211; Character Design &#8211; <a class=\"yt-simple-endpoint style-scope yt-formatted-string\" href=\"https:\/\/www.youtube.com\/watch?v=EMOpp1IXSB8\">http:\/\/www.youtube.com\/watch?v=EMOpp1&#8230;<\/a>","protected":false},"excerpt":{"rendered":"<p>\u99ac\u5229\u6b50\u904a\u6232\u5927\u6982\u662f\u6700\u5bb6\u55bb\u4e92\u66c9\u7684\u904a\u6232\u4e86\uff1a \u4e00\u822c\u4f86\u8aaa\uff0c\u904a\u6232\u7531\u975c\u614b\u7684\u5143\u7d20\u8207\u52d5\u4f5c\u7d44\u6210\uff1a \u904a &hellip; <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[266],"tags":[93,169,137],"class_list":["post-12105","post","type-post","status-publish","format-standard","hentry","category-266","tag-c","tag-169","tag-137"],"_links":{"self":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts\/12105","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/comments?post=12105"}],"version-history":[{"count":1,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts\/12105\/revisions"}],"predecessor-version":[{"id":13382,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts\/12105\/revisions\/13382"}],"wp:attachment":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/media?parent=12105"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/categories?post=12105"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/tags?post=12105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}