{"id":53,"date":"2026-06-25T11:16:03","date_gmt":"2026-06-25T14:16:03","guid":{"rendered":"https:\/\/www.cchla.ufpb.br\/ctjd\/?page_id=53"},"modified":"2026-06-25T11:29:30","modified_gmt":"2026-06-25T14:29:30","slug":"matriz-curricular","status":"publish","type":"page","link":"https:\/\/www.cchla.ufpb.br\/ctjd\/matriz-curricular\/","title":{"rendered":"Matriz Curricular"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* Configura\u00e7\u00f5es Gerais *\/\n        .ctjd-matriz-container {\n            font-family: 'Inter', sans-serif;\n            color: #333333;\n            max-width: 1100px;\n            margin: 0 auto;\n            padding: 20px;\n            background-color: #fcfcf9;\n        }\n\n        .ctjd-matriz-container h2 {\n            color: #5e5300;\n            text-align: center;\n            font-size: 1.8rem;\n            margin-bottom: 5px;\n            font-weight: 700;\n            text-transform: uppercase;\n        }\n\n        .ctjd-matriz-container .subtitulo {\n            text-align: center;\n            color: #666666;\n            margin-bottom: 30px;\n            font-size: 1rem;\n        }\n\n        \/* Sistema de Abas (Tabs) com CSS Puro *\/\n        .matriz-tabs {\n            display: flex;\n            flex-wrap: wrap;\n            margin-bottom: 20px;\n            border-bottom: 2px solid rgba(94, 83, 0, 0.2);\n        }\n\n        .tab-input {\n            display: none;\n        }\n\n        .tab-label {\n            padding: 12px 20px;\n            font-weight: 600;\n            font-size: 0.95rem;\n            cursor: pointer;\n            color: #666666;\n            border-bottom: 3px solid transparent;\n            transition: all 0.3s ease;\n        }\n\n        .tab-label:hover {\n            color: #5e5300;\n            background-color: rgba(94, 83, 0, 0.04);\n        }\n\n        .tab-content {\n            display: none;\n            width: 100%;\n            animation: fadeIn 0.4s ease;\n        }\n\n        \/* L\u00f3gica de ativa\u00e7\u00e3o das abas *\/\n        #tab1:checked ~ .matriz-tabs .label1,\n        #tab2:checked ~ .matriz-tabs .label2,\n        #tab3:checked ~ .matriz-tabs .label3,\n        #tab4:checked ~ .matriz-tabs .label4 {\n            color: #5e5300;\n            border-bottom-color: #5e5300;\n            background-color: rgba(94, 83, 0, 0.06);\n        }\n\n        #tab1:checked ~ #content1,\n        #tab2:checked ~ #content2,\n        #tab3:checked ~ #content3,\n        #tab4:checked ~ #content4 {\n            display: block;\n        }\n\n        \/* Estiliza\u00e7\u00e3o das Tabelas *\/\n        .tabela-wrapper {\n            overflow-x: auto; \/* Responsividade para o celular *\/\n            background: #ffffff;\n            border-radius: 8px;\n            box-shadow: 0 4px 10px rgba(0,0,0,0.04);\n            border: 1px solid rgba(94, 83, 0, 0.15);\n            margin-bottom: 20px;\n        }\n\n        table {\n            width: 100%;\n            border-collapse: collapse;\n            text-align: left;\n            font-size: 0.95rem;\n        }\n\n        th {\n            background-color: #5e5300;\n            color: #ffffff;\n            font-weight: 600;\n            padding: 14px 16px;\n            text-transform: uppercase;\n            font-size: 0.85rem;\n            letter-spacing: 0.5px;\n        }\n\n        td {\n            padding: 12px 16px;\n            border-bottom: 1px solid #eeeeee;\n        }\n\n        tr:nth-child(even) td {\n            background-color: #fafafa;\n        }\n\n        tr:hover td {\n            background-color: rgba(94, 83, 0, 0.03);\n        }\n\n        \/* Estilo dos Pr\u00e9-requisitos *\/\n        .pre-req {\n            font-size: 0.85rem;\n            background-color: #f0f0f0;\n            color: #555555;\n            padding: 2px 6px;\n            border-radius: 4px;\n            display: inline-block;\n        }\n        \n        .nenhum {\n            color: #999999;\n            font-style: italic;\n        }\n\n        \/* Linhas de Resumo\/Totalizadores *\/\n        .linha-total {\n            font-weight: 700;\n            background-color: rgba(94, 83, 0, 0.08) !important;\n            color: #5e5300;\n        }\n        \n        .linha-total td {\n            border-top: 2px solid #5e5300;\n        }\n\n        \/* Anima\u00e7\u00e3o *\/\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(5px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        \/* Adapta\u00e7\u00e3o para telas pequenas *\/\n        @media (max-width: 768px) {\n            .matriz-tabs {\n                flex-direction: column;\n            }\n            .tab-label {\n                border-bottom: none;\n                border-left: 3px solid transparent;\n            }\n            #tab1:checked ~ .matriz-tabs .label1,\n            #tab2:checked ~ .matriz-tabs .label2,\n            #tab3:checked ~ .matriz-tabs .label3,\n            #tab4:checked ~ .matriz-tabs .label4 {\n                border-bottom-color: transparent;\n                border-left-color: #5e5300;\n            }\n        }\n<\/style>\n\n<div class=\"ctjd-matriz-container\">\n    \n    <input type=\"radio\" id=\"tab1\" name=\"matriz-control\" class=\"tab-input\" checked=\"\">\n    <input type=\"radio\" id=\"tab2\" name=\"matriz-control\" class=\"tab-input\">\n    <input type=\"radio\" id=\"tab3\" name=\"matriz-control\" class=\"tab-input\">\n    <input type=\"radio\" id=\"tab4\" name=\"matriz-control\" class=\"tab-input\">\n\n    <div class=\"matriz-tabs\">\n        <label for=\"tab1\" class=\"tab-label label1\">1. Obrigat\u00f3rias B\u00e1sicas<\/label>\n        <label for=\"tab2\" class=\"tab-label label2\">2.1. Complementares Obrigat\u00f3rias<\/label>\n        <label for=\"tab3\" class=\"tab-label label3\">2.2. Complementares Optativas<\/label>\n        <label for=\"tab4\" class=\"tab-label label4\">2.3. Flex\u00edveis<\/label>\n    <\/div>\n\n    <div id=\"content1\" class=\"tab-content\">\n        <div class=\"tabela-wrapper\">\n            <table>\n                <thead>\n                    <tr>\n                        <th>Componente Curricular<\/th>\n                        <th>Cr\u00e9ditos<\/th>\n                        <th>Carga Hor\u00e1ria<\/th>\n                        <th>Pr\u00e9-requisitos<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr><td>Arte para Jogos Digitais I<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>Arte para Jogos Digitais II<\/td><td>4<\/td><td>60h<\/td><td><span class=\"pre-req\">Arte para Jogos Digitais I<\/span><\/td><\/tr>\n                    <tr><td>Controle de Qualidade em Jogos Digitais<\/td><td>2<\/td><td>30h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>Design de Cen\u00e1rios e Personagens<\/td><td>4<\/td><td>60h<\/td><td><span class=\"pre-req\">Arte para Jogos Digitais I<\/span><\/td><\/tr>\n                    <tr><td>Computa\u00e7\u00e3o Gr\u00e1fica aplicada a Jogos<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>Dire\u00e7\u00e3o de Arte para Jogos Digitais<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>Escrita e Narrativa para jogos digitais<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>Est\u00fadio de Cria\u00e7\u00e3o de Jogos<\/td><td>14<\/td><td>210h<\/td><td><span class=\"pre-req\">Game Design<\/span><\/td><\/tr>\n                    <tr><td>Estudo e Teoria dos Jogos<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>Game Design<\/td><td>6<\/td><td>90h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>Game design experimental<\/td><td>4<\/td><td>60h<\/td><td><span class=\"pre-req\">Game Design<\/span><\/td><\/tr>\n                    <tr><td>Gest\u00e3o de Projetos para Jogos Digitais<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>Modelagem e Anima\u00e7\u00e3o 3D<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>Programa\u00e7\u00e3o Avan\u00e7ada para jogos<\/td><td>4<\/td><td>60h<\/td><td><span class=\"pre-req\">Prog. Orientada a Objetos para Jogos<\/span><\/td><\/tr>\n                    <tr><td>Programa\u00e7\u00e3o Criativa para Jogos<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>Projeto de Comunica\u00e7\u00e3o para Jogos Digitais<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>Projeto de Empreendedorismo para Jogos Digitais<\/td><td>10<\/td><td>150h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>Projeto de Jogos Digitais 2D<\/td><td>10<\/td><td>150h<\/td><td><span class=\"pre-req\">Game Design<\/span><\/td><\/tr>\n                    <tr><td>Projeto de Jogos Digitais 3D<\/td><td>10<\/td><td>150h<\/td><td><span class=\"pre-req\">Projeto de Jogos Digitais 2D<\/span><\/td><\/tr>\n                    <tr class=\"linha-total\">\n                        <td>Total de Conte\u00fados Obrigat\u00f3rios<\/td>\n                        <td>96<\/td>\n                        <td>1560h<\/td>\n                        <td>&#8211;<\/td>\n                    <\/tr>\n                <\/tbody>\n            <\/table>\n        <\/div>\n    <\/div>\n\n    <div id=\"content2\" class=\"tab-content\">\n        <div class=\"tabela-wrapper\">\n            <table>\n                <thead>\n                    <tr>\n                        <th>Componente Curricular<\/th>\n                        <th>Cr\u00e9ditos<\/th>\n                        <th>Carga Hor\u00e1ria<\/th>\n                        <th>Pr\u00e9-requisitos<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr><td>Design de Som<\/td><td>2<\/td><td>30h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>Hist\u00f3ria dos Jogos Digitais<\/td><td>2<\/td><td>30h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>Interface e Usabilidade para Jogos Digitais<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>Programa\u00e7\u00e3o Orientada a Objetos para Jogos<\/td><td>4<\/td><td>60h<\/td><td><span class=\"pre-req\">Programa\u00e7\u00e3o Criativa para Jogos<\/span><\/td><\/tr>\n                    <tr class=\"linha-total\">\n                        <td>Total de Complementares Obrigat\u00f3rios<\/td>\n                        <td>12<\/td>\n                        <td>180h<\/td>\n                        <td>&#8211;<\/td>\n                    <\/tr>\n                <\/tbody>\n            <\/table>\n        <\/div>\n    <\/div>\n\n    <div id=\"content3\" class=\"tab-content\">\n        <div class=\"tabela-wrapper\">\n            <table>\n                <thead>\n                    <tr>\n                        <th>Componente Curricular<\/th>\n                        <th>Cr\u00e9ditos<\/th>\n                        <th>Carga Hor\u00e1ria<\/th>\n                        <th>Pr\u00e9-requisitos<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr><td>Storyboard<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>Teorias do Lazer e M\u00eddias Digitais<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>Economia Pol\u00edtica do Entretenimento<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>Design Avan\u00e7ado de Cen\u00e1rios<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>Design Avan\u00e7ado de Personagens<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>Entretenimento Digital e Ind\u00fastria Criativa<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>Entretenimento e Cultura Contempor\u00e2nea<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>Jogos e Narrativas<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>Oficina de Portfolio para Estudo dos Jogos<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>T\u00f3picos Avan\u00e7ados em Programa\u00e7\u00e3o para Jogos Digitais<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>T\u00f3picos Avan\u00e7ados em Dire\u00e7\u00e3o de Arte<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>T\u00f3picos Avan\u00e7ados em Design de Jogos<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>T\u00f3picos Avan\u00e7ados em Empreendedorismo e Marketing<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>Libras<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>T\u00f3picos Avan\u00e7ados em Estudos de Jogos<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>Unidade Curricular de Extens\u00e3o em Design de Jogos<\/td><td>10<\/td><td>150h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>Unidade Curricular de Extens\u00e3o em Estudo de Jogos<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                <\/tbody>\n            <\/table>\n        <\/div>\n    <\/div>\n\n    <div id=\"content4\" class=\"tab-content\">\n        <div class=\"tabela-wrapper\">\n            <table>\n                <thead>\n                    <tr>\n                        <th>Componente Curricular<\/th>\n                        <th>Cr\u00e9ditos<\/th>\n                        <th>Carga Hor\u00e1ria<\/th>\n                        <th>Pr\u00e9-requisitos<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr><td>T\u00f3picos Especiais em Jogos Digitais I<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>T\u00f3picos Especiais em Jogos Digitais II<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>T\u00f3picos Especiais em Jogos Digitais III<\/td><td>4<\/td><td>60h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr><td>T\u00f3picos Especiais em Jogos Digitais IV<\/td><td>2<\/td><td>30h<\/td><td><span class=\"nenhum\">&#8211;<\/span><\/td><\/tr>\n                    <tr class=\"linha-total\">\n                        <td>Total de Complementares Flex\u00edveis<\/td>\n                        <td>14<\/td>\n                        <td>210h<\/td>\n                        <td>&#8211;<\/td>\n                    <\/tr>\n                <\/tbody>\n            <\/table>\n        <\/div>\n    <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>1. Obrigat\u00f3rias B\u00e1sicas 2.1. Complementares Obrigat\u00f3rias 2.2. Complementares Optativas 2.3. Flex\u00edveis Componente Curricular Cr\u00e9ditos Carga [&hellip;]<\/p>\n","protected":false},"author":542,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-53","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cchla.ufpb.br\/ctjd\/wp-json\/wp\/v2\/pages\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cchla.ufpb.br\/ctjd\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cchla.ufpb.br\/ctjd\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cchla.ufpb.br\/ctjd\/wp-json\/wp\/v2\/users\/542"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cchla.ufpb.br\/ctjd\/wp-json\/wp\/v2\/comments?post=53"}],"version-history":[{"count":1,"href":"https:\/\/www.cchla.ufpb.br\/ctjd\/wp-json\/wp\/v2\/pages\/53\/revisions"}],"predecessor-version":[{"id":54,"href":"https:\/\/www.cchla.ufpb.br\/ctjd\/wp-json\/wp\/v2\/pages\/53\/revisions\/54"}],"wp:attachment":[{"href":"https:\/\/www.cchla.ufpb.br\/ctjd\/wp-json\/wp\/v2\/media?parent=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}