{"id":557,"date":"2023-01-28T16:48:03","date_gmt":"2023-01-28T08:48:03","guid":{"rendered":"https:\/\/blog.godzeng.com\/?p=557"},"modified":"2023-01-28T16:52:24","modified_gmt":"2023-01-28T08:52:24","slug":"esp%e5%b0%88%e6%a1%88%e5%af%a6%e4%bd%9c%e5%88%a9%e7%94%a8esp32%e4%be%86%e6%8e%a7%e5%88%b6rgb%e7%87%88%e6%a2%9d%e5%90%a7","status":"publish","type":"post","link":"https:\/\/blog.godzeng.com\/?p=557","title":{"rendered":"[ESP\u5c08\u6848\u5be6\u4f5c]\u5229\u7528ESP32\u4f86\u63a7\u5236RGB\u71c8\u689d\u5427!"},"content":{"rendered":"\n<p>\u904e\u5e74\u671f\u9593\u6709\u53bb\u4f2f\u7236\u5bb6\u62dc\u500b\u5e74\uff0c\u7531\u65bc\u6211\u4f2f\u7236\u5bb6\u662f\u505a\u71c8\u85dd\u7684\u6240\u4ee5\u53ef\u4ee5\u770b\u5230\u5404\u5f0f\u5404\u7a2eLED\u71c8\u98fe\u9084\u6709\u591a\u7a2e\u4e0d\u540c\u7684LED\u4f48\u666f\uff0c\u9019\u6b21\u56de\u53bb\u4e5f\u548c\u4f2f\u7236\u804a\u4e86\u4e00\u4e0b\u4e5f\u8ac7\u5230\u63a7\u5236\u4e0d\u540c\u71c8\u5149\u7d44\u5408\u7684\u6a21\u5f0f\uff0c\u65bc\u662f\u6211\u5c31\u60f3\u5230\u5229\u7528\u73fe\u5728\u6700\u592f\u7684\u958b\u767c\u7248ESP\u4f86\u5f04\u4e00\u5957\u597d\u50cf\u4e5f\u883b\u597d\u73a9\u7684\uff0c\u7d50\u679c\u4f2f\u7236\u62ff\u4e86\u5e7e\u96bb\u71c8\u689d\u7d66\u6211\u73a9\u770b\u770b\uff0c\u65bc\u662f\u5c31\u6709\u4e86\u9019\u7bc7\u6587\u7ae0XD<\/p>\n\n\n\n<p>\u56de\u6b78\u4e3b\u984c \u73fe\u5728\u5e02\u9762\u4e0a\u7684\u8a31\u591a\u7522\u54c1\u9019\u7a2e\u71c8\u5149\u63a7\u5236\u7522\u54c1\u7e3d\u985e\u751a\u591a\uff0c\u4f46\u5176\u904b\u884c\u6a21\u5f0f\u537b\u5927\u540c\u5c0f\u7570\uff0c\u5f9e\u6c23\u6c1b\u71c8\u3001\u6c7d\u6a5f\u8ecaRGB\u5957\u4ef6\u3001\u96fb\u8166RGB\u7b49\u7b49\u90fd\u53ef\u4ee5\u770b\u5230\u9019\u65b9\u9762\u61c9\u7528\u7684\u5b58\u5728\uff0c\u672c\u6b21\u4e3b\u984c\u662f\u5229\u7528ESP32\u4f86\u63a7\u5236\u4e00\u500bRGB\u7684\u71c8\u5177\u4f86\u9054\u6210\u7121\u7dda\u63a7\u5236\u7684\u529f\u80fd!<\/p>\n\n\n\n<p>\u6e96\u5099\u5de5\u5177:<\/p>\n\n\n\n<p>WEMOS D1 ESP32 \u958b\u767c\u7248<\/p>\n\n\n\n<p>TIP120 NPN\u578b\u96fb\u6676\u9ad4 3\u500b<\/p>\n\n\n\n<p>10K\u96fb\u963b 3\u500b<\/p>\n\n\n\n<p>RGB\u71c8\u689d<\/p>\n\n\n\n<p>Arduino IDE 1.8 <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"4032\" height=\"3024\" src=\"https:\/\/blog.godzeng.com\/wp-content\/uploads\/2023\/01\/S__21119008.jpg\" alt=\"\" class=\"wp-image-560\"\/><\/figure>\n\n\n\n<p>\u6211\u9019\u908a\u62ff\u5230\u7684\u662f\u85cd\u8272\u71c8\u7ba1\uff0c\u4f46\u5176\u5be6\u9019\u71c8\u7ba1\u4f7f\u7528RGB\u7684\u71c8\u73e0\u6240\u4ee5\u53ef\u4ee5\u5c07\u5269\u4e0b\u7684\u529f\u80fd\u89e3\u9664\u5c01\u5370<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" src=\"https:\/\/blog.godzeng.com\/wp-content\/uploads\/2023\/01\/image-27.png\" alt=\"\" class=\"wp-image-561\" width=\"333\" height=\"443\"\/><\/figure>\n\n\n\n<p>\u9996\u5148\u6211\u5011\u8981\u5148\u4e86\u89e3\u5230\u71c8\u689d\u7684\u4f9b\u61c9\u96fb\u6e90\u662f12V \u6211\u5011\u7684\u958b\u767c\u7248\u7684\u96fb\u6e90\u662f5V\uff0c\u57fa\u672c\u4e0a\u6211\u6c92\u8fa6\u6cd5\u76f4\u63a5\u7528\u958b\u767c\u7248\u53bb\u9a45\u52d5\u71c8\u689d\uff0c\u6240\u4ee5\u9700\u8981\u900f\u904e\u96fb\u6676\u9ad4\u53bb\u9a45\u52d5\u96fb\u8def\u5982\u4e0b\u5716\u6240\u793a(\u96a8\u624b\u756bXD)<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"4032\" height=\"3024\" src=\"https:\/\/blog.godzeng.com\/wp-content\/uploads\/2023\/01\/S__21119004.jpg\" alt=\"\" class=\"wp-image-562\"\/><\/figure>\n\n\n\n<p>\u505a\u51fa\u4f86\u5927\u6982\u9577\u9019\u6a23\uff0c\u6211\u9019\u908a\u662f\u4f7f\u7528\u5be6\u9a57\u6d1e\u6d1e\u677f\u4f86\u9032\u884c\u5feb\u901f\u4f48\u7dda<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1479\" height=\"1109\" src=\"https:\/\/blog.godzeng.com\/wp-content\/uploads\/2023\/01\/image-28.png\" alt=\"\" class=\"wp-image-563\"\/><\/figure>\n\n\n\n<p>\u63a5\u8457\u4f7f\u7528ESP\u7528\u7684 RGB\u63a7\u5236\u7a0b\u5f0f\u5beb\u9032\u5230\u6211\u5011\u7684\u958b\u767c\u7248\u88e1<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>#include &lt;WiFi.h&gt;\n\n#include &lt;WebServer.h&gt;\n\nconst char* ssid = \"Your_SSID\";  \/\/\u8f38\u5165\u4f60\u5bb6\u88e1WIFI\nconst char* password = \"Your_Password\"; \/\/\u8f38\u5165\u4f60\u5bb6\u88e1WIFI\u5bc6\u78bc\n\nconst byte DNS_PORT = 53;\nconst int red_pin = 26;   \/\/\u5b9a\u7fa9\u63a7\u5236R\u8173\u4f4d\u8f38\u51fa\nconst int green_pin = 27;  \/\/\u5b9a\u7fa9\u63a7\u5236G\u8173\u4f4d\u8f38\u51fa\nconst int blue_pin = 25;   \/\/\u5b9a\u7fa9\u63a7\u5236B\u8173\u4f4d\u8f38\u51fa\n\n\/\/ \u8a2d\u7f6e PWM \u983b\u7387\u3001\u901a\u9053\u548c\u4f4d\u5206\u8fa8\u7387\nconst int frequency = 5000;\nconst int redChannel = 0;\nconst int greenChannel = 1;\nconst int blueChannel = 2;\nconst int resolution = 8;\n\n\nWebServer webServer(80);\n\/\/\n\u8a2d\u5b9a\u7db2\u9801\u8abf\u8272\u7684HTML\u8207JS\nString webpage = \"\"\n\"&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;title&gt;RGB control&lt;\/title&gt;&lt;meta name='mobile-web-app-capable' content='yes' \/&gt;\"\n\"&lt;meta name='viewport' content='width=device-width' \/&gt;&lt;\/head&gt;&lt;body style='margin: 0px; padding: 0px;'&gt;\"\n\"&lt;canvas id='colorspace'&gt;&lt;\/canvas&gt;&lt;\/body&gt;\"\n\"&lt;script type='text\/javascript'&gt;\"\n\"(function () {\"\n\" var canvas = document.getElementById('colorspace');\"\n\" var ctx = canvas.getContext('2d');\"\n\" function drawCanvas() {\"\n\" var colours = ctx.createLinearGradient(0, 0, window.innerWidth, 0);\"\n\" for(var i=0; i &lt;= 360; i+=10) {\"\n\" colours.addColorStop(i\/360, 'hsl(' + i + ', 100%, 50%)');\"\n\" }\"\n\" ctx.fillStyle = colours;\"\n\" ctx.fillRect(0, 0, window.innerWidth, window.innerHeight);\"\n\" var luminance = ctx.createLinearGradient(0, 0, 0, ctx.canvas.height);\"\n\" luminance.addColorStop(0, '#ffffff');\"\n\" luminance.addColorStop(0.05, '#ffffff');\"\n\" luminance.addColorStop(0.5, 'rgba(0,0,0,0)');\"\n\" luminance.addColorStop(0.95, '#000000');\"\n\" luminance.addColorStop(1, '#000000');\"\n\" ctx.fillStyle = luminance;\"\n\" ctx.fillRect(0, 0, ctx.canvas.width, ctx.canvas.height);\"\n\" }\"\n\" var eventLocked = false;\"\n\" function handleEvent(clientX, clientY) {\"\n\" if(eventLocked) {\"\n\" return;\"\n\" }\"\n\" function colourCorrect(v) {\"\n\" return Math.round(1023-(v*v)\/64);\"\n\" }\"\n\" var data = ctx.getImageData(clientX, clientY, 1, 1).data;\"\n\" var params = &#91;\"\n\" 'r=' + colourCorrect(data&#91;0]),\"\n\" 'g=' + colourCorrect(data&#91;1]),\"\n\" 'b=' + colourCorrect(data&#91;2])\"\n\" ].join('&amp;');\"\n\" var req = new XMLHttpRequest();\"\n\" req.open('POST', '?' + params, true);\"\n\" req.send();\"\n\" eventLocked = true;\"\n\" req.onreadystatechange = function() {\"\n\" if(req.readyState == 4) {\"\n\" eventLocked = false;\"\n\" }\"\n\" }\"\n\" }\"\n\" canvas.addEventListener('click', function(event) {\"\n\" handleEvent(event.clientX, event.clientY, true);\"\n\" }, false);\"\n\" canvas.addEventListener('touchmove', function(event){\"\n\" handleEvent(event.touches&#91;0].clientX, event.touches&#91;0].clientY);\"\n\"}, false);\"\n\" function resizeCanvas() {\"\n\" canvas.width = window.innerWidth;\"\n\" canvas.height = window.innerHeight;\"\n\" drawCanvas();\"\n\" }\"\n\" window.addEventListener('resize', resizeCanvas, false);\"\n\" resizeCanvas();\"\n\" drawCanvas();\"\n\" document.ontouchmove = function(e) {e.preventDefault()};\"\n\" })();\"\n\"&lt;\/script&gt;&lt;\/html&gt;\";\n\nvoid handleRoot() {\nString red_pin = webServer.arg(0); \nString green_pin = webServer.arg(1);\nString blue_pin = webServer.arg(2);\n\n\/\/\u984f\u8272\u6bd4\u4f8b\u63a7\u5236\nif((red_pin != \"\") &amp;&amp; (green_pin != \"\") &amp;&amp; (blue_pin != \"\"))\n{ \n  ledcWrite(redChannel, 1023 - red_pin.toInt());\n  ledcWrite(greenChannel, 1023 - green_pin.toInt());\n  ledcWrite(blueChannel, 1023 - blue_pin.toInt());\n}\nSerial.print(\"Red: \");\nSerial.println(red_pin.toInt()); \nSerial.print(\"Green: \");\nSerial.println(green_pin.toInt()); \nSerial.print(\"Blue: \");\nSerial.println(blue_pin.toInt()); \nSerial.println();\n\nwebServer.send(200, \"text\/html\", webpage);\n}\n\nvoid setup() {\n  ledcSetup(redChannel, frequency, resolution);\n  ledcSetup(greenChannel, frequency, resolution);\n  ledcSetup(blueChannel, frequency, resolution);\n \/\/PWM\u5b9a\u7fa9\u5957\u7528RGB\u8173\u4f4d\u4e0a\n  ledcAttachPin(red_pin, redChannel);\n  ledcAttachPin(green_pin, greenChannel);\n  ledcAttachPin(blue_pin, blueChannel);\n\ndelay(1000);\nSerial.begin(115200);\nSerial.println();\n\nWiFi.mode(WIFI_STA);\n  WiFi.begin(ssid, password);\n  Serial.print(\"Connecting to WiFi ..\");\n  while (WiFi.status() != WL_CONNECTED) {\n    Serial.print('.');\n    delay(1000);\n  }\n  Serial.println(WiFi.localIP());\n\n\nwebServer.on(\"\/\", handleRoot);\/\/\u555f\u52d5\u7db2\u9801\u4f3a\u670d\u5668\nwebServer.begin();\n}\n\nvoid loop() {\n\nwebServer.handleClient();\n}\n<\/code><\/pre>\n\n\n\n<p>\u57f7\u884c\u5f8c\u6211\u5011\u6e2c\u8a66\u9023\u7dda\u7531\u958b\u767c\u7248\u6240\u5efa\u7acb\u7684\u4e00\u500b\u7db2\u9801\u4f86\u63a7\u5236\u71c8\u689d<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/blog.godzeng.com\/wp-content\/uploads\/2023\/01\/696587255.805805.mp4\"><\/video><\/figure>\n\n\n\n<p>\u9019\u6a23\u5c31\u53ef\u4ee5\u63a7\u5236\u5566\uff0c\u6211\u662f\u963f\u4fca\u8b1d\u8b1d\u89c0\u770b~~<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u904e\u5e74\u671f\u9593\u6709\u53bb\u4f2f\u7236\u5bb6\u62dc\u500b\u5e74\uff0c\u7531\u65bc\u6211\u4f2f\u7236\u5bb6\u662f\u505a\u71c8\u85dd\u7684\u6240\u4ee5\u53ef\u4ee5\u770b\u5230\u5404\u5f0f\u5404\u7a2eLED\u71c8\u98fe\u9084\u6709\u591a\u7a2e\u4e0d\u540c\u7684LED\u4f48\u666f\uff0c\u9019\u6b21\u56de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":562,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.godzeng.com\/index.php?rest_route=\/wp\/v2\/posts\/557"}],"collection":[{"href":"https:\/\/blog.godzeng.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.godzeng.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.godzeng.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.godzeng.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=557"}],"version-history":[{"count":2,"href":"https:\/\/blog.godzeng.com\/index.php?rest_route=\/wp\/v2\/posts\/557\/revisions"}],"predecessor-version":[{"id":566,"href":"https:\/\/blog.godzeng.com\/index.php?rest_route=\/wp\/v2\/posts\/557\/revisions\/566"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.godzeng.com\/index.php?rest_route=\/wp\/v2\/media\/562"}],"wp:attachment":[{"href":"https:\/\/blog.godzeng.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=557"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.godzeng.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=557"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.godzeng.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=557"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}