{"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-04-02T11:59:53","modified_gmt":"2026-04-02T14:59:53","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: #94a3b8; 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\/powerpplay\" 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: #22d3ee; 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: #161b2a;\n        border: 1px solid #1e293b;\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: #22d3ee;\n        transform: translateY(-12px);\n        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5), 0 0 20px rgba(34, 211, 238, 0.1);\n    }\n\n    \/* O C\u00edrculo do \u00cdcone com Glow *\/\n    .doc-card-icon {\n        font-size: 3rem;\n        color: #22d3ee;\n        margin-bottom: 25px;\n        background: #0f172a;\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 #1e293b;\n        transition: 0.3s;\n        box-shadow: inset 0 0 15px rgba(34, 211, 238, 0.05);\n    }\n\n    .doc-card-main:hover .doc-card-icon {\n        border-color: #22d3ee;\n        color: #fff;\n        text-shadow: 0 0 15px #22d3ee;\n        box-shadow: 0 0 25px rgba(34, 211, 238, 0.2);\n    }\n\n    .doc-card-main h3 {\n        color: #f1f5f9;\n        font-size: 1.8rem;\n        margin-bottom: 15px;\n        font-weight: 800;\n    }\n\n    .doc-card-main p {\n        color: #94a3b8;\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: #eb4444;\n        color: #fff !important;\n    }\n\n    .pdf-btn:hover {\n        background: #ff5f5f;\n        box-shadow: 0 10px 25px rgba(235, 68, 68, 0.4);\n    }\n\n    .wiki-btn {\n        background: #22d3ee;\n        color: #020617 !important;\n    }\n\n    .wiki-btn:hover {\n        background: #fff;\n        box-shadow: 0 10px 25px rgba(34, 211, 238, 0.4);\n    }\n\n    \/* Caixa de Dica Customizada *\/\n    .doc-tip-box {\n        margin-top: 60px;\n        background: linear-gradient(90deg, rgba(34, 211, 238, 0.1) 0%, rgba(16, 23, 42, 0) 100%);\n        border-radius: 15px;\n        border: 1px solid #1e293b;\n        padding: 25px;\n    }\n\n    .doc-tip-content {\n        display: flex;\n        align-items: center;\n        gap: 20px;\n        color: #94a3b8;\n    }\n\n    .tip-icon {\n        font-size: 2rem;\n        color: #22d3ee;\n    }\n\n    @media (max-width: 600px) {\n        .doc-grid-selection { grid-template-columns: 1fr; }\n    }\n<\/style>\n\n\n\n<h2 class=\"wp-block-heading\">Legacy<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong><a href=\"http:\/\/www2.ic.uff.br\/pplay\/documentacao\/animation\/\" data-type=\"page\" data-id=\"93\">Animation<\/a><\/strong><\/td><td>&nbsp;Classe respons\u00e1vel por animar uma&nbsp;<strong><a href=\"http:\/\/www2.ic.uff.br\/pplay\/documentacao\/gameimage\/\" data-type=\"page\" data-id=\"107\">GameImage<\/a><\/strong>&nbsp;atrav\u00e9s de frames.<\/td><\/tr><tr><td><strong><a href=\"http:\/\/www2.ic.uff.br\/pplay\/documentacao\/collision\/\" data-type=\"page\" data-id=\"102\">Collision<\/a><\/strong><\/td><td>Classe usada para saber quando dois&nbsp;<strong><a href=\"http:\/\/www2.ic.uff.br\/pplay\/documentacao\/gameobject\/\" data-type=\"page\" data-id=\"110\">GameObject<\/a><\/strong>&nbsp;colidem.<\/td><\/tr><tr><td><strong><a href=\"http:\/\/www2.ic.uff.br\/pplay\/documentacao\/gameimage\/\" data-type=\"page\" data-id=\"107\">GameImage<\/a><\/strong><\/td><td>Classe respons\u00e1vel pelo modelagem de uma imagem.<\/td><\/tr><tr><td><strong><a href=\"http:\/\/www2.ic.uff.br\/pplay\/documentacao\/gameobject\/\" data-type=\"page\" data-id=\"110\">GameObject<\/a><\/strong><\/td><td>Classe b\u00e1sica do framework.<\/td><\/tr><tr><td><strong><a href=\"http:\/\/www2.ic.uff.br\/pplay\/documentacao\/keyboard\/\" data-type=\"page\" data-id=\"113\">Keyboard<\/a><\/strong><\/td><td>Classe respons\u00e1vel por tratar as entradas do teclado.<\/td><\/tr><tr><td><strong><a href=\"http:\/\/www2.ic.uff.br\/pplay\/documentacao\/mouse\/\" data-type=\"page\" data-id=\"115\">Mouse<\/a><\/strong><\/td><td>Classe respons\u00e1vel por tratar as entradas do mouse.<\/td><\/tr><tr><td><strong><a href=\"http:\/\/www2.ic.uff.br\/pplay\/tutoriais\/tutorial-sound\/\" data-type=\"page\" data-id=\"391\">Sound<\/a><\/strong><\/td><td>Classe respons\u00e1vel por controlar a execu\u00e7\u00e3o de \u00e1udio.<\/td><\/tr><tr><td><strong><a href=\"http:\/\/www2.ic.uff.br\/pplay\/documentacao\/sprite\/\" data-type=\"page\" data-id=\"119\">Sprite<\/a><\/strong><\/td><td>Classe respons\u00e1vel pelo controle e a\u00e7\u00f5es de um sprite.<\/td><\/tr><tr><td><strong><a href=\"http:\/\/www2.ic.uff.br\/pplay\/documentacao\/window\/\" data-type=\"page\" data-id=\"121\">Window<\/a><\/strong><\/td><td>Classe principal do&nbsp;<em><strong>PPlay<\/strong><\/em>. Deve ser instanciada antes de qualquer outra.<\/td><\/tr><\/tbody><\/table><\/figure>\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":9,"href":"http:\/\/www2.ic.uff.br\/pplay\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":1057,"href":"http:\/\/www2.ic.uff.br\/pplay\/wp-json\/wp\/v2\/pages\/38\/revisions\/1057"}],"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}]}}