{"id":7542,"date":"2026-07-31T01:09:50","date_gmt":"2026-07-30T17:09:50","guid":{"rendered":"https:\/\/i007.cc\/wordpress\/?p=7542"},"modified":"2026-07-31T01:09:50","modified_gmt":"2026-07-30T17:09:50","slug":"%e8%b0%88%e8%b0%88%e6%b8%b8%e6%88%8f%e5%be%aa%e7%8e%af%ef%bc%88game-loop%ef%bc%89%e7%9a%84%e8%ae%be%e8%ae%a1","status":"publish","type":"post","link":"https:\/\/i007.cc\/wordpress\/archives\/7542","title":{"rendered":"\u8c08\u8c08\u6e38\u620f\u5faa\u73af\uff08Game Loop\uff09\u7684\u8bbe\u8ba1"},"content":{"rendered":"<div data-rs-index=\"16\" data-index=\"16\">\n<div tabindex=\"0\" role=\"article\" aria-setsize=\"18\" aria-posinset=\"17\" aria-label=\"Message 17 of 18\">\n<div data-test-render-count=\"2\">\n<div class=\"mb-1 mt-[var(--msg-gap,1.5rem)] group group\/message-row\">\n<div class=\"flex flex-col items-end gap-1\">\n<div class=\"group relative inline-flex gap-2 bg-bg-300 dark:[[data-darker-default]_&amp;]:bg-bg-000 rounded-xl pl-2.5 py-[var(--msg-bubble-py,0.625rem)] break-words text-text-100 transition-all max-w-[75ch] flex-col !px-[var(--msg-bubble-px,1rem)] max-w-[85%]\" data-user-message-bubble=\"true\">\n<div class=\"flex flex-row gap-2 relative\">\n<div class=\"flex-1\">\n<div class=\"font-large !font-user-message py-0.5 grid grid-cols-1 gap-2 relative [&amp;_ul]:!space-y-0 [&amp;_ol]:!space-y-0 [&amp;_ul]:pl-8 [&amp;_ol]:pl-8\" data-testid=\"user-message\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div data-rs-index=\"17\" data-index=\"17\" data-last-message=\"true\">\n<div tabindex=\"-1\" role=\"article\" aria-setsize=\"18\" aria-posinset=\"18\" aria-label=\"Message 18 of 18\">\n<div data-test-render-count=\"1\">\n<div class=\"group group\/message-row\">\n<div class=\"group relative relative pb-[var(--msg-assistant-pb,0.75rem)]\" data-is-streaming=\"false\">\n<div class=\"font-claude-response relative leading-[1.65rem] [&amp;_pre&gt;div]:bg-bg-000\/50 [&amp;_pre&gt;div]:border-0.5 [&amp;_pre&gt;div]:border-border-400 [&amp;_.ignore-pre-bg&gt;div]:bg-transparent [&amp;_.standard-markdown_:is(p,blockquote,h1,h2,h3,h4,h5,h6)]:pl-2 [&amp;_.standard-markdown_:is(p,blockquote,ul,ol,h1,h2,h3,h4,h5,h6)]:pr-8 [&amp;_.progressive-markdown_:is(p,blockquote,h1,h2,h3,h4,h5,h6)]:pl-2 [&amp;_.progressive-markdown_:is(p,blockquote,ul,ol,h1,h2,h3,h4,h5,h6)]:pr-8\">\n<div class=\"grid grid-rows-[auto_auto] min-w-0\">\n<div class=\"row-start-2 col-start-1 relative grid grid-rows-[auto_auto] isolate min-w-0\">\n<div class=\"row-start-1 col-start-1 relative z-[2] min-w-0\">\n<div class=\"standard-markdown grid-cols-1 grid [&amp;_&gt;_*]:min-w-0 gap-3 [&amp;_&gt;_*:last-child]:mb-0 print:block print:[&amp;_&gt;_*_+_*]:mt-3 standard-markdown\">\n<p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\">\u6e38\u620f\u5faa\u73af\u662f\u6574\u4e2a\u6e38\u620f\u7684\u5fc3\u8df3\uff0c\u8bbe\u8ba1\u597d\u574f\u76f4\u63a5\u5f71\u54cd\u7269\u7406\u7a33\u5b9a\u6027\u3001\u5e27\u7387\u5e73\u6ed1\u5ea6\u548c\u7f51\u7edc\u540c\u6b65\u7684\u53ef\u9760\u6027\u3002\u5bf9\u670d\u52a1\u5668\u7aef\u5f00\u53d1\u6765\u8bf4\uff0c\u8fd9\u4e2a\u95ee\u9898\u8fd8\u6709\u989d\u5916\u7684\u7ef4\u5ea6\u3002<\/p>\n<hr class=\"border-border-200 border-t-0.5 my-3 mx-1.5\" \/>\n<h3 class=\"text-text-100 mt-3 -mb-1 text-[1.125rem] font-bold\" dir=\"ltr\">\u4ece\u6700\u7b80\u5355\u7684\u5199\u6cd5\u5f00\u59cb\uff0c\u770b\u5b83\u54ea\u91cc\u51fa\u95ee\u9898<\/h3>\n<div class=\"relative group\/copy bg-bg-000\/50 border-0.5 border-border-400 rounded-lg focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-100\" tabindex=\"0\" role=\"group\" aria-label=\"cpp code\">\n<div class=\"sticky opacity-0 group-hover\/copy:opacity-100 group-focus-within\/copy:opacity-100 top-2 py-2 h-12 w-0 float-right\">\n<div class=\"absolute right-0 h-8 px-2 items-center inline-flex z-10\"><\/div>\n<\/div>\n<div class=\"text-text-500 font-small p-3.5 pb-0\">cpp<\/div>\n<div class=\"overflow-x-auto\">\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">\/\/ \u7248\u672c\u4e00\uff1a\u6700\u6734\u7d20\u7684\u5199\u6cd5\r\nwhile (running) {\r\n    process_input();\r\n    update();\r\n    render();\r\n}<\/pre>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\">\u8fd9\u4e2a\u5faa\u73af\u8dd1\u591a\u5feb\u5b8c\u5168\u53d6\u51b3\u4e8e\u786c\u4ef6\u3002\u9ad8\u7aef\u673a\u5668\u4e00\u79d2\u8dd1 500 \u6b21\uff0c\u4f4e\u7aef\u673a\u5668\u8dd1 30 \u6b21\uff0c\u6e38\u620f\u901f\u5ea6\u5c31\u5b8c\u5168\u4e0d\u4e00\u6837\u2014\u2014\u5feb\u673a\u5668\u4e0a\u5b50\u5f39\u98de\u5f97\u50cf\u5149\u901f\uff0c\u6162\u673a\u5668\u4e0a\u6162\u5982\u8717\u725b\u3002\u6e38\u620f\u53d1\u5c55\u53f2\u4e0a\u65e9\u671f\u5f88\u591a bug \u90fd\u6e90\u4e8e\u6b64\u3002<\/p>\n<hr class=\"border-border-200 border-t-0.5 my-3 mx-1.5\" \/>\n<h3 class=\"text-text-100 mt-3 -mb-1 text-[1.125rem] font-bold\" dir=\"ltr\">\u7248\u672c\u4e8c\uff1a\u53ef\u53d8\u65f6\u95f4\u6b65\u957f\uff08Variable Timestep\uff09<\/h3>\n<div class=\"relative group\/copy bg-bg-000\/50 border-0.5 border-border-400 rounded-lg focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-100\" tabindex=\"0\" role=\"group\" aria-label=\"cpp code\">\n<div class=\"sticky opacity-0 group-hover\/copy:opacity-100 group-focus-within\/copy:opacity-100 top-2 py-2 h-12 w-0 float-right\">\n<div class=\"absolute right-0 h-8 px-2 items-center inline-flex z-10\"><\/div>\n<\/div>\n<div class=\"text-text-500 font-small p-3.5 pb-0\">cpp<\/div>\n<div class=\"overflow-x-auto\">\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">auto last_time = now();\r\n\r\nwhile (running) {\r\n    auto current_time = now();\r\n    float dt = current_time - last_time;  \/\/ \u8fd9\u5e27\u82b1\u4e86\u591a\u957f\u65f6\u95f4\r\n    last_time = current_time;\r\n\r\n    process_input();\r\n    update(dt);   \/\/ \u7528\u5b9e\u9645\u7ecf\u8fc7\u7684\u65f6\u95f4\u6765\u63a8\u8fdb\u903b\u8f91\r\n    render();\r\n}<\/pre>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\">\u903b\u8f91\u4e0a\u66f4\u5408\u7406\u4e86\uff1a<code class=\"bg-text-200\/5 border border-0.5 border-border-300 text-danger-000 whitespace-pre-wrap rounded-[0.4rem] px-1 py-px text-[0.9rem]\">pos += velocity * dt<\/code>\uff0c\u4e0d\u7ba1\u5e27\u7387\u9ad8\u4f4e\uff0c\u4f4d\u79fb\u90fd\u662f&#8221;\u901f\u5ea6 \u00d7 \u65f6\u95f4&#8221;\uff0c\u7ed3\u679c\u76f8\u540c\u3002<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\">\u4f46\u8fd9\u5e26\u6765\u4e86\u65b0\u95ee\u9898\u3002<strong>\u7269\u7406\u4e0d\u7a33\u5b9a<\/strong>\uff1adt \u8d8a\u5927\uff0c\u79ef\u5206\u8bef\u5dee\u8d8a\u5927\u3002\u73a9\u5bb6\u5728\u4f4e\u5e27\u7387\u4e0b\u7a7f\u5899\u3001\u5f39\u7c27\u7cfb\u7edf\u7206\u70b8\u3001\u78b0\u649e\u68c0\u6d4b\u5931\u6548\uff0c\u90fd\u662f\u5927 dt \u60f9\u7684\u7978\u3002<strong>\u786e\u5b9a\u6027\u4e22\u5931<\/strong>\uff1a\u540c\u4e00\u6bb5\u903b\u8f91\uff0c60fps \u8fd0\u884c\u548c 30fps \u8fd0\u884c\uff0c\u6d6e\u70b9\u7d2f\u79ef\u8bef\u5dee\u4e0d\u540c\uff0c\u7ed3\u679c\u6709\u7ec6\u5fae\u504f\u5dee\uff0c\u5e27\u540c\u6b65\u6e38\u620f\u76f4\u63a5 desync\u3002<\/p>\n<hr class=\"border-border-200 border-t-0.5 my-3 mx-1.5\" \/>\n<h3 class=\"text-text-100 mt-3 -mb-1 text-[1.125rem] font-bold\" dir=\"ltr\">\u7248\u672c\u4e09\uff1a\u56fa\u5b9a\u65f6\u95f4\u6b65\u957f\uff08Fixed Timestep\uff09\u2014\u2014\u6b63\u786e\u65b9\u5411<\/h3>\n<div class=\"relative group\/copy bg-bg-000\/50 border-0.5 border-border-400 rounded-lg focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-100\" tabindex=\"0\" role=\"group\" aria-label=\"cpp code\">\n<div class=\"sticky opacity-0 group-hover\/copy:opacity-100 group-focus-within\/copy:opacity-100 top-2 py-2 h-12 w-0 float-right\">\n<div class=\"absolute right-0 h-8 px-2 items-center inline-flex z-10\"><\/div>\n<\/div>\n<div class=\"text-text-500 font-small p-3.5 pb-0\">cpp<\/div>\n<div class=\"overflow-x-auto\">\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">const float FIXED_DT = 1.0f \/ 60.0f;  \/\/ 60 tick\/s\r\nauto last_time = now();\r\n\r\nwhile (running) {\r\n    auto current_time = now();\r\n    float elapsed = current_time - last_time;\r\n    last_time = current_time;\r\n\r\n    update(FIXED_DT);   \/\/ \u6c38\u8fdc\u7528\u56fa\u5b9a\u6b65\u957f\u66f4\u65b0\r\n    render();\r\n\r\n    \/\/ \u5982\u679c\u5904\u7406\u592a\u5feb\uff0csleep \u7b49\u5230\u4e0b\u4e00\u4e2a tick\r\n    sleep_until(last_time + FIXED_DT);\r\n}<\/pre>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\">\u7269\u7406\u548c\u6e38\u620f\u903b\u8f91\u6c38\u8fdc\u4ee5\u56fa\u5b9a\u6b65\u957f\u8fd0\u884c\uff0c\u884c\u4e3a\u7a33\u5b9a\u3001\u786e\u5b9a\u3002\u4f46\u95ee\u9898\u662f<strong>\u6e32\u67d3\u548c\u903b\u8f91\u5b8c\u5168\u7ed1\u6b7b<\/strong>\u2014\u2014\u903b\u8f91 60 tick\uff0c\u6e32\u67d3\u4e5f\u53ea\u80fd 60fps\uff0c\u663e\u793a\u5668\u660e\u660e\u80fd\u8dd1 144Hz \u4e5f\u7528\u4e0d\u4e0a\u3002\u800c\u4e14\u5982\u679c\u67d0\u5e27\u903b\u8f91\u5904\u7406\u8d85\u65f6\uff0c\u6574\u4e2a\u5faa\u73af\u5c31\u6389\u5e27\u3002<\/p>\n<hr class=\"border-border-200 border-t-0.5 my-3 mx-1.5\" \/>\n<h3 class=\"text-text-100 mt-3 -mb-1 text-[1.125rem] font-bold\" dir=\"ltr\">\u7248\u672c\u56db\uff1a\u89e3\u8026\u903b\u8f91\u4e0e\u6e32\u67d3\uff08\u5de5\u4e1a\u7ea7\u6807\u51c6\u505a\u6cd5\uff09<\/h3>\n<p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\">\u8fd9\u662f Glenn Fiedler \u5728\u7ecf\u5178\u6587\u7ae0\u300aFix Your Timestep!\u300b\u91cc\u63d0\u51fa\u7684\u65b9\u6848\uff0c\u76ee\u524d\u5927\u591a\u6570\u5546\u4e1a\u5f15\u64ce\u7684\u6838\u5fc3\u5b9e\u73b0\uff1a<\/p>\n<div class=\"relative group\/copy bg-bg-000\/50 border-0.5 border-border-400 rounded-lg focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-100\" tabindex=\"0\" role=\"group\" aria-label=\"cpp code\">\n<div class=\"sticky opacity-0 group-hover\/copy:opacity-100 group-focus-within\/copy:opacity-100 top-2 py-2 h-12 w-0 float-right\">\n<div class=\"absolute right-0 h-8 px-2 items-center inline-flex z-10\"><\/div>\n<\/div>\n<div class=\"text-text-500 font-small p-3.5 pb-0\">cpp<\/div>\n<div class=\"overflow-x-auto\">\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">const float FIXED_DT   = 1.0f \/ 60.0f;\r\nfloat       accumulator = 0.0f;\r\nauto        last_time   = now();\r\n\r\nwhile (running) {\r\n    auto  current_time = now();\r\n    float frame_time   = current_time - last_time;\r\n    last_time          = current_time;\r\n\r\n    \/\/ \u9632\u6b62\"\u6b7b\u4ea1\u87ba\u65cb\"\uff1a\u5355\u5e27\u6700\u591a\u8ffd\u8d76 250ms\r\n    frame_time = std::min(frame_time, 0.25f);\r\n    accumulator += frame_time;\r\n\r\n    \/\/ \u7528\u56fa\u5b9a\u6b65\u957f\u6d88\u8017\u7d2f\u79ef\u65f6\u95f4\uff08\u53ef\u80fd\u6267\u884c\u591a\u6b21\uff09\r\n    while (accumulator &gt;= FIXED_DT) {\r\n        process_input();\r\n        update(FIXED_DT);   \/\/ \u7269\u7406\u3001AI\u3001\u6e38\u620f\u903b\u8f91\r\n        accumulator -= FIXED_DT;\r\n    }\r\n\r\n    \/\/ \u6e32\u67d3\uff1a\u7528\u5269\u4f59\u65f6\u95f4\u505a\u63d2\u503c\uff0c\u753b\u9762\u66f4\u5e73\u6ed1\r\n    float alpha = accumulator \/ FIXED_DT;   \/\/ 0.0 ~ 1.0\r\n    render(alpha);   \/\/ \u5728\u4e0a\u4e00\u5e27\u548c\u5f53\u524d\u5e27\u72b6\u6001\u4e4b\u95f4\u63d2\u503c\r\n}<\/pre>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\"><strong>\u5173\u952e\u70b9\u9010\u4e00\u89e3\u91ca\uff1a<\/strong><\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\"><code class=\"bg-text-200\/5 border border-0.5 border-border-300 text-danger-000 whitespace-pre-wrap rounded-[0.4rem] px-1 py-px text-[0.9rem]\">accumulator<\/code>\u00a0\u662f&#8221;\u8fd8\u6ca1\u88ab\u903b\u8f91\u6d88\u8017\u6389\u7684\u771f\u5b9e\u65f6\u95f4&#8221;\u3002\u67d0\u5e27\u6e32\u67d3\u82b1\u4e86 33ms\uff0c\u56fa\u5b9a\u6b65\u957f 16ms\uff0c\u90a3\u5c31\u6267\u884c\u4e24\u6b21 update\uff0c\u6d88\u8017\u6389 32ms\uff0c\u5269 1ms \u7559\u5230\u4e0b\u4e00\u5e27\u7ee7\u7eed\u7d2f\u79ef\u3002<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\"><code class=\"bg-text-200\/5 border border-0.5 border-border-300 text-danger-000 whitespace-pre-wrap rounded-[0.4rem] px-1 py-px text-[0.9rem]\">frame_time = min(frame_time, 0.25f)<\/code>\u00a0\u662f\u9632\u6b62<strong>\u6b7b\u4ea1\u87ba\u65cb<\/strong>\u7684\u5173\u952e\u3002\u5982\u679c\u67d0\u5e27\u903b\u8f91\u7279\u522b\u91cd\u82b1\u4e86 500ms\uff0caccumulator \u5c31\u5806\u79ef 500ms\uff0c\u4e0b\u4e00\u5e27\u8981\u8ffd\u8d76 31 \u6b21 update\uff0c\u6bcf\u6b21 update \u53c8\u82b1\u5f88\u591a\u65f6\u95f4\uff0caccumulator \u8d8a\u79ef\u8d8a\u591a\uff0c\u6e38\u620f\u8fdb\u5165\u65e0\u9650\u8ffd\u8d76\u5361\u6b7b\u3002\u52a0\u4e0a\u8fd9\u884c\u4e0a\u9650\uff0c\u6700\u574f\u60c5\u51b5\u4e0b\u6e38\u620f\u4ee5\u6162\u52a8\u4f5c\u8fd0\u884c\uff0c\u4f46\u4e0d\u4f1a\u6b7b\u9501\u3002<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\"><code class=\"bg-text-200\/5 border border-0.5 border-border-300 text-danger-000 whitespace-pre-wrap rounded-[0.4rem] px-1 py-px text-[0.9rem]\">render(alpha)<\/code>\u00a0\u91cc\u7684\u63d2\u503c\u662f\u8fd9\u4e2a\u65b9\u6848\u6700\u7cbe\u5999\u7684\u5730\u65b9\u3002\u903b\u8f91\u6bcf 16ms \u4e00\u8df3\uff0c\u6e32\u67d3\u53ef\u4ee5 144fps\uff0c\u6e32\u67d3\u65f6\u6839\u636e alpha \u5728&#8221;\u4e0a\u4e00\u4e2a\u903b\u8f91\u5e27\u72b6\u6001&#8221;\u548c&#8221;\u5f53\u524d\u903b\u8f91\u5e27\u72b6\u6001&#8221;\u4e4b\u95f4\u7ebf\u6027\u63d2\u503c\uff0c\u753b\u9762\u975e\u5e38\u4e1d\u6ed1\uff0c\u6ca1\u6709\u4efb\u4f55\u6296\u52a8\u3002<\/p>\n<hr class=\"border-border-200 border-t-0.5 my-3 mx-1.5\" \/>\n<h3 class=\"text-text-100 mt-3 -mb-1 text-[1.125rem] font-bold\" dir=\"ltr\">\u670d\u52a1\u5668\u7aef\u7684 Game Loop \u8bbe\u8ba1<\/h3>\n<p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\">\u8fd9\u90e8\u5206\u5bf9\u4f60\u7684 EA \u5c97\u4f4d\u76f4\u63a5\u76f8\u5173\uff0c\u9762\u8bd5\u5927\u6982\u7387\u4f1a\u804a\u5230\u3002<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\">\u670d\u52a1\u5668\u6ca1\u6709\u6e32\u67d3\uff0c\u4f46\u6311\u6218\u4e0d\u5c11\uff1a<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\"><strong>Tick Rate \u7684\u9009\u62e9<\/strong><\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\">Tick rate \u51b3\u5b9a\u670d\u52a1\u5668\u6bcf\u79d2\u63a8\u8fdb\u591a\u5c11\u6b21\u6e38\u620f\u903b\u8f91\uff0c\u76f4\u63a5\u5f71\u54cd\u6e38\u620f\u4f53\u9a8c\u7cbe\u5ea6\u548c\u670d\u52a1\u5668\u5f00\u9500\uff1a<\/p>\n<div class=\"overflow-x-auto w-full px-2 mb-6 print:overflow-x-visible\" dir=\"ltr\">\n<table class=\"min-w-full border-collapse text-sm leading-[1.7] whitespace-normal\">\n<thead class=\"text-left\">\n<tr>\n<th class=\"text-text-100 border-b-0.5 border-[hsl(var(--border-300)\/0.6)] py-2 pr-4 align-top font-bold\" scope=\"col\">\u6e38\u620f\u7c7b\u578b<\/th>\n<th class=\"text-text-100 border-b-0.5 border-[hsl(var(--border-300)\/0.6)] py-2 pr-4 align-top font-bold\" scope=\"col\">\u5178\u578b Tick Rate<\/th>\n<th class=\"text-text-100 border-b-0.5 border-[hsl(var(--border-300)\/0.6)] py-2 pr-4 align-top font-bold\" scope=\"col\">\u539f\u56e0<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td class=\"border-b-0.5 border-[hsl(var(--border-300)\/0.3)] py-2 pr-4 align-top\">CS2 \/ Valorant<\/td>\n<td class=\"border-b-0.5 border-[hsl(var(--border-300)\/0.3)] py-2 pr-4 align-top\">64 \/ 128 tick<\/td>\n<td class=\"border-b-0.5 border-[hsl(var(--border-300)\/0.3)] py-2 pr-4 align-top\">\u5c04\u51fb\u5224\u5b9a\u7cbe\u5ea6\u8981\u6c42\u9ad8<\/td>\n<\/tr>\n<tr>\n<td class=\"border-b-0.5 border-[hsl(var(--border-300)\/0.3)] py-2 pr-4 align-top\">Overwatch<\/td>\n<td class=\"border-b-0.5 border-[hsl(var(--border-300)\/0.3)] py-2 pr-4 align-top\">60 tick<\/td>\n<td class=\"border-b-0.5 border-[hsl(var(--border-300)\/0.3)] py-2 pr-4 align-top\">\u6280\u80fd\u5224\u5b9a + \u63a7\u5236\u6210\u672c<\/td>\n<\/tr>\n<tr>\n<td class=\"border-b-0.5 border-[hsl(var(--border-300)\/0.3)] py-2 pr-4 align-top\">MMORPG<\/td>\n<td class=\"border-b-0.5 border-[hsl(var(--border-300)\/0.3)] py-2 pr-4 align-top\">20 tick<\/td>\n<td class=\"border-b-0.5 border-[hsl(var(--border-300)\/0.3)] py-2 pr-4 align-top\">\u5b9e\u4f53\u591a\uff0c\u5e26\u5bbd\u548c CPU \u6210\u672c\u4f18\u5148<\/td>\n<\/tr>\n<tr>\n<td class=\"border-b-0.5 border-[hsl(var(--border-300)\/0.3)] py-2 pr-4 align-top\">\u8db3\u7403\u624b\u6e38<\/td>\n<td class=\"border-b-0.5 border-[hsl(var(--border-300)\/0.3)] py-2 pr-4 align-top\">20-30 tick<\/td>\n<td class=\"border-b-0.5 border-[hsl(var(--border-300)\/0.3)] py-2 pr-4 align-top\">\u79fb\u52a8\u7f51\u7edc\u5e26\u5bbd\u53d7\u9650<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\">Tick rate \u4e0d\u662f\u8d8a\u9ad8\u8d8a\u597d\u3002128 tick \u7684\u670d\u52a1\u5668 CPU \u548c\u5e26\u5bbd\u6d88\u8017\u662f 64 tick \u7684\u4e24\u500d\uff0cFC Mobile \u8fd9\u7c7b\u5168\u7403\u5316\u624b\u6e38\u9700\u8981\u5728\u4f53\u9a8c\u548c\u8fd0\u7ef4\u6210\u672c\u4e4b\u95f4\u53d6\u5f97\u5e73\u8861\u3002<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\"><strong>\u7ba1\u7406\u591a\u4e2a\u6e38\u620f\u623f\u95f4<\/strong><\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\">\u4e00\u53f0\u670d\u52a1\u5668\u540c\u65f6\u8dd1\u51e0\u5341\u4e0a\u767e\u4e2a\u6e38\u620f\u623f\u95f4\uff0c\u6bcf\u4e2a\u623f\u95f4\u6709\u81ea\u5df1\u7684 loop\uff0c\u6709\u51e0\u79cd\u5e38\u89c1\u8bbe\u8ba1\uff1a<\/p>\n<div class=\"relative group\/copy bg-bg-000\/50 border-0.5 border-border-400 rounded-lg focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-100\" tabindex=\"0\" role=\"group\" aria-label=\"cpp code\">\n<div class=\"sticky opacity-0 group-hover\/copy:opacity-100 group-focus-within\/copy:opacity-100 top-2 py-2 h-12 w-0 float-right\">\n<div class=\"absolute right-0 h-8 px-2 items-center inline-flex z-10\"><\/div>\n<\/div>\n<div class=\"text-text-500 font-small p-3.5 pb-0\">cpp<\/div>\n<div class=\"overflow-x-auto\">\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">\/\/ \u65b9\u6848\u4e00\uff1a\u6bcf\u4e2a\u623f\u95f4\u4e00\u4e2a\u7ebf\u7a0b\uff08\u7b80\u5355\uff0c\u7ebf\u7a0b\u5207\u6362\u5f00\u9500\u5927\uff09\r\nfor (auto&amp; room : rooms) {\r\n    std::thread([&amp;room] {\r\n        while (room.running) {\r\n            room.update(FIXED_DT);\r\n            sleep_until(next_tick);\r\n        }\r\n    }).detach();\r\n}\r\n\r\n\/\/ \u65b9\u6848\u4e8c\uff1a\u5355\u7ebf\u7a0b\u4e8b\u4ef6\u5faa\u73af\uff08epoll + timer\uff09\uff0c\u6240\u6709\u623f\u95f4\u5171\u4eab\r\n\/\/ \u7c7b\u4f3c Node.js \u6a21\u578b\uff0cIO \u5bc6\u96c6\u578b\u65f6\u6548\u7387\u9ad8\uff0c\u4f46 update \u4e0d\u80fd\u963b\u585e\r\n\r\n\/\/ \u65b9\u6848\u4e09\uff1a\u7ebf\u7a0b\u6c60 + \u4efb\u52a1\u961f\u5217\uff08\u5de5\u4e1a\u7ea7\u5e38\u7528\uff09\r\n\/\/ \u6bcf\u4e2a tick\uff0c\u628a\u6240\u6709\u623f\u95f4\u7684 update \u4f5c\u4e3a\u4efb\u52a1\u63d0\u4ea4\u5230\u7ebf\u7a0b\u6c60\r\n\/\/ \u65e0\u4f9d\u8d56\u7684\u623f\u95f4\u5e76\u884c\u66f4\u65b0\uff0c\u5145\u5206\u5229\u7528\u591a\u6838<\/pre>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\"><strong>\u5904\u7406\u5ba2\u6237\u7aef\u5ef6\u8fdf\u548c\u6389\u5305<\/strong><\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\">\u670d\u52a1\u5668 loop \u91cc\u8fd8\u8981\u5904\u7406\u7f51\u7edc\u4e0d\u7a33\u5b9a\uff1a<\/p>\n<div class=\"relative group\/copy bg-bg-000\/50 border-0.5 border-border-400 rounded-lg focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-100\" tabindex=\"0\" role=\"group\" aria-label=\"cpp code\">\n<div class=\"sticky opacity-0 group-hover\/copy:opacity-100 group-focus-within\/copy:opacity-100 top-2 py-2 h-12 w-0 float-right\">\n<div class=\"absolute right-0 h-8 px-2 items-center inline-flex z-10\"><\/div>\n<\/div>\n<div class=\"text-text-500 font-small p-3.5 pb-0\">cpp<\/div>\n<div class=\"overflow-x-auto\">\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">void Room::update(float dt) {\r\n    \/\/ 1. \u6536\u96c6\u672c tick \u5185\u5230\u8fbe\u7684\u6240\u6709\u5ba2\u6237\u7aef\u6307\u4ee4\r\n    auto inputs = collect_inputs_with_timeout(TICK_TIMEOUT);\r\n\r\n    \/\/ 2. \u5bf9\u8d85\u65f6\u672a\u6536\u5230\u8f93\u5165\u7684\u5ba2\u6237\u7aef\uff0c\u7528\u4e0a\u4e00\u5e27\u8f93\u5165\u8865\u5168\uff08input prediction\uff09\r\n    for (auto&amp; player : players_) {\r\n        if (!inputs.has(player.id))\r\n            inputs.set(player.id, player.last_input);  \/\/ \u91cd\u590d\u4e0a\u5e27\u6307\u4ee4\r\n    }\r\n\r\n    \/\/ 3. \u6743\u5a01\u903b\u8f91\u63a8\u8fdb\r\n    simulate(inputs, dt);\r\n\r\n    \/\/ 4. \u5e7f\u64ad\u72b6\u6001\u5dee\u91cf\uff08delta\uff0c\u4e0d\u662f\u5168\u91cf\uff0c\u8282\u7701\u5e26\u5bbd\uff09\r\n    broadcast_delta_state();\r\n}<\/pre>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\"><strong>\u670d\u52a1\u5668 loop \u548c\u5ba2\u6237\u7aef loop \u7684\u65f6\u5e8f\u5bf9\u9f50<\/strong><\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\">\u5ba2\u6237\u7aef\u548c\u670d\u52a1\u5668\u7684 tick \u5e76\u4e0d\u5929\u7136\u5bf9\u9f50\u3002\u5ba2\u6237\u7aef\u9700\u8981\u5728\u6b63\u786e\u7684\u65f6\u523b\u53d1\u9001\u6307\u4ee4\uff0c\u670d\u52a1\u5668\u624d\u80fd\u5728\u5bf9\u5e94 tick \u6536\u5230\u3002\u5b9e\u8df5\u4e2d\u670d\u52a1\u5668\u4f1a\u7ed9\u6bcf\u4e2a tick \u6253\u4e00\u4e2a\u5e8f\u5217\u53f7\uff0c\u5ba2\u6237\u7aef\u7528\u8fd9\u4e2a\u5e8f\u5217\u53f7\u505a\u5bf9\u9f50\u548c\u56de\u6eda\uff1a<\/p>\n<div class=\"relative group\/copy bg-bg-000\/50 border-0.5 border-border-400 rounded-lg focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-100\" tabindex=\"0\" role=\"group\" aria-label=\"Code\">\n<div class=\"sticky opacity-0 group-hover\/copy:opacity-100 group-focus-within\/copy:opacity-100 top-2 py-2 h-12 w-0 float-right\">\n<div class=\"absolute right-0 h-8 px-2 items-center inline-flex z-10\"><\/div>\n<\/div>\n<div class=\"overflow-x-auto\">\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">Server tick 100 \u2192 \u5e7f\u64ad\u72b6\u6001\r\nClient \u6536\u5230\u540e\u77e5\u9053\u8fd9\u662f tick 100 \u7684\u6743\u5a01\u72b6\u6001\r\nClient \u68c0\u67e5\u81ea\u5df1\u5728 tick 100 \u7684\u9884\u6d4b\u7ed3\u679c\uff0c\u5bf9\u6bd4\u6821\u6b63<\/pre>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<hr class=\"border-border-200 border-t-0.5 my-3 mx-1.5\" \/>\n<h3 class=\"text-text-100 mt-3 -mb-1 text-[1.125rem] font-bold\" dir=\"ltr\">\u9762\u8bd5\u91cc\u7684\u8003\u5bdf\u89d2\u5ea6<\/h3>\n<p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\">EA \u9762\u8bd5\u5b98\u95ee\u8fd9\u4e2a\u9898\u76ee\u901a\u5e38\u4e0d\u662f\u8003\u4f60\u80cc\u5b9a\u4e49\uff0c\u800c\u662f\u60f3\u770b\u51e0\u4ef6\u4e8b\uff1a\u4f60\u80fd\u4e0d\u80fd\u8bc6\u522b\u56fa\u5b9a\u6b65\u957f\u548c\u53ef\u53d8\u6b65\u957f\u5404\u81ea\u7684\u95ee\u9898\uff1b\u4f60\u6709\u6ca1\u6709\u5904\u7406\u8fc7&#8221;\u6b7b\u4ea1\u87ba\u65cb&#8221;\u8fd9\u7c7b\u8fb9\u754c\u60c5\u51b5\uff1b\u4f60\u5728\u670d\u52a1\u5668\u7aef\u662f\u600e\u4e48\u7ba1\u7406\u591a\u623f\u95f4 loop \u7684\uff0ctick rate \u600e\u4e48\u9009\u578b\u3002<\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\">\u5982\u679c\u4f60\u5728\u4e4b\u524d\u7684\u9879\u76ee\u91cc\u8bbe\u8ba1\u8fc7\u670d\u52a1\u5668 tick \u7cfb\u7edf\uff0c\u628a\u90a3\u4e2a\u573a\u666f\u7684\u5177\u4f53\u51b3\u7b56\u8bf4\u51fa\u6765\uff0c\u6bd4\u4efb\u4f55\u7406\u8bba\u63cf\u8ff0\u90fd\u6709\u8bf4\u670d\u529b\u3002<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u6e38\u620f\u5faa\u73af\u662f\u6574\u4e2a\u6e38\u620f\u7684\u5fc3\u8df3\uff0c\u8bbe\u8ba1\u597d\u574f\u76f4\u63a5\u5f71<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"categories":[24],"tags":[],"class_list":["post-7542","post","type-post","status-publish","format-standard","hentry","category-value_docs"],"_links":{"self":[{"href":"https:\/\/i007.cc\/wordpress\/wp-json\/wp\/v2\/posts\/7542","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/i007.cc\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/i007.cc\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/i007.cc\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/i007.cc\/wordpress\/wp-json\/wp\/v2\/comments?post=7542"}],"version-history":[{"count":0,"href":"https:\/\/i007.cc\/wordpress\/wp-json\/wp\/v2\/posts\/7542\/revisions"}],"wp:attachment":[{"href":"https:\/\/i007.cc\/wordpress\/wp-json\/wp\/v2\/media?parent=7542"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/i007.cc\/wordpress\/wp-json\/wp\/v2\/categories?post=7542"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/i007.cc\/wordpress\/wp-json\/wp\/v2\/tags?post=7542"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}