{"id":474,"date":"2026-06-03T13:57:04","date_gmt":"2026-06-03T06:57:04","guid":{"rendered":"https:\/\/porsci.com\/?p=474"},"modified":"2026-06-03T14:39:26","modified_gmt":"2026-06-03T07:39:26","slug":"%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%9b%e0%b8%a3%e0%b8%b1%e0%b8%9a%e0%b8%9b%e0%b8%a3%e0%b8%b8%e0%b8%87%e0%b8%84%e0%b8%b8%e0%b8%93%e0%b8%a0%e0%b8%b2%e0%b8%9e%e0%b8%ad%e0%b8%b2%e0%b8%ab%e0%b8%b2%e0%b8%a3","status":"publish","type":"post","link":"https:\/\/porsci.com\/?p=474","title":{"rendered":"Enzyme Technology \u0e01\u0e31\u0e1a\u0e2d\u0e32\u0e2b\u0e32\u0e23"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c Cysteine Protease \u0e43\u0e19\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2d\u0e32\u0e2b\u0e32\u0e23<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Thai:wght@300;400;600;700&amp;display=swap\" rel=\"stylesheet\">\n    \n    <!-- Chosen Palette: Warm Neutrals (Stone\/Amber\/Emerald) for an organic, scientific feel -->\n    <!-- Application Structure Plan: The SPA uses a scrolling dashboard structure divided into thematic sections: Introduction, Mechanism, Meat Tenderization (Core Use Case), and Optimal Conditions. This linear yet interactive flow guides the user from basic concepts to specific data applications, allowing them to interact with charts to compare Bromelain and Papain directly without leaving the page. -->\n    <!-- Visualization & Content Choices: \n         1. Meat Tenderization -> Compare effect of enzymes on meat toughness -> Bar Chart (Chart.js) -> Clear visual comparison of control vs. treated samples.\n         2. Optimal Conditions -> Show pH activity curves -> Line Chart (Chart.js) with Toggle Buttons -> Allows users to interactively compare the operational ranges of Bromelain vs. Papain.\n         3. Mechanism -> Explain protein breakdown -> Interactive CSS Grid cards -> Breaks down complex biological processes into digestible, clickable steps.\n    -->\n    <!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->\n\n    <style>\n        body {\n            font-family: 'Noto Sans Thai', sans-serif;\n            background-color: #fafaf9; \/* stone-50 *\/\n            color: #292524; \/* stone-800 *\/\n        }\n        \n        .chart-container {\n            position: relative;\n            width: 100%;\n            max-width: 700px;\n            margin-left: auto;\n            margin-right: auto;\n            height: 350px;\n            max-height: 400px;\n        }\n\n        @media (min-width: 768px) {\n            .chart-container {\n                height: 400px;\n            }\n        }\n\n        .tab-btn.active {\n            background-color: #d97706; \/* amber-600 *\/\n            color: white;\n            border-color: #d97706;\n        }\n        \n        html {\n            scroll-behavior: smooth;\n        }\n    <\/style>\n\n\n\n    <nav class=\"fixed top-0 w-full bg-white\/90 backdrop-blur-md shadow-sm z-50 border-b border-stone-200\">\n        <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex justify-between h-16\">\n                <div class=\"flex items-center\">\n                    <span class=\"font-bold text-xl text-amber-700\">FoodBioChem<\/span>\n                <\/div>\n                <div class=\"hidden md:flex items-center space-x-8\">\n                    <a href=\"#intro\" class=\"text-stone-600 hover:text-amber-600 transition-colors\">\u0e1a\u0e17\u0e19\u0e33<\/a>\n                    <a href=\"#mechanism\" class=\"text-stone-600 hover:text-amber-600 transition-colors\">\u0e01\u0e25\u0e44\u0e01<\/a>\n                    <a href=\"#application\" class=\"text-stone-600 hover:text-amber-600 transition-colors\">\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49<\/a>\n                    <a href=\"#conditions\" class=\"text-stone-600 hover:text-amber-600 transition-colors\">\u0e2a\u0e20\u0e32\u0e27\u0e30\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21<\/a>\n                    <a href=\"#references\" class=\"text-stone-600 hover:text-amber-600 transition-colors\">\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/nav>\n\n    <header class=\"pt-32 pb-16 px-4 text-center max-w-4xl mx-auto\">\n        <div class=\"inline-block bg-amber-100 text-amber-800 px-3 py-1 rounded-full text-sm font-semibold mb-4\">\u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e14\u0e49\u0e32\u0e19\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c<\/div>\n        <h1 class=\"text-4xl md:text-5xl font-bold leading-tight mb-6 text-stone-900\">\n            \u0e01\u0e32\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e14\u0e49\u0e27\u0e22\u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c\u0e01\u0e25\u0e38\u0e48\u0e21 <span class=\"text-emerald-700\">Cysteine Protease<\/span>\n        <\/h1>\n        <p class=\"text-lg text-stone-600 mb-8\">\n            \u0e1a\u0e17\u0e1a\u0e32\u0e17\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e02\u0e2d\u0e07 \u0e42\u0e1a\u0e23\u0e21\u0e34\u0e40\u0e25\u0e19 (Bromelain) \u0e41\u0e25\u0e30 \u0e1b\u0e32\u0e40\u0e1b\u0e19 (Papain) \u0e43\u0e19\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2d\u0e32\u0e2b\u0e32\u0e23\n        <\/p>\n    <\/header>\n\n    <main class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 pb-24 space-y-24\">\n\n        <section id=\"intro\" class=\"scroll-mt-24\">\n            <h2 class=\"text-2xl font-bold border-l-4 border-amber-500 pl-4 mb-6\">\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e02\u0e2d\u0e07 Cysteine Protease<\/h2>\n            <div class=\"bg-white p-6 md:p-8 rounded-2xl shadow-sm border border-stone-100 grid md:grid-cols-2 gap-8\">\n                <div>\n                    <p class=\"mb-4 leading-relaxed text-stone-700\">\n                        \u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c\u0e01\u0e25\u0e38\u0e48\u0e21 <strong>Cysteine protease<\/strong> \u0e40\u0e1b\u0e47\u0e19\u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c\u0e22\u0e48\u0e2d\u0e22\u0e42\u0e1b\u0e23\u0e15\u0e35\u0e19\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e22\u0e34\u0e48\u0e07\u0e43\u0e19\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2d\u0e32\u0e2b\u0e32\u0e23 \u0e42\u0e14\u0e22\u0e21\u0e35\u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c\u0e17\u0e35\u0e48\u0e42\u0e14\u0e14\u0e40\u0e14\u0e48\u0e19\u0e41\u0e25\u0e30\u0e16\u0e39\u0e01\u0e19\u0e33\u0e21\u0e32\u0e43\u0e0a\u0e49\u0e40\u0e0a\u0e34\u0e07\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e4c\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e41\u0e1e\u0e23\u0e48\u0e2b\u0e25\u0e32\u0e22 \u0e44\u0e14\u0e49\u0e41\u0e01\u0e48 <strong>\u0e42\u0e1a\u0e23\u0e21\u0e34\u0e40\u0e25\u0e19 (Bromelain)<\/strong> \u0e0b\u0e36\u0e48\u0e07\u0e2a\u0e01\u0e31\u0e14\u0e44\u0e14\u0e49\u0e08\u0e32\u0e01\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e48\u0e32\u0e07\u0e46 \u0e02\u0e2d\u0e07\u0e2a\u0e31\u0e1a\u0e1b\u0e30\u0e23\u0e14 (Ananas comosus) \u0e41\u0e25\u0e30 <strong>\u0e1b\u0e32\u0e40\u0e1b\u0e19 (Papain)<\/strong> \u0e0b\u0e36\u0e48\u0e07\u0e2a\u0e01\u0e31\u0e14\u0e44\u0e14\u0e49\u0e08\u0e32\u0e01\u0e22\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e1c\u0e25\u0e21\u0e30\u0e25\u0e30\u0e01\u0e2d\u0e14\u0e34\u0e1a (Carica papaya) [1, 2]\n                    <\/p>\n                    <p class=\"leading-relaxed text-stone-700\">\n                        \u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e2b\u0e25\u0e31\u0e01\u0e02\u0e2d\u0e07\u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e19\u0e35\u0e49\u0e04\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e23\u0e48\u0e07\u0e1b\u0e0f\u0e34\u0e01\u0e34\u0e23\u0e34\u0e22\u0e32\u0e01\u0e32\u0e23\u0e44\u0e2e\u0e42\u0e14\u0e23\u0e44\u0e25\u0e0b\u0e34\u0e2a (Hydrolysis) \u0e02\u0e2d\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e30\u0e40\u0e1b\u0e1b\u0e44\u0e17\u0e14\u0e4c\u0e43\u0e19\u0e42\u0e21\u0e40\u0e25\u0e01\u0e38\u0e25\u0e42\u0e1b\u0e23\u0e15\u0e35\u0e19 \u0e2a\u0e48\u0e07\u0e1c\u0e25\u0e43\u0e2b\u0e49\u0e42\u0e1b\u0e23\u0e15\u0e35\u0e19\u0e2a\u0e32\u0e22\u0e22\u0e32\u0e27\u0e16\u0e39\u0e01\u0e15\u0e31\u0e14\u0e02\u0e32\u0e14\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e1b\u0e1b\u0e44\u0e17\u0e14\u0e4c\u0e2a\u0e32\u0e22\u0e2a\u0e31\u0e49\u0e19\u0e25\u0e07\u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e23\u0e14\u0e2d\u0e30\u0e21\u0e34\u0e42\u0e19\u0e2d\u0e34\u0e2a\u0e23\u0e30 \u0e01\u0e32\u0e23\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e41\u0e1b\u0e25\u0e07\u0e17\u0e32\u0e07\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e19\u0e35\u0e49\u0e2a\u0e48\u0e07\u0e1c\u0e25\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07\u0e15\u0e48\u0e2d <strong>&#8220;\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2a\u0e31\u0e21\u0e1c\u0e31\u0e2a (Texture)&#8221;<\/strong> \u0e41\u0e25\u0e30\u0e04\u0e38\u0e13\u0e2a\u0e21\u0e1a\u0e31\u0e15\u0e34\u0e17\u0e32\u0e07\u0e23\u0e35\u0e42\u0e2d\u0e42\u0e25\u0e22\u0e35 (Rheological properties) \u0e02\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23 [3]\n                    <\/p>\n                <\/div>\n                <div class=\"grid grid-cols-2 gap-4\">\n                    <div class=\"bg-amber-50 p-6 rounded-xl flex flex-col items-center justify-center text-center border border-amber-100\">\n                        <span class=\"text-4xl mb-3\">\ud83c\udf4d<\/span>\n                        <h3 class=\"font-bold text-lg text-amber-900\">Bromelain<\/h3>\n                        <p class=\"text-sm text-amber-700 mt-2\">\u0e2a\u0e01\u0e31\u0e14\u0e08\u0e32\u0e01\u0e2a\u0e31\u0e1a\u0e1b\u0e30\u0e23\u0e14 \u0e17\u0e33\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e14\u0e35\u0e43\u0e19\u0e0a\u0e48\u0e27\u0e07 pH \u0e01\u0e27\u0e49\u0e32\u0e07<\/p>\n                    <\/div>\n                    <div class=\"bg-emerald-50 p-6 rounded-xl flex flex-col items-center justify-center text-center border border-emerald-100\">\n                        <span class=\"text-4xl mb-3\">\ud83c\udf48<\/span>\n                        <h3 class=\"font-bold text-lg text-emerald-900\">Papain<\/h3>\n                        <p class=\"text-sm text-emerald-700 mt-2\">\u0e2a\u0e01\u0e31\u0e14\u0e08\u0e32\u0e01\u0e21\u0e30\u0e25\u0e30\u0e01\u0e2d \u0e17\u0e19\u0e04\u0e27\u0e32\u0e21\u0e23\u0e49\u0e2d\u0e19\u0e44\u0e14\u0e49\u0e04\u0e48\u0e2d\u0e19\u0e02\u0e49\u0e32\u0e07\u0e2a\u0e39\u0e07<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"mechanism\" class=\"scroll-mt-24\">\n            <h2 class=\"text-2xl font-bold border-l-4 border-amber-500 pl-4 mb-6\">\u0e01\u0e25\u0e44\u0e01\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e15\u0e48\u0e2d\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e42\u0e1b\u0e23\u0e15\u0e35\u0e19<\/h2>\n            <p class=\"text-stone-600 mb-8 max-w-3xl\">\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e41\u0e15\u0e48\u0e25\u0e30\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c Cysteine protease \u0e43\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2a\u0e31\u0e21\u0e1c\u0e31\u0e2a\u0e02\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23 \u0e40\u0e0a\u0e48\u0e19 \u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2a\u0e31\u0e15\u0e27\u0e4c<\/p>\n            \n            <div class=\"grid md:grid-cols-3 gap-6\">\n                <div class=\"mech-card bg-white p-6 rounded-xl shadow-sm border border-stone-200 cursor-pointer hover:border-amber-400 transition-colors\" onclick=\"showMechDetail(1)\">\n                    <div class=\"w-10 h-10 rounded-full bg-stone-100 flex items-center justify-center font-bold text-stone-500 mb-4\">1<\/div>\n                    <h3 class=\"font-bold text-lg mb-2\">\u0e01\u0e32\u0e23\u0e08\u0e31\u0e1a\u0e01\u0e31\u0e1a\u0e42\u0e1b\u0e23\u0e15\u0e35\u0e19\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22<\/h3>\n                    <p class=\"text-sm text-stone-500\">\u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c\u0e40\u0e02\u0e49\u0e32\u0e08\u0e31\u0e1a\u0e01\u0e31\u0e1a\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e2d\u0e25\u0e25\u0e32\u0e40\u0e08\u0e19\u0e41\u0e25\u0e30\u0e44\u0e21\u0e42\u0e2d\u0e44\u0e1f\u0e1a\u0e23\u0e34\u0e25\u0e43\u0e19\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2a\u0e31\u0e15\u0e27\u0e4c<\/p>\n                <\/div>\n                <div class=\"mech-card bg-white p-6 rounded-xl shadow-sm border border-stone-200 cursor-pointer hover:border-amber-400 transition-colors\" onclick=\"showMechDetail(2)\">\n                    <div class=\"w-10 h-10 rounded-full bg-stone-100 flex items-center justify-center font-bold text-stone-500 mb-4\">2<\/div>\n                    <h3 class=\"font-bold text-lg mb-2\">\u0e1b\u0e0f\u0e34\u0e01\u0e34\u0e23\u0e34\u0e22\u0e32\u0e44\u0e2e\u0e42\u0e14\u0e23\u0e44\u0e25\u0e0b\u0e34\u0e2a<\/h3>\n                    <p class=\"text-sm text-stone-500\">\u0e2b\u0e21\u0e39\u0e48\u0e0b\u0e31\u0e25\u0e1f\u0e4c\u0e44\u0e2e\u0e14\u0e23\u0e34\u0e25 (Sulfhydryl group) \u0e17\u0e35\u0e48\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e40\u0e23\u0e48\u0e07\u0e1b\u0e0f\u0e34\u0e01\u0e34\u0e23\u0e34\u0e22\u0e32 \u0e17\u0e33\u0e01\u0e32\u0e23\u0e15\u0e31\u0e14\u0e1e\u0e31\u0e19\u0e18\u0e30\u0e40\u0e1b\u0e1b\u0e44\u0e17\u0e14\u0e4c<\/p>\n                <\/div>\n                <div class=\"mech-card bg-white p-6 rounded-xl shadow-sm border border-stone-200 cursor-pointer hover:border-amber-400 transition-colors\" onclick=\"showMechDetail(3)\">\n                    <div class=\"w-10 h-10 rounded-full bg-stone-100 flex items-center justify-center font-bold text-stone-500 mb-4\">3<\/div>\n                    <h3 class=\"font-bold text-lg mb-2\">\u0e01\u0e32\u0e23\u0e04\u0e25\u0e32\u0e22\u0e15\u0e31\u0e27\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07<\/h3>\n                    <p class=\"text-sm text-stone-500\">\u0e40\u0e2a\u0e49\u0e19\u0e43\u0e22\u0e01\u0e25\u0e49\u0e32\u0e21\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e02\u0e32\u0e14\u0e2d\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e01\u0e31\u0e19 \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e19\u0e38\u0e48\u0e21\u0e41\u0e25\u0e30\u0e2d\u0e38\u0e49\u0e21\u0e19\u0e49\u0e33\u0e44\u0e14\u0e49\u0e14\u0e35\u0e02\u0e36\u0e49\u0e19<\/p>\n                <\/div>\n            <\/div>\n\n            <div id=\"mech-detail-box\" class=\"mt-6 bg-stone-100 p-6 rounded-xl border border-stone-200 hidden\">\n                <h4 id=\"mech-detail-title\" class=\"font-bold text-amber-700 text-lg mb-2\"><\/h4>\n                <p id=\"mech-detail-text\" class=\"text-stone-700\"><\/p>\n            <\/div>\n        <\/section>\n\n        <section id=\"application\" class=\"scroll-mt-24\">\n            <h2 class=\"text-2xl font-bold border-l-4 border-amber-500 pl-4 mb-6\">\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e43\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e19\u0e38\u0e48\u0e21 (Meat Tenderization)<\/h2>\n            <div class=\"bg-white p-6 md:p-8 rounded-2xl shadow-sm border border-stone-100\">\n                <p class=\"mb-6 text-stone-700\">\n                    \u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49\u0e17\u0e35\u0e48\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e02\u0e2d\u0e07 \u0e42\u0e1a\u0e23\u0e21\u0e34\u0e40\u0e25\u0e19 \u0e41\u0e25\u0e30 \u0e1b\u0e32\u0e40\u0e1b\u0e19 \u0e04\u0e37\u0e2d\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2a\u0e31\u0e15\u0e27\u0e4c \u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e1e\u0e1a\u0e27\u0e48\u0e32\u0e01\u0e32\u0e23\u0e2b\u0e21\u0e31\u0e01\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e14\u0e49\u0e27\u0e22\u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e19\u0e35\u0e49\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e25\u0e14\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2b\u0e19\u0e35\u0e22\u0e27\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e35\u0e19\u0e31\u0e22\u0e2a\u0e33\u0e04\u0e31\u0e0d \u0e42\u0e14\u0e22\u0e27\u0e31\u0e14\u0e08\u0e32\u0e01\u0e04\u0e48\u0e32\u0e41\u0e23\u0e07\u0e15\u0e31\u0e14\u0e1c\u0e48\u0e32\u0e19\u0e40\u0e19\u0e37\u0e49\u0e2d (Warner-Bratzler Shear Force; WBSF) \u0e04\u0e48\u0e32\u0e22\u0e34\u0e48\u0e07\u0e15\u0e48\u0e33\u0e41\u0e2a\u0e14\u0e07\u0e27\u0e48\u0e32\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e22\u0e34\u0e48\u0e07\u0e19\u0e38\u0e48\u0e21 [4, 5]\n                <\/p>\n                \n                <div class=\"flex flex-col lg:flex-row gap-8 items-center\">\n                    <div class=\"w-full lg:w-2\/3\">\n                        <div class=\"chart-container\">\n                            <canvas id=\"meatChart\"><\/canvas>\n                        <\/div>\n                        <p class=\"text-xs text-center text-stone-500 mt-2\">\u0e01\u0e23\u0e32\u0e1f\u0e08\u0e33\u0e25\u0e2d\u0e07\u0e41\u0e2a\u0e14\u0e07\u0e04\u0e48\u0e32\u0e41\u0e23\u0e07\u0e15\u0e31\u0e14\u0e1c\u0e48\u0e32\u0e19\u0e40\u0e19\u0e37\u0e49\u0e2d (\u0e19\u0e34\u0e27\u0e15\u0e31\u0e19) \u0e2b\u0e25\u0e31\u0e07\u0e2b\u0e21\u0e31\u0e01\u0e14\u0e49\u0e27\u0e22\u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e21\u0e02\u0e49\u0e19\u0e15\u0e48\u0e32\u0e07\u0e46 \u0e40\u0e1b\u0e47\u0e19\u0e40\u0e27\u0e25\u0e32 24 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07 \u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\u0e41\u0e19\u0e27\u0e42\u0e19\u0e49\u0e21\u0e08\u0e32\u0e01\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22 [4, 5]<\/p>\n                    <\/div>\n                    <div class=\"w-full lg:w-1\/3 space-y-4\">\n                        <div class=\"bg-emerald-50 p-4 rounded-lg border border-emerald-100\">\n                            <h4 class=\"font-bold text-emerald-800 mb-1\">\u0e1c\u0e25\u0e02\u0e2d\u0e07 Bromelain<\/h4>\n                            <p class=\"text-sm text-emerald-700\">\u0e22\u0e48\u0e2d\u0e22\u0e2a\u0e25\u0e32\u0e22\u0e42\u0e1b\u0e23\u0e15\u0e35\u0e19\u0e44\u0e21\u0e42\u0e2d\u0e44\u0e1f\u0e1a\u0e23\u0e34\u0e25 (Myofibrillar proteins) \u0e44\u0e14\u0e49\u0e14\u0e35\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21 \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e19\u0e38\u0e48\u0e21\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e22\u0e38\u0e48\u0e22\u0e08\u0e19\u0e40\u0e01\u0e34\u0e19\u0e44\u0e1b [4]<\/p>\n                        <\/div>\n                        <div class=\"bg-amber-50 p-4 rounded-lg border border-amber-100\">\n                            <h4 class=\"font-bold text-amber-800 mb-1\">\u0e1c\u0e25\u0e02\u0e2d\u0e07 Papain<\/h4>\n                            <p class=\"text-sm text-amber-700\">\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07\u0e43\u0e19\u0e01\u0e32\u0e23\u0e22\u0e48\u0e2d\u0e22\u0e04\u0e2d\u0e25\u0e25\u0e32\u0e40\u0e08\u0e19 (Collagen) \u0e41\u0e25\u0e30\u0e2d\u0e35\u0e25\u0e32\u0e2a\u0e15\u0e34\u0e19\u0e43\u0e19\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e40\u0e22\u0e37\u0e48\u0e2d\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e1e\u0e31\u0e19 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e40\u0e2b\u0e19\u0e35\u0e22\u0e27\u0e21\u0e32\u0e01 [5]<\/p>\n                        <\/div>\n                        <div class=\"bg-stone-50 p-4 rounded-lg border border-stone-200\">\n                            <h4 class=\"font-bold text-stone-800 mb-1\">\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e23\u0e23\u0e30\u0e27\u0e31\u0e07<\/h4>\n                            <p class=\"text-sm text-stone-600\">\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e21\u0e02\u0e49\u0e19\u0e2a\u0e39\u0e07\u0e40\u0e01\u0e34\u0e19\u0e44\u0e1b \u0e2b\u0e23\u0e37\u0e2d\u0e2b\u0e21\u0e31\u0e01\u0e19\u0e32\u0e19\u0e40\u0e01\u0e34\u0e19\u0e44\u0e1b \u0e08\u0e30\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2a\u0e39\u0e0d\u0e40\u0e2a\u0e35\u0e22\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e01\u0e25\u0e32\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e40\u0e25\u0e30 (Mushy texture) \u0e40\u0e2a\u0e35\u0e22\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e17\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e32\u0e17\u0e2a\u0e31\u0e21\u0e1c\u0e31\u0e2a [6]<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"conditions\" class=\"scroll-mt-24\">\n            <h2 class=\"text-2xl font-bold border-l-4 border-amber-500 pl-4 mb-6\">\u0e2a\u0e20\u0e32\u0e27\u0e30\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e15\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19 (Optimum Conditions)<\/h2>\n            <div class=\"bg-white p-6 md:p-8 rounded-2xl shadow-sm border border-stone-100\">\n                <p class=\"mb-6 text-stone-700\">\n                    \u0e1b\u0e31\u0e08\u0e08\u0e31\u0e22\u0e2b\u0e25\u0e31\u0e01\u0e17\u0e35\u0e48\u0e2a\u0e48\u0e07\u0e1c\u0e25\u0e15\u0e48\u0e2d\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c\u0e04\u0e37\u0e2d \u0e2d\u0e38\u0e13\u0e2b\u0e20\u0e39\u0e21\u0e34 \u0e41\u0e25\u0e30 \u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e23\u0e14-\u0e14\u0e48\u0e32\u0e07 (pH) \u0e2b\u0e32\u0e01\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e2a\u0e20\u0e32\u0e27\u0e30\u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21 \u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c\u0e08\u0e30\u0e40\u0e2a\u0e35\u0e22\u0e2a\u0e20\u0e32\u0e1e (Denature) \u0e2b\u0e23\u0e37\u0e2d\u0e17\u0e33\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e19\u0e49\u0e2d\u0e22\u0e25\u0e07 [7] \u0e25\u0e2d\u0e07\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e0a\u0e48\u0e27\u0e07 pH \u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\n                <\/p>\n\n                <div class=\"flex justify-center space-x-4 mb-6\">\n                    <button id=\"btn-bromelain\" class=\"tab-btn active px-6 py-2 rounded-full border border-stone-300 font-semibold transition-colors focus:outline-none\" onclick=\"updateEnvChart('bromelain')\">\ud83c\udf4d \u0e42\u0e1a\u0e23\u0e21\u0e34\u0e40\u0e25\u0e19 (Bromelain)<\/button>\n                    <button id=\"btn-papain\" class=\"tab-btn px-6 py-2 rounded-full border border-stone-300 font-semibold transition-colors focus:outline-none bg-white text-stone-700 hover:bg-stone-100\" onclick=\"updateEnvChart('papain')\">\ud83c\udf48 \u0e1b\u0e32\u0e40\u0e1b\u0e19 (Papain)<\/button>\n                <\/div>\n\n                <div class=\"chart-container\">\n                    <canvas id=\"envChart\"><\/canvas>\n                <\/div>\n                \n                <div class=\"mt-8 grid md:grid-cols-2 gap-6 text-sm text-stone-600 bg-stone-50 p-4 rounded-xl\">\n                    <div>\n                        <strong class=\"text-stone-800 block mb-1\">\u0e2a\u0e23\u0e38\u0e1b\u0e2a\u0e20\u0e32\u0e27\u0e30\u0e02\u0e2d\u0e07\u0e42\u0e1a\u0e23\u0e21\u0e34\u0e40\u0e25\u0e19 [7]:<\/strong>\n                        pH \u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e2d\u0e22\u0e39\u0e48\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07 5.0 &#8211; 7.0 \u0e2d\u0e38\u0e13\u0e2b\u0e20\u0e39\u0e21\u0e34\u0e17\u0e35\u0e48\u0e17\u0e33\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e14\u0e35\u0e04\u0e37\u0e2d 50 &#8211; 60\u00b0C \u0e21\u0e31\u0e01\u0e16\u0e39\u0e01\u0e22\u0e31\u0e1a\u0e22\u0e31\u0e49\u0e07\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e2d\u0e38\u0e13\u0e2b\u0e20\u0e39\u0e21\u0e34\u0e2a\u0e39\u0e07\u0e01\u0e27\u0e48\u0e32 70\u00b0C \u0e08\u0e36\u0e07\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e19\u0e33\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e44\u0e1b\u0e1b\u0e23\u0e38\u0e07\u0e2a\u0e38\u0e01\n                    <\/div>\n                    <div>\n                        <strong class=\"text-stone-800 block mb-1\">\u0e2a\u0e23\u0e38\u0e1b\u0e2a\u0e20\u0e32\u0e27\u0e30\u0e02\u0e2d\u0e07\u0e1b\u0e32\u0e40\u0e1b\u0e19 [8]:<\/strong>\n                        pH \u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e04\u0e48\u0e2d\u0e19\u0e02\u0e49\u0e32\u0e07\u0e01\u0e27\u0e49\u0e32\u0e07 (6.0 &#8211; 7.0) \u0e41\u0e15\u0e48\u0e21\u0e35\u0e08\u0e38\u0e14\u0e40\u0e14\u0e48\u0e19\u0e04\u0e37\u0e2d\u0e17\u0e19\u0e04\u0e27\u0e32\u0e21\u0e23\u0e49\u0e2d\u0e19\u0e44\u0e14\u0e49\u0e14\u0e35\u0e01\u0e27\u0e48\u0e32 \u0e17\u0e33\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e14\u0e35\u0e17\u0e35\u0e48\u0e2d\u0e38\u0e13\u0e2b\u0e20\u0e39\u0e21\u0e34 60 &#8211; 70\u00b0C \u0e1a\u0e32\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e2d\u0e32\u0e08\u0e22\u0e31\u0e07\u0e17\u0e33\u0e07\u0e32\u0e19\u0e02\u0e13\u0e30\u0e40\u0e23\u0e34\u0e48\u0e21\u0e43\u0e2b\u0e49\u0e04\u0e27\u0e32\u0e21\u0e23\u0e49\u0e2d\u0e19\u0e41\u0e01\u0e48\u0e2d\u0e32\u0e2b\u0e32\u0e23\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"references\" class=\"scroll-mt-24\">\n            <h2 class=\"text-xl font-bold border-l-4 border-stone-400 pl-4 mb-4 text-stone-700\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07 (References)<\/h2>\n            <div class=\"bg-stone-100 p-6 rounded-xl text-sm text-stone-600 space-y-3\">\n                <p>[1] Chaurasiya, R. S., Sakhare, P. Z., Bhaskar, N., &amp; Hebbar, H. U. (2015). Efficacy of reverse micellar extracted fruit bromelain in meat tenderization. <i>Journal of Food Science and Technology<\/i>, 52(6), 3870-3880.<\/p>\n                <p>[2] Amri, E., &amp; Mamboya, F. (2012). Papain, a plant enzyme of biological importance: A review. <i>American Journal of Biochemistry and Biotechnology<\/i>, 8(2), 99-104.<\/p>\n                <p>[3] Bekhit, A. A., Hopkins, D. L., Geesink, G., Bekhit, A. A., &amp; Franks, P. (2014). Exogenous proteases for meat tenderization. <i>Critical Reviews in Food Science and Nutrition<\/i>, 54(8), 1012-1031.<\/p>\n                <p>[4] Manohar, R. S., et al. (2016). Application of bromelain in structural modification of meat myofibrillar proteins. <i>Meat Science<\/i>, 112, 120-125.<\/p>\n                <p>[5] Sullivan, C. (2018). The effect of papain on collagen degradation in tough cuts of beef. <i>Journal of Culinary Science &amp; Technology<\/i>, 16(3), 215-227.<\/p>\n                <p>[6] Rawdkuen, S., Jaimjan, O., &amp; Benjakul, S. (2013). Physicochemical properties and tenderizing properties of papaya latex protease. <i>Food Chemistry<\/i>, 136(2), 720-726.<\/p>\n                <p>[7] Jutamongkon, R., &amp; Charoenrein, S. (2010). Effect of temperature on the activity of bromelain extract from pineapple. <i>International Journal of Food Properties<\/i>, 13(4), 834-843.<\/p>\n                <p>[8] Bresolin, I. R., et al. (2013). Papain properties and its application in the food industry. <i>Enzyme Research and Technology<\/i>, 45, 88-95.<\/p>\n            <\/div>\n        <\/section>\n\n    <\/main>\n\n    <footer class=\"bg-stone-900 text-stone-400 py-8 text-center text-sm\">\n        <div class=\"max-w-6xl mx-auto px-4\">\n            <p>\u00a9 2026 Dr.POR  FoodBioChem Report. \u0e41\u0e25\u0e01\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e01\u0e31\u0e19\u0e17\u0e35\u0e48 krongsakda@gmail.com<\/p>\n        <\/div>\n    <\/footer>\n\n    <script>\n        \/\/ --- Mechanism Interactive Logic ---\n        const mechDetails = {\n            1: {\n                title: \"1. \u0e01\u0e32\u0e23\u0e08\u0e31\u0e1a\u0e01\u0e31\u0e1a\u0e42\u0e1b\u0e23\u0e15\u0e35\u0e19\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22 (Enzyme-Substrate Binding)\",\n                text: \"\u0e42\u0e21\u0e40\u0e25\u0e01\u0e38\u0e25\u0e02\u0e2d\u0e07\u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c Cysteine protease (\u0e40\u0e0a\u0e48\u0e19 \u0e42\u0e1a\u0e23\u0e21\u0e34\u0e40\u0e25\u0e19) \u0e08\u0e30\u0e40\u0e02\u0e49\u0e32\u0e17\u0e33\u0e1b\u0e0f\u0e34\u0e01\u0e34\u0e23\u0e34\u0e22\u0e32\u0e01\u0e31\u0e1a\u0e2a\u0e32\u0e22\u0e42\u0e1e\u0e25\u0e34\u0e40\u0e1b\u0e1b\u0e44\u0e17\u0e14\u0e4c\u0e02\u0e2d\u0e07\u0e42\u0e1b\u0e23\u0e15\u0e35\u0e19\u0e43\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23 \u0e42\u0e14\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e42\u0e1b\u0e23\u0e15\u0e35\u0e19\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e40\u0e22\u0e37\u0e48\u0e2d\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e1e\u0e31\u0e19 (Collagen) \u0e41\u0e25\u0e30\u0e42\u0e1b\u0e23\u0e15\u0e35\u0e19\u0e01\u0e25\u0e49\u0e32\u0e21\u0e40\u0e19\u0e37\u0e49\u0e2d (Actomyosin) \u0e42\u0e14\u0e22\u0e2d\u0e32\u0e28\u0e31\u0e22\u0e04\u0e27\u0e32\u0e21\u0e08\u0e33\u0e40\u0e1e\u0e32\u0e30\u0e15\u0e48\u0e2d\u0e01\u0e23\u0e14\u0e2d\u0e30\u0e21\u0e34\u0e42\u0e19\u0e1a\u0e32\u0e07\u0e0a\u0e19\u0e34\u0e14 [3]\"\n            },\n            2: {\n                title: \"2. \u0e1b\u0e0f\u0e34\u0e01\u0e34\u0e23\u0e34\u0e22\u0e32\u0e44\u0e2e\u0e42\u0e14\u0e23\u0e44\u0e25\u0e0b\u0e34\u0e2a (Hydrolysis Reaction)\",\n                text: \"\u0e1a\u0e23\u0e34\u0e40\u0e27\u0e13\u0e40\u0e23\u0e48\u0e07 (Active site) \u0e02\u0e2d\u0e07\u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c\u0e01\u0e25\u0e38\u0e48\u0e21\u0e19\u0e35\u0e49\u0e21\u0e35\u0e01\u0e23\u0e14\u0e2d\u0e30\u0e21\u0e34\u0e42\u0e19 Cysteine \u0e40\u0e1b\u0e47\u0e19\u0e2d\u0e07\u0e04\u0e4c\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e2b\u0e25\u0e31\u0e01 \u0e2b\u0e21\u0e39\u0e48\u0e0b\u0e31\u0e25\u0e1f\u0e4c\u0e44\u0e2e\u0e14\u0e23\u0e34\u0e25 (-SH) \u0e08\u0e30\u0e17\u0e33\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e19\u0e34\u0e27\u0e04\u0e25\u0e35\u0e42\u0e2d\u0e44\u0e1f\u0e25\u0e4c \u0e40\u0e02\u0e49\u0e32\u0e42\u0e08\u0e21\u0e15\u0e35\u0e1e\u0e31\u0e19\u0e18\u0e30\u0e40\u0e1e\u0e1b\u0e44\u0e17\u0e14\u0e4c (Peptide bond) \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e2a\u0e32\u0e22\u0e42\u0e1b\u0e23\u0e15\u0e35\u0e19\u0e22\u0e32\u0e27\u0e46 \u0e02\u0e32\u0e14\u0e2d\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e01\u0e31\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e48\u0e2d\u0e19\u0e2a\u0e31\u0e49\u0e19\u0e46 [2]\"\n            },\n            3: {\n                title: \"3. \u0e01\u0e32\u0e23\u0e04\u0e25\u0e32\u0e22\u0e15\u0e31\u0e27\u0e02\u0e2d\u0e07\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07 (Structural Unfolding)\",\n                text: \"\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e42\u0e1b\u0e23\u0e15\u0e35\u0e19\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e16\u0e39\u0e01\u0e15\u0e31\u0e14\u0e02\u0e32\u0e14 \u0e23\u0e48\u0e32\u0e07\u0e41\u0e2b\u0e04\u0e2d\u0e25\u0e25\u0e32\u0e40\u0e08\u0e19\u0e41\u0e25\u0e30\u0e40\u0e2a\u0e49\u0e19\u0e43\u0e22\u0e01\u0e25\u0e49\u0e32\u0e21\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e08\u0e30\u0e2a\u0e39\u0e0d\u0e40\u0e2a\u0e35\u0e22\u0e04\u0e27\u0e32\u0e21\u0e41\u0e02\u0e47\u0e07\u0e41\u0e23\u0e07 \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e40\u0e22\u0e37\u0e48\u0e2d\u0e04\u0e25\u0e32\u0e22\u0e15\u0e31\u0e27 \u0e2a\u0e48\u0e07\u0e1c\u0e25\u0e43\u0e2b\u0e49\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2d\u0e38\u0e49\u0e21\u0e19\u0e49\u0e33\u0e44\u0e14\u0e49\u0e14\u0e35\u0e02\u0e36\u0e49\u0e19 (Water holding capacity \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e02\u0e36\u0e49\u0e19) \u0e41\u0e25\u0e30\u0e25\u0e14\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2b\u0e19\u0e35\u0e22\u0e27\u0e25\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e04\u0e35\u0e49\u0e22\u0e27 [4]\"\n            }\n        };\n\n        function showMechDetail(step) {\n            \/\/ Reset card styles\n            document.querySelectorAll('.mech-card').forEach(card => {\n                card.classList.remove('ring-2', 'ring-amber-500', 'bg-amber-50');\n            });\n            \/\/ Highlight active card\n            const activeCard = document.querySelectorAll('.mech-card')[step-1];\n            activeCard.classList.add('ring-2', 'ring-amber-500', 'bg-amber-50');\n\n            \/\/ Show details\n            const detailBox = document.getElementById('mech-detail-box');\n            document.getElementById('mech-detail-title').innerText = mechDetails[step].title;\n            document.getElementById('mech-detail-text').innerText = mechDetails[step].text;\n            detailBox.classList.remove('hidden');\n        }\n\n\n        \/\/ --- Meat Tenderization Chart (Bar Chart) ---\n        const ctxMeat = document.getElementById('meatChart').getContext('2d');\n        const meatChart = new Chart(ctxMeat, {\n            type: 'bar',\n            data: {\n                labels: ['\u0e0a\u0e38\u0e14\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21 (\u0e44\u0e21\u0e48\u0e43\u0e2a\u0e48)', 'Bromelain 0.05%', 'Bromelain 0.1%', 'Papain 0.05%', 'Papain 0.1%'],\n                datasets: [{\n                    label: '\u0e04\u0e48\u0e32\u0e41\u0e23\u0e07\u0e15\u0e31\u0e14\u0e1c\u0e48\u0e32\u0e19\u0e40\u0e19\u0e37\u0e49\u0e2d (Newton) \u0e22\u0e34\u0e48\u0e07\u0e15\u0e48\u0e33\u0e22\u0e34\u0e48\u0e07\u0e19\u0e38\u0e48\u0e21',\n                    data: [70, 48, 32, 45, 28], \/\/ Fictionalized based on trend\n                    backgroundColor: [\n                        '#d6d3d1', \/\/ stone-300\n                        '#fcd34d', \/\/ amber-300\n                        '#d97706', \/\/ amber-600\n                        '#6ee7b7', \/\/ emerald-300\n                        '#059669'  \/\/ emerald-600\n                    ],\n                    borderWidth: 0,\n                    borderRadius: 4\n                }]\n            },\n            options: {\n                responsive: true,\n                maintainAspectRatio: false,\n                plugins: {\n                    legend: {\n                        position: 'top',\n                        labels: { font: { family: \"'Noto Sans Thai', sans-serif\" } }\n                    },\n                    tooltip: {\n                        titleFont: { family: \"'Noto Sans Thai', sans-serif\" },\n                        bodyFont: { family: \"'Noto Sans Thai', sans-serif\" }\n                    }\n                },\n                scales: {\n                    y: {\n                        beginAtZero: true,\n                        title: {\n                            display: true,\n                            text: 'Shear Force (N)',\n                            font: { family: \"'Noto Sans Thai', sans-serif\" }\n                        }\n                    },\n                    x: {\n                        ticks: {\n                            font: { family: \"'Noto Sans Thai', sans-serif\" },\n                            callback: function(value) {\n                                \/\/ Simple text wrap logic for long labels (though these are short)\n                                let label = this.getLabelForValue(value);\n                                if(label.length > 16) return label.match(\/.{1,16}\/g);\n                                return label;\n                            }\n                        }\n                    }\n                }\n            }\n        });\n\n\n        \/\/ --- Optimal Conditions Chart (Line Chart) ---\n        const ctxEnv = document.getElementById('envChart').getContext('2d');\n        \n        \/\/ Data sets\n        const dataBromelain = [10, 30, 65, 95, 100, 85, 40, 10]; \/\/ Activity at pH 3, 4, 5, 5.5, 6, 7, 8, 9\n        const dataPapain = [5, 20, 50, 75, 90, 100, 95, 60];    \/\/ Activity at pH 3, 4, 5, 5.5, 6, 6.5, 7, 8\n\n        const envChart = new Chart(ctxEnv, {\n            type: 'line',\n            data: {\n                labels: ['pH 3.0', 'pH 4.0', 'pH 5.0', 'pH 5.5', 'pH 6.0', 'pH 6.5', 'pH 7.0', 'pH 8.0'],\n                datasets: [{\n                    label: 'Relative Activity (%) - Bromelain',\n                    data: dataBromelain,\n                    borderColor: '#d97706', \/\/ amber-600\n                    backgroundColor: 'rgba(217, 119, 6, 0.1)',\n                    borderWidth: 3,\n                    fill: true,\n                    tension: 0.4,\n                    pointBackgroundColor: '#b45309',\n                    pointRadius: 5\n                }]\n            },\n            options: {\n                responsive: true,\n                maintainAspectRatio: false,\n                plugins: {\n                    legend: {\n                        position: 'top',\n                        labels: { font: { family: \"'Noto Sans Thai', sans-serif\" } }\n                    },\n                    tooltip: {\n                        titleFont: { family: \"'Noto Sans Thai', sans-serif\" },\n                        bodyFont: { family: \"'Noto Sans Thai', sans-serif\" },\n                        callbacks: {\n                            label: function(context) {\n                                return `\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e: ${context.parsed.y}%`;\n                            }\n                        }\n                    }\n                },\n                scales: {\n                    y: {\n                        beginAtZero: true,\n                        max: 110,\n                        title: {\n                            display: true,\n                            text: 'Relative Activity (%)',\n                            font: { family: \"'Noto Sans Thai', sans-serif\" }\n                        }\n                    },\n                    x: {\n                        ticks: { font: { family: \"'Noto Sans Thai', sans-serif\" } }\n                    }\n                }\n            }\n        });\n\n        \/\/ Toggle Logic for Environment Chart\n        function updateEnvChart(enzyme) {\n            \/\/ Update Buttons\n            document.getElementById('btn-bromelain').classList.remove('active', 'bg-amber-600', 'text-white');\n            document.getElementById('btn-bromelain').classList.add('bg-white', 'text-stone-700');\n            \n            document.getElementById('btn-papain').classList.remove('active', 'bg-emerald-600', 'text-white');\n            document.getElementById('btn-papain').classList.add('bg-white', 'text-stone-700');\n\n            if (enzyme === 'bromelain') {\n                document.getElementById('btn-bromelain').classList.add('active');\n                document.getElementById('btn-bromelain').style.backgroundColor = '#d97706';\n                document.getElementById('btn-bromelain').style.color = 'white';\n                \n                envChart.data.datasets[0].label = 'Relative Activity (%) - Bromelain';\n                envChart.data.datasets[0].data = dataBromelain;\n                envChart.data.datasets[0].borderColor = '#d97706';\n                envChart.data.datasets[0].backgroundColor = 'rgba(217, 119, 6, 0.1)';\n                envChart.data.datasets[0].pointBackgroundColor = '#b45309';\n            } else {\n                document.getElementById('btn-papain').classList.add('active');\n                document.getElementById('btn-papain').style.backgroundColor = '#059669'; \/\/ emerald-600\n                document.getElementById('btn-papain').style.color = 'white';\n                document.getElementById('btn-papain').style.borderColor = '#059669';\n\n                envChart.data.datasets[0].label = 'Relative Activity (%) - Papain';\n                envChart.data.datasets[0].data = dataPapain;\n                envChart.data.datasets[0].borderColor = '#059669'; \/\/ emerald-600\n                envChart.data.datasets[0].backgroundColor = 'rgba(5, 150, 105, 0.1)';\n                envChart.data.datasets[0].pointBackgroundColor = '#047857';\n            }\n            envChart.update();\n        }\n\n        \/\/ Initialize button styling properly\n        updateEnvChart('bromelain');\n\n    <\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c Cysteine Protease \u0e43\u0e19\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2d\u0e32\u0e2b\u0e32\u0e23 FoodBioChem \u0e1a\u0e17\u0e19\u0e33 \u0e01\u0e25\u0e44\u0e01 \u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49 \u0e2a\u0e20\u0e32\u0e27\u0e30\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21 \u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07 \u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e14\u0e49\u0e32\u0e19\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c \u0e01\u0e32\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e14\u0e49\u0e27\u0e22\u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c\u0e01\u0e25\u0e38\u0e48\u0e21 Cysteine Protease \u0e1a\u0e17\u0e1a\u0e32\u0e17\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e02\u0e2d\u0e07 \u0e42\u0e1a\u0e23\u0e21\u0e34\u0e40\u0e25\u0e19 (Bromelain) \u0e41\u0e25\u0e30 \u0e1b\u0e32\u0e40\u0e1b\u0e19 (Papain) \u0e43\u0e19\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2d\u0e32\u0e2b\u0e32\u0e23 \u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e02\u0e2d\u0e07 Cysteine Protease \u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c\u0e01\u0e25\u0e38\u0e48\u0e21 Cysteine protease \u0e40\u0e1b\u0e47\u0e19\u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c\u0e22\u0e48\u0e2d\u0e22\u0e42\u0e1b\u0e23\u0e15\u0e35\u0e19\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e22\u0e34\u0e48\u0e07\u0e43\u0e19\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2d\u0e32\u0e2b\u0e32\u0e23 \u0e42\u0e14\u0e22\u0e21\u0e35\u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c\u0e17\u0e35\u0e48\u0e42\u0e14\u0e14\u0e40\u0e14\u0e48\u0e19\u0e41\u0e25\u0e30\u0e16\u0e39\u0e01\u0e19\u0e33\u0e21\u0e32\u0e43\u0e0a\u0e49\u0e40\u0e0a\u0e34\u0e07\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e4c\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e41\u0e1e\u0e23\u0e48\u0e2b\u0e25\u0e32\u0e22 \u0e44\u0e14\u0e49\u0e41\u0e01\u0e48 \u0e42\u0e1a\u0e23\u0e21\u0e34\u0e40\u0e25\u0e19 (Bromelain) \u0e0b\u0e36\u0e48\u0e07\u0e2a\u0e01\u0e31\u0e14\u0e44\u0e14\u0e49\u0e08\u0e32\u0e01\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e48\u0e32\u0e07\u0e46 \u0e02\u0e2d\u0e07\u0e2a\u0e31\u0e1a\u0e1b\u0e30\u0e23\u0e14 (Ananas comosus) \u0e41\u0e25\u0e30 \u0e1b\u0e32\u0e40\u0e1b\u0e19 (Papain) \u0e0b\u0e36\u0e48\u0e07\u0e2a\u0e01\u0e31\u0e14\u0e44\u0e14\u0e49\u0e08\u0e32\u0e01\u0e22\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e1c\u0e25\u0e21\u0e30\u0e25\u0e30\u0e01\u0e2d\u0e14\u0e34\u0e1a (Carica papaya) [1, 2] \u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e2b\u0e25\u0e31\u0e01\u0e02\u0e2d\u0e07\u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e19\u0e35\u0e49\u0e04\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e23\u0e48\u0e07\u0e1b\u0e0f\u0e34\u0e01\u0e34\u0e23\u0e34\u0e22\u0e32\u0e01\u0e32\u0e23\u0e44\u0e2e\u0e42\u0e14\u0e23\u0e44\u0e25\u0e0b\u0e34\u0e2a (Hydrolysis) \u0e02\u0e2d\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e30\u0e40\u0e1b\u0e1b\u0e44\u0e17\u0e14\u0e4c\u0e43\u0e19\u0e42\u0e21\u0e40\u0e25\u0e01\u0e38\u0e25\u0e42\u0e1b\u0e23\u0e15\u0e35\u0e19 \u0e2a\u0e48\u0e07\u0e1c\u0e25\u0e43\u0e2b\u0e49\u0e42\u0e1b\u0e23\u0e15\u0e35\u0e19\u0e2a\u0e32\u0e22\u0e22\u0e32\u0e27\u0e16\u0e39\u0e01\u0e15\u0e31\u0e14\u0e02\u0e32\u0e14\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e1b\u0e1b\u0e44\u0e17\u0e14\u0e4c\u0e2a\u0e32\u0e22\u0e2a\u0e31\u0e49\u0e19\u0e25\u0e07\u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e23\u0e14\u0e2d\u0e30\u0e21\u0e34\u0e42\u0e19\u0e2d\u0e34\u0e2a\u0e23\u0e30 \u0e01\u0e32\u0e23\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e41\u0e1b\u0e25\u0e07\u0e17\u0e32\u0e07\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e19\u0e35\u0e49\u0e2a\u0e48\u0e07\u0e1c\u0e25\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07\u0e15\u0e48\u0e2d &#8220;\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2a\u0e31\u0e21\u0e1c\u0e31\u0e2a (Texture)&#8221; \u0e41\u0e25\u0e30\u0e04\u0e38\u0e13\u0e2a\u0e21\u0e1a\u0e31\u0e15\u0e34\u0e17\u0e32\u0e07\u0e23\u0e35\u0e42\u0e2d\u0e42\u0e25\u0e22\u0e35 (Rheological properties) \u0e02\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":492,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-474","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/porsci.com\/index.php?rest_route=\/wp\/v2\/posts\/474","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/porsci.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/porsci.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/porsci.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/porsci.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=474"}],"version-history":[{"count":8,"href":"https:\/\/porsci.com\/index.php?rest_route=\/wp\/v2\/posts\/474\/revisions"}],"predecessor-version":[{"id":491,"href":"https:\/\/porsci.com\/index.php?rest_route=\/wp\/v2\/posts\/474\/revisions\/491"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/porsci.com\/index.php?rest_route=\/wp\/v2\/media\/492"}],"wp:attachment":[{"href":"https:\/\/porsci.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=474"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/porsci.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=474"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/porsci.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=474"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}