{"id":38,"date":"2024-06-07T08:44:46","date_gmt":"2024-06-07T08:44:46","guid":{"rendered":"http:\/\/pplay.local\/?page_id=38"},"modified":"2026-09-14T23:16:36","modified_gmt":"2026-09-15T02:16:36","slug":"documentacao","status":"publish","type":"page","link":"http:\/\/www2.ic.uff.br\/pplay\/documentacao\/","title":{"rendered":"Documenta\u00e7\u00e3o"},"content":{"rendered":"\n<!-- Importa\u00e7\u00e3o do FontAwesome para garantir que os \u00edcones apare\u00e7am -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\n\n<div class=\"doc-container\">\n    <div class=\"doc-header\" style=\"text-align: center; margin-bottom: 60px;\">\n        <h1>Central de Documenta\u00e7\u00e3o<\/h1>\n        <p style=\"font-size: 1.2rem; color: var(--muted); max-width: 700px; margin: 0 auto;\">\n            Escolha como voc\u00ea deseja explorar a Power PPlay 2.0. Oferecemos o manual t\u00e9cnico completo em PDF e uma central de tutoriais interativos.\n        <\/p>\n    <\/div>\n\n    <div class=\"doc-grid-selection\">\n        \n        <!-- CARD 1: DOWNLOAD PDF -->\n        <div class=\"doc-card-main\">\n            <div class=\"doc-card-icon\">\n                <i class=\"fa-solid fa-file-pdf\"><\/i>\n            <\/div>\n            <h3>Manual T\u00e9cnico (PDF)<\/h3>\n            <p>A especifica\u00e7\u00e3o completa da engine em formato ABNT. Ideal para entender a arquitetura, f\u00edsica e l\u00f3gica de algoritmos profundamente.<\/p>\n            <a href=\"http:\/\/www2.ic.uff.br\/pplay\/wp-content\/uploads\/2026\/04\/POWER-PPLAY-2.0.pdf\" class=\"doc-btn-action pdf-btn\" target=\"_blank\" rel=\"noopener\">\n                <i class=\"fas fa-download\"><\/i> BAIXAR DOCUMENTA\u00c7\u00c3O\n            <\/a>\n        <\/div>\n\n        <!-- CARD 2: TUTORIAIS WEB -->\n        <div class=\"doc-card-main\">\n            <div class=\"doc-card-icon\">\n                <i class=\"fa-solid fa-code-merge\"><\/i>\n            <\/div>\n            <h3>Tutoriais Interativos<\/h3>\n            <p>Navegue pela nossa Wiki online. Exemplos de c\u00f3digo prontos para copiar e colar, divididos por categorias do b\u00e1sico ao avan\u00e7ado.<\/p>\n            <a href=\"\/pplay\/tutoriais\/\" class=\"doc-btn-action wiki-btn\">\n                <i class=\"fas fa-book-open\"><\/i> EXPLORAR TUTORIAIS\n            <\/a>\n        <\/div>\n\n    <\/div>\n\n    <!-- SE\u00c7\u00c3O EXTRA: TUTOR CLI -->\n    <div class=\"doc-tip-box\">\n        <div class=\"doc-tip-content\">\n            <div class=\"tip-icon\"><i class=\"fa-solid fa-terminal\"><\/i><\/div>\n            <div>\n                <h4 style=\"color: var(--magenta); margin: 0 0 5px 0;\">Dica: O Mentor no seu Terminal<\/h4>\n                <p style=\"margin: 0; font-size: 0.95rem;\">\n                    N\u00e3o precisa sair do c\u00f3digo para tirar d\u00favidas. No seu terminal, digite: <code>python PPlay\/tutor.py<\/code>\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    \/* ESTILIZA\u00c7\u00c3O DO HUB DE DOCUMENTA\u00c7\u00c3O V2 *\/\n    .doc-grid-selection {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n        gap: 30px;\n        margin: 20px 0;\n    }\n\n    .doc-card-main {\n        background: var(--surface);\n        border: 1px solid var(--surface-2);\n        border-radius: 24px;\n        padding: 45px 30px;\n        text-align: center;\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n\n    .doc-card-main:hover {\n        border-color: var(--magenta);\n        transform: translateY(-12px);\n        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5), 0 0 20px rgba(255, 62, 200, 0.1);\n    }\n\n    \/* O C\u00edrculo do \u00cdcone com Glow *\/\n    .doc-card-icon {\n        font-size: 3rem;\n        color: var(--magenta);\n        margin-bottom: 25px;\n        background: var(--surface);\n        width: 110px;\n        height: 110px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        border: 2px solid var(--surface-2);\n        transition: 0.3s;\n        box-shadow: inset 0 0 15px rgba(255, 62, 200, 0.05);\n    }\n\n    .doc-card-main:hover .doc-card-icon {\n        border-color: var(--magenta);\n        color: #fff;\n        text-shadow: 0 0 15px var(--magenta);\n        box-shadow: 0 0 25px rgba(255, 62, 200, 0.2);\n    }\n\n    .doc-card-main h3 {\n        color: var(--text);\n        font-size: 1.8rem;\n        margin-bottom: 15px;\n        font-weight: 800;\n    }\n\n    .doc-card-main p {\n        color: var(--muted);\n        font-size: 1rem;\n        line-height: 1.7;\n        margin-bottom: 35px;\n        flex-grow: 1;\n    }\n\n    .doc-btn-action {\n        width: 100%;\n        padding: 18px;\n        border-radius: 14px;\n        font-weight: 900;\n        text-transform: uppercase;\n        letter-spacing: 1.5px;\n        text-decoration: none !important;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 12px;\n        transition: 0.3s;\n    }\n\n    .pdf-btn {\n        background: var(--magenta);\n        color: #fff !important;\n    }\n\n    .pdf-btn:hover {\n        background: var(--magenta);\n        box-shadow: 0 10px 25px rgba(255, 122, 107, 0.4);\n    }\n\n    .wiki-btn {\n        background: var(--magenta);\n        color: var(--ink) !important;\n    }\n\n    .wiki-btn:hover {\n        background: #fff;\n        box-shadow: 0 10px 25px rgba(255, 62, 200, 0.4);\n    }\n\n    \/* Caixa de Dica Customizada *\/\n    .doc-tip-box {\n        margin-top: 60px;\n        background: linear-gradient(90deg, rgba(255, 62, 200, 0.1) 0%, rgba(19, 24, 35, 0) 100%);\n        border-radius: 15px;\n        border: 1px solid var(--surface-2);\n        padding: 25px;\n    }\n\n    .doc-tip-content {\n        display: flex;\n        align-items: center;\n        gap: 20px;\n        color: var(--muted);\n    }\n\n    .tip-icon {\n        font-size: 2rem;\n        color: var(--magenta);\n    }\n\n    @media (max-width: 600px) {\n        .doc-grid-selection { grid-template-columns: 1fr; }\n    }\n<\/style>\n\n\n\n<div class=\"doc-section\">\n  <h2>Refer\u00eancia da PPlay 1.x <span class=\"doc-badge\" style=\"margin-left:8px;vertical-align:middle\">legado<\/span><\/h2>\n  <p>\n    As nove classes originais do framework. Elas continuam valendo: a\n    <strong>ponte de retrocompatibilidade<\/strong> da 2.x injeta esses mesmos nomes de\n    m\u00e9todo no motor novo, ent\u00e3o trabalhos antigos rodam sem altera\u00e7\u00e3o nenhuma.\n  <\/p>\n  <p style=\"color:var(--muted);font-size:.9rem\">\n    Come\u00e7ando agora? V\u00e1 direto para a <a href=\"\/pplay\/tutoriais\/\">refer\u00eancia dos m\u00f3dulos da 2.1<\/a> \u2014\n    esta p\u00e1gina existe para quem mant\u00e9m c\u00f3digo antigo.\n  <\/p>\n\n  <div class=\"pp-mods\" style=\"margin-top:20px\">\n    <a class=\"pp-mod\" href=\"\/pplay\/documentacao\/animation\/\">\n      <span class=\"pp-mod-name\">Animation<\/span>\n      <p>Anima uma <code>GameImage<\/code> trocando os quadros ao longo do tempo.<\/p>\n    <\/a>\n    <a class=\"pp-mod\" href=\"\/pplay\/documentacao\/collision\/\">\n      <span class=\"pp-mod-name\">Collision<\/span>\n      <p>Diz quando dois <code>GameObject<\/code> se encostam.<\/p>\n    <\/a>\n    <a class=\"pp-mod\" href=\"\/pplay\/documentacao\/gameimage\/\">\n      <span class=\"pp-mod-name\">GameImage<\/span>\n      <p>Carrega e desenha uma imagem na tela.<\/p>\n    <\/a>\n    <a class=\"pp-mod\" href=\"\/pplay\/documentacao\/gameobject\/\">\n      <span class=\"pp-mod-name\">GameObject<\/span>\n      <p>A classe raiz: posi\u00e7\u00e3o, tamanho e desenho.<\/p>\n    <\/a>\n    <a class=\"pp-mod\" href=\"\/pplay\/documentacao\/keyboard\/\">\n      <span class=\"pp-mod-name\">Keyboard<\/span>\n      <p>L\u00ea as teclas pressionadas a cada quadro.<\/p>\n    <\/a>\n    <a class=\"pp-mod\" href=\"\/pplay\/documentacao\/mouse\/\">\n      <span class=\"pp-mod-name\">Mouse<\/span>\n      <p>L\u00ea posi\u00e7\u00e3o e bot\u00f5es do mouse.<\/p>\n    <\/a>\n    <a class=\"pp-mod\" href=\"\/pplay\/documentacao\/sound\/\">\n      <span class=\"pp-mod-name\">Sound<\/span>\n      <p>Toca efeitos sonoros e trilha.<\/p>\n    <\/a>\n    <a class=\"pp-mod\" href=\"\/pplay\/documentacao\/sprite\/\">\n      <span class=\"pp-mod-name\">Sprite<\/span>\n      <p>O ator do jogo: imagem, movimento e colis\u00e3o.<\/p>\n    <\/a>\n    <a class=\"pp-mod\" href=\"\/pplay\/documentacao\/window\/\">\n      <span class=\"pp-mod-name\">Window<\/span>\n      <p>A janela e o game loop. Vem sempre antes de qualquer outra.<\/p>\n    <\/a>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Central de Documenta\u00e7\u00e3o Escolha como voc\u00ea deseja explorar a Power PPlay 2.0. Oferecemos o manual t\u00e9cnico completo em PDF e uma central de tutoriais interativos. Manual T\u00e9cnico (PDF) A especifica\u00e7\u00e3o completa da engine em formato ABNT. Ideal para entender a arquitetura, f\u00edsica e l\u00f3gica de algoritmos profundamente. BAIXAR DOCUMENTA\u00c7\u00c3O Tutoriais Interativos Navegue pela nossa Wiki [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"document-template.php","meta":{"footnotes":""},"_links":{"self":[{"href":"http:\/\/www2.ic.uff.br\/pplay\/wp-json\/wp\/v2\/pages\/38"}],"collection":[{"href":"http:\/\/www2.ic.uff.br\/pplay\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www2.ic.uff.br\/pplay\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www2.ic.uff.br\/pplay\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www2.ic.uff.br\/pplay\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":12,"href":"http:\/\/www2.ic.uff.br\/pplay\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":1143,"href":"http:\/\/www2.ic.uff.br\/pplay\/wp-json\/wp\/v2\/pages\/38\/revisions\/1143"}],"wp:attachment":[{"href":"http:\/\/www2.ic.uff.br\/pplay\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}