-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·1 lines (1 loc) · 6.29 KB
/
index.html
1
<!doctype html><html><head> <meta charset="utf-8"> <meta name="keywords" content=""> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"><meta name="robots" content="index, follow"> <link rel="shortcut icon" type="image/png" href="favicon.png"> <link rel="stylesheet" type="text/css" href="./all.css?1364"><link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,40&display=swap&subset=latin,latin-ext' rel='stylesheet' type='text/css'> <title>Home</title> <!-- Analytics --> <!-- Analytics END --> </head><body><!-- Preloader --><div id="page-loading-blocs-notifaction" class="page-preloader"></div><!-- Preloader END --><!-- Main container --><div class="page-container"> <!-- hero --><div class="bloc bloc-fill-screen primary-gradient-bg bgc-4580 l-bloc" id="hero"><div class="container fill-bloc-top-edge"><div class="row"><div class="col-12"><nav class="navbar row navbar-expand-md navbar-dark" role="navigation"><div class="container-fluid"><a class="navbar-brand ltc-4279 link-style" href="./"><picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/logo白.webp"><img src="img/lazyload-ph.png" data-src="img/logo白.png" alt="logo" class="me-2 lazyload" width="80" height="80"></picture>GPT4GAME</a><button id="nav-toggle" type="button" class="ui-navbar-toggler navbar-toggler border-0 p-0 ms-auto me-md-0" aria-expanded="false" aria-label="Toggle navigation" data-bs-toggle="collapse" data-bs-target=".navbar-33797"><span class="navbar-toggler-icon"><svg height="32" viewBox="0 0 32 32" width="32"><path class="svg-menu-icon " d="m2 9h28m-28 7h28m-28 7h28"></path></svg></span></button></div></nav></div></div></div><div class="container"><div class="row"><div class="offset-lg-1 col-lg-10"><h1 class="text-center hero-heading tc-4279 mb-4 h1-style">Design a Game<br>with GPT-4<br></h1><h3 class="float-none text-center hero-sub-heading tc-426 ">An Exploration of Level Design with AI<br></h3></div></div></div><div class="container fill-bloc-bottom-edge"><div class="row phone"><div class="col-12 col-lg-10 offset-lg-1"><div class="text-center"><picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/a_game_3d_render_3character_fantastic_view_By_Kuvshinov_Ily_b7a2f680-5584-460f-9667-5e84b14d8ff1.webp"><img src="img/lazyload-ph.png" data-src="img/a_game_3d_render_3character_fantastic_view_By_Kuvshinov_Ily_b7a2f680-5584-460f-9667-5e84b14d8ff1.png" class="img-fluid mx-auto d-block app-offset-bottom hero-img mb-lg-5 img-hero-style lazyload" alt="app screenshot-short" width="946" height="605"></picture></div></div></div></div></div><!-- hero END --><!-- feature --><div class="bloc full-width-bloc tc-502 bgc-4279 l-bloc" id="feature"><div class="container bloc-md-sm bloc-lg-md bloc-md"><div class="row g-0"><div class="order-md-1 order-1 order-lg-0 offset-md-0 col-md-11 order-sm-1 offset-sm-0 col-sm-11 offset-0 col-11 offset-lg-0 col-lg-6 text-lg-start"><picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/WechatIMG563.webp"><img src="img/lazyload-ph.png" data-src="img/WechatIMG563.jpeg" class="img-fluid rounded-right custom-shadow img-wechatimg5-style me-lg-5 ms-lg-5 float-lg-end lazyload" alt="app screenshot" width="600" height="500"></picture></div><div class="align-self-center offset-md-1 col-md-10 col-sm-10 offset-sm-1 col-10 offset-1 order-md-0 text-center text-lg-start feature-col offset-lg-0 ps-lg-5 col-lg-5"><h2 class="feature-heading tc-458 mt-3 mb-4 h2-style">In-content Learning</h2><p class="text-justify">We will feed GPT-4 sketches (like the picture left) to train it as a level designer.<br><br>In the samples, we simplify the stage unit into small squares. Also, we tell GPT-4 the player's starting point and end point, the types of enemies, the location of the ground and the door, and the player’s possible routes.<br></p></div></div></div></div><!-- feature END --><!-- feature-2 --><div class="bloc full-width-bloc tc-502 bgc-3202 l-bloc" id="feature-2"><div class="container bloc-md-sm bloc-lg-md bloc-md"><div class="row g-0 row-style"><div class="align-self-center offset-md-1 col-md-10 col-sm-10 offset-sm-1 col-10 offset-1 order-md-0 text-center text-lg-start feature-col col-lg-5"><h2 class="feature-heading tc-458 mt-3 mb-4 h2-app-feature-style">Chain of Thought Prompting</h2><p class="p-style text-justify">The route is usually not single. Players can bypass some enemies, but the routes are longer. If a player chooses a shortcut to clear the stage, it generally means more difficulty. (Facing three enemies at the same time is a big challenge)<br><br>To teach GPT-4 this type of level design theory, we will also input a series of level design concepts and sample design ideas into the model as Chain of Thought Prompting. In this way, GPT-4 can learn the reasoning process of level design.<br></p></div><div class="order-md-1 order-1 order-lg-0 offset-md-0 col-md-11 order-sm-1 offset-sm-0 col-sm-11 offset-0 col-11 col-lg-6 offset-lg-0"><picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/WechatIMG6188.webp"><img src="img/lazyload-ph.png" data-src="img/WechatIMG6188.png" class="img-fluid mx-auto d-block rounded-right custom-shadow img-wechatimg5-style me-lg-5 ms-lg-5 lazyload" alt="app screenshot" width="600" height="500"></picture></div></div></div></div><!-- feature-2 END --><!-- ScrollToTop Button --><button aria-label="Scroll to top button" class="bloc-button btn btn-d scrollToTop" onclick="scrollToTarget('1',this)"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 32 32"><path class="scroll-to-top-btn-icon" d="M30,22.656l-14-13-14,13"/></svg></button><!-- ScrollToTop Button END--><footer><!-- footer --><div class="bloc tc-426 bgc-458 d-bloc" id="footer"><div class="container bloc-md-sm bloc-lg-md bloc-md bloc-sm-lg"><div class="row"><div class="col-sm-12 col-md-12 mb-3 col-lg-11"><img class="img-fluid img-waterpi-style mx-auto d-block lazyload" src="img/lazyload-ph.png" data-src="img/waterpic2.gif" alt="waterpic2" width="100" height="100"><p class="text-sm-start float-none text-start tc-426 text-lg-center">SpaceDog, Team 5488</p></div></div></div></div><!-- footer END --></footer></div><!-- Main container END --> <!-- Additional JS --><script src="./js/all.js?7576"></script><!-- Additional JS END --></body></html>