2022-12-09 13:41:03 +00:00
<!DOCTYPE html>
<!-- saved from url=(0029)http://aingames.cn/index.html -->
2023-03-07 02:35:36 +00:00
< html lang = "en" >
< script
id="allow-copy_script">(function t() { var t = !1; document.addEventListener("allow_copy", (function (n) { t = n.detail.unlock })); var n = ["copy", "cut", "contextmenu", "selectstart", "mousedown", "mouseup", "mousemove", "keydown", "keypress", "keyup"], e = function (n) { t & & (n.stopPropagation(), n.stopImmediatePropagation & & n.stopImmediatePropagation()) }; n.forEach((function (t) { document.documentElement.addEventListener(t, e, { capture: !0 }) })) })()< / script >
< head >
< meta http-equiv = "Content-Type" content = "text/html; charset=UTF-8" >
2022-12-09 13:41:03 +00:00
< script src = "https://cjrtnc.leaningtech.com/2.3/loader.js" > < / script >
< / script >
2023-03-07 02:35:36 +00:00
2022-12-09 13:41:03 +00:00
< meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no" >
< meta name = "description" content = "" >
< meta name = "author" content = "" >
< title > AI and Games < / title >
<!-- Bootstrap core CSS -->
< link href = "../templates/Web/bootstrap.min.css" rel = "stylesheet" >
< link href = "../templates/Web/font-awesome.min.css" rel = "stylesheet" >
< link rel = "shortcut icon" href = "http://aingames.cn/static/img/logo.png" >
2023-03-07 02:35:36 +00:00
2022-12-09 13:41:03 +00:00
< script src = "../templates/Web/dynamics.js" > < / script >
< script src = "../templates/Web/font_3071663_oravow8bb8q.js" > < / script >
<!-- Custom styles for this template -->
< link href = "../templates/Web/scrolling-nav.css" rel = "stylesheet" >
< link href = "../templates/Web/css2" rel = "stylesheet" >
< style >
#funding:hover+#prove {
display: block;
}
.popwindow {
2023-03-07 02:35:36 +00:00
width: 500px;
height: 550px;
border: 3px solid #ff928e;
visibility: hidden;
position: absolute;
z-index: 999;
opacity: 1;
overflow: hidden;
background-color: white;
text-align: center;
margin-top: 10%;
margin-left: 35%;
border-radius: 10px;
2022-12-09 13:41:03 +00:00
}
.cirButton {
2023-03-07 02:35:36 +00:00
width: 100%;
height: 60px;
2023-02-27 12:42:58 +00:00
border-radius: 40px;
cursor: pointer;
border: none;
2023-03-01 13:56:05 +00:00
font-weight: 600;
}
2023-03-07 02:35:36 +00:00
.cirButton:hover {
background-color: rgba(0, 0, 0, 0.2);
2022-12-09 13:41:03 +00:00
}
2023-02-27 12:42:58 +00:00
2023-03-07 02:35:36 +00:00
.groupname {
2022-12-09 13:41:03 +00:00
justify-content: center;
2023-03-07 02:35:36 +00:00
display: flex;
position: relative;
text-align: center;
font-size: 45px;
font-weight: bold;
2022-12-09 13:41:03 +00:00
}
2023-03-07 02:35:36 +00:00
.slogan {
2022-12-09 13:41:03 +00:00
justify-content: center;
2023-03-07 02:35:36 +00:00
display: flex;
position: relative;
text-align: center;
font-size: 40px;
2022-12-09 13:41:03 +00:00
font-style: italic;
/* font-weight:Light 300 italic; */
font-family: 'Consolas', monospace;
color: #c4cbcf;
}
2023-03-07 02:35:36 +00:00
.hiddenpart {
2022-12-09 13:41:03 +00:00
opacity: 0;
max-width: 0;
2023-03-07 02:35:36 +00:00
color: #c4cbcf;
2022-12-09 13:41:03 +00:00
transition: 1.3s ease-out;
}
2023-03-07 02:35:36 +00:00
.slogan:hover .hiddenpart {
2022-12-09 13:41:03 +00:00
opacity: 1;
max-width: 10em;
}
2023-03-07 02:35:36 +00:00
.news_prefix {
2022-12-09 13:41:03 +00:00
display: inline-block;
width: 30px;
2023-03-07 02:35:36 +00:00
height: 30px;
2022-12-09 13:41:03 +00:00
background-image: url("static/img/news_prefix.png");
background-size: 150px, 30px;
}
2023-03-07 02:35:36 +00:00
svg {
2022-12-09 13:41:03 +00:00
width: 50px;
height: 26px;
2023-03-07 02:35:36 +00:00
vertical-align: middle;
}
2023-04-10 05:55:34 +00:00
{#label {#}
{# display: block;#}
{# line-height: 100px;#}
2023-03-07 02:35:36 +00:00
.option-input {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
position: relative;
top: 13.33333px;
right: 0;
bottom: 0;
left: 0;
height: 40px;
width: 40px;
transition: all 0.15s ease-out 0s;
background: #cbd1d8;
border: none;
color: #fff;
cursor: pointer;
display: inline-block;
margin-right: 0.5rem;
outline: none;
position: relative;
z-index: 1000;
}
.option-input:hover {
background: #9faab7;
}
.option-input:checked {
background: #0d007e;
}
.option-input.radio {
border-radius: 50%;
}
.option-input.radio::after {
border-radius: 50%;
}
@keyframes click-wave {
0% {
height: 40px;
width: 40px;
opacity: 0.35;
position: relative;
}
100% {
height: 200px;
width: 200px;
margin-left: -80px;
margin-top: -80px;
opacity: 0;
}
2022-12-09 13:41:03 +00:00
}
2023-03-14 07:41:13 +00:00
@media screen and (max-width: 768px) {
body {
2023-03-07 13:31:04 +00:00
min-width: fit-content;
2023-03-14 07:41:13 +00:00
}
2023-03-07 14:09:46 +00:00
}
@media screen and (max-width:992px) and (min-width:769px) {
2023-03-14 07:41:13 +00:00
#info {
2023-03-07 14:09:46 +00:00
min-width: fit-content;
2023-03-07 13:31:04 +00:00
}
}
2022-12-09 13:41:03 +00:00
< / style >
< / head >
2023-03-07 02:35:36 +00:00
< body id = "aingames" > < svg aria-hidden = "true" style = "position: absolute; width: 0px; height: 0px; overflow: hidden;" >
< symbol id = "icon-more" viewBox = "0 0 1789 1024" >
< path
d="M658.96035216 613.49779716h-602.64317146c-5.28634405 9.51541883-9.51541883 21.14537441-13.74449354 30.66079315h602.64317154c3.17180628-9.51541883 7.40088094-20.08810594 13.74449346-30.66079315zM54.20264274 801.69162966c7.40088094 10.57268718 14.80176191 21.14537441 24.31718079 30.66079315h602.64317241c-9.51541883-10.57268718-16.91629967-20.08810594-24.31718063-30.66079315h-602.64317257zM794.29074875 425.30396468h-602.64317156c-9.51541883 9.51541883-19.03083652 20.08810594-28.54625532 30.66079311h602.6431716c9.51541883-9.51541883 19.03083652-20.08810594 28.54625528-30.66079311zM1396.93392025 484.51101309c12.687225 0 24.31718064-10.57268718 24.31718064-24.31718062 0-13.74449341-11.62995564-24.31718064-24.31718054-24.31718059-13.74449341 0-24.31718064 10.57268718-24.31718069 24.31718059 0 13.74449341 11.62995564 24.31718064 24.31718069 24.31718062z">
< / path >
< path
d="M1530.14978012 413.67400909c-75.0660797-78.23788499-154.36123309-134.27312817-226.25550669-161.76211502 1.05726842-9.51541883 2.11453781-20.08810594 3.17180635-29.60352381 1.05726842-6.34361248 1.05726842-11.62995564 1.05726833-17.97356804v-17.9735691c0-11.62995564-2.11453781-24.31718064-4.22907468-35.94713622-4.2290747-24.31718064-12.687225-47.57709278-27.48898689-68.72246724-7.40088094-9.51541883-15.85903121-19.03083652-25.37444992-27.48898692-9.51541883-8.45814938-21.14537441-14.80176191-33.83259849-19.0308365-6.34361248-2.11453781-13.74449341-3.17180628-20.08810595-3.17180623-6.34361248 0-14.80176191 1.05726842-21.14537437 3.17180623-6.34361248 2.11453781-13.74449341 7.40088094-19.03083745 13.74449346-4.2290747 6.34361248-7.40088094 13.74449341-8.45814941 21.14537438-10.57268718-5.28634405-22.20264283-9.51541883-33.83259936-12.68722503-13.74449341-3.17180628-28.54625531-5.28634405-43.34801722-5.28634308-7.40088094 1.05726842-14.80176191 1.05726842-22.20264379 3.17180613-7.40088094 1.05726842-14.80176191 4.2290747-22.20264281 9.51541792-7.40088094 5.28634405-12.687225 13.74449341-14.80176188 22.20264373-3.17180628 9.51541883-1.05726842 17.97356823 1.05726839 23.25991102s4.2290747 10.57268718 7.40088103 15.85903144c-12.687225 1.05726842-25.37444898 2.11453781-38.06167406 6.34361254-7.40088094 2.11453781-13.74449341 5.28634405-20.08810606 10.57268728-3.17180628 2.11453781-5.28634405 5.28634405-8.45814927 8.45814922-2.11453781 3.17180628-4.2290747 6.34361248-6.34361249 10.57268717l-3.17180624 12.68722505v12.68722508c1.05726842 8.45814938 4.2290747 15.85903121 7.40088091 22.20264277 7.40088094 13.74449341 17.97356823 23.25991219 29.60352469 30.66079308 10.57268718 8.45814938 23.25991219 13.74449341 34.88986783 19.03083649 19.03083652 8.45814938 37.00440555 13.74449341 56.03524212 17.97356916-57.09251066 30.66079311-117.35682855 78.23788499-174.449339 137.44493345-101.49779716 106.78414126-167.04845814 223.0837003-167.04845807 297.09251066 0 77.18061655 50.74889906 148.01762156 144.84581525 200.8810574 90.92510994 50.74889906 211.45374467 79.29515441 339.38325938 79.29515443 127.92951565 0 248.45814935-28.54625531 339.38326036-79.29515443 94.09691615-52.86343596 144.84581531-123.70044093 142.73127748-201.93832586 0-75.0660797-65.55066102-191.36563877-167.04845802-297.09251065z m9.51541771 472.599119c-86.69603532 48.63436122-201.93832595 75.0660797-324.58149737 75.06607879-24.31718064 0-48.63436122-1.05726842-71.89427359-3.17180626-56.03524215-67.66519781-135.33039654-178.67841373-123.70044004-379.55947129 8.45814938-150.13215844 77.18061655-238.94273157 136.38766507-286.51982339h7.40088093c-24.31718064-6.34361248-48.63436122-12.687225-72.95154184-20.08810594-24.31718064-7.40088094-47.57709278-16.91629967-69.77973568-27.48898689-10.57268718-6.34361248-21.14537441-11.62995564-30.66079312-19.03083666-9.51541883-6.34361248-16.91629967-14.80176191-22.20264272-24.31718052-2.11453781-4.2290747-3.17180628-8.45814938-4.22907478-13.74449347 0-4.2290747 0-9.51541883 2.11453688-12.68722499 3.17180628-7.40088094 11.62995564-13.74449341 22.2026438-16.9162997s22.20264283-5.28634405 33.83259938-5.2863431 23.25991219 2.11453781 34.88986792 4.22907478c11.62995564 2.11453781 23.25991219 6.34361248 34.88986786 10.57268706 5.28634405 2.11453781 11.62995564 4.2290747 16.91629854 7.40088096 5.28634405 3.17180628 10.57268718 5.28634405 15.85903128 8.4581494 42.29074879 23.25991219 78.23788499 59.20704847 106.78414122 101.49779813-20.08810594-46.51982352-52.86343596-88.81057311-97.26872234-117.35682849-11.62995564-7.40088094-23.25991219-13.74449341-34.88986796-19.03083746-11.62995564-5.28634405-24.31718064-9.51541883-37.00440565-12.68722408-5.28634405-1.05726842-9.51541883-2.11453781-14.80176187-3.17180622-6.34361248-6.34361248-12.687225-15.85903121-14.80176196-24.31718068-2.11453781-5.28634405-2.11453781-10.57268718-1.05726929-14.80176185 0-3.17180628 3.17180628-6.34361248 6.3436126-9.51541889 7.40088094-6.34361248 20.08810594-8.45814938 31.71806147-8.45815016 24.31718064 0 48.63436122 6.34361248 71.8942734 17.97356905 11.62995564 5.2
< / path >
< path
d="M1540.72246719 667.41850251c0-1.05726842 0-1.05726842 0 0l-1.0572694-3.17180622s-1.05726842-1.05726842-1.05726841-2.11453785-1.05726842-1.05726842-1.05726846-2.11453688c-1.05726842 0-2.11453781-2.11453781-2.1145379-2.11453768-2.11453781-2.11453781-4.2290747-3.17180628-5.28634304-4.22907483-3.17180628-2.11453781-6.34361248-3.17180628-8.45815036-5.28634404-5.28634405-3.17180628-10.57268718-5.28634405-15.85903022-8.45814945-10.57268718-5.28634405-20.08810594-10.57268718-30.66079313-14.80176182-19.03083652-8.45814938-39.1189425-16.91629967-61.32158618-25.37444999-45.46255498-17.97356823-86.69603532-31.71806156-124.75770944-42.29074858-4.2290747 0-7.40088094 2.11453781-9.51541782 5.28634389-2.11453781 3.17180628 0 7.40088094 3.17180619 9.51541775 39.1189425 21.14537441 80.35242281 40.17621199 117.35682747 58.14978002l58.14978005 27.48898705 5.28634408 2.11453768c8.45814938 4.2290747 15.85903121 8.45814938 24.31718058 12.68722405 0 0 1.05726842 1.05726842 2.11453692 1.05726936-1.05726842 1.05726842-2.11453781 2.11453781-3.17180627 2.11453701-9.51541883 5.28634405-19.03083652 9.51541883-28.54625531 13.74449335l-50.74889904 22.20264283-24.31718061 10.57268709c-34.8898678 14.80176191-69.77973563 29.60352474-104.66960353 45.46255598-4.2290747 1.05726842-5.28634405 6.34361248-4.22907461 9.51541786 1.05726842 3.17180628 4.2290747 5.28634405 7.40088085 5.28634408h2.11453792c39.1189425-8.45814938 80.35242281-21.14537441 126.87224623-35.94713722 22.20264283-7.40088094 43.34801721-14.80176191 62.3788547-23.25991119 10.57268718-4.2290747 21.14537441-8.45814938 30.66079309-13.74449351 4.2290747-2.11453781 10.57268718-5.28634405 15.85903133-8.45815026 3.17180628-2.11453781 5.28634405-4.2290747 8.45814915-6.34361153 1.05726842-2.11453781 3.17180628-3.17180628 5.28634425-5.28634413 1.05726842 0 2.11453781-1.05726842 3.17180621-3.17180627 1.05726842-1.05726842 3.17180628-4.2290747 4.22907471-8.45814939v-4.2290747s0-1.05726842 1.05726827 0c0-2.11453781 0-3.17180628-1.05726827-6.34361246z">
< / path >
< / symbol >
< symbol id = "icon-github" viewBox = "0 0 1024 1024" >
< path
d="M512 42.666667A464.64 464.64 0 0 0 42.666667 502.186667 460.373333 460.373333 0 0 0 363.52 938.666667c23.466667 4.266667 32-9.813333 32-22.186667v-78.08c-130.56 27.733333-158.293333-61.44-158.293333-61.44a122.026667 122.026667 0 0 0-52.053334-67.413333c-42.666667-28.16 3.413333-27.733333 3.413334-27.733334a98.56 98.56 0 0 1 71.68 47.36 101.12 101.12 0 0 0 136.533333 37.973334 99.413333 99.413333 0 0 1 29.866667-61.44c-104.106667-11.52-213.333333-50.773333-213.333334-226.986667a177.066667 177.066667 0 0 1 47.36-124.16 161.28 161.28 0 0 1 4.693334-121.173333s39.68-12.373333 128 46.933333a455.68 455.68 0 0 1 234.666666 0c89.6-59.306667 128-46.933333 128-46.933333a161.28 161.28 0 0 1 4.693334 121.173333A177.066667 177.066667 0 0 1 810.666667 477.866667c0 176.64-110.08 215.466667-213.333334 226.986666a106.666667 106.666667 0 0 1 32 85.333334v125.866666c0 14.933333 8.533333 26.88 32 22.186667A460.8 460.8 0 0 0 981.333333 502.186667 464.64 464.64 0 0 0 512 42.666667"
fill="#231F20">< / path >
< / symbol >
< symbol id = "icon-youjian" viewBox = "0 0 1024 1024" >
< path
d="M780.8 341.333333H243.2l268.8 149.333334v85.333333L213.333333 409.6V682.666667h597.333334V409.6l-298.666667 166.4v-85.333333L780.8 341.333333zM896 256v512H128V256h768z"
fill="#444444">< / path >
< / symbol >
< / svg >
2022-12-09 13:41:03 +00:00
< nav class = "navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id = "mainNav" >
< div class = "container" >
2023-03-14 07:41:13 +00:00
< a class = "navbar-brand js-scroll-trigger " href = "http://aingames.cn/index.html" >
2023-03-07 14:09:46 +00:00
< img src = "../templates/Web/grouplogo.png" height = "35px" > < / a >
2023-03-07 02:35:36 +00:00
< button class = "navbar-toggler" type = "button" data-toggle = "collapse" data-target = "#navbarResponsive"
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
2022-12-09 13:41:03 +00:00
< / button >
< div class = "collapse navbar-collapse" id = "navbarResponsive" >
< ul class = "navbar-nav ml-auto" >
< li class = "nav-item" >
< a class = "nav-link js-scroll-trigger" href = "http://aingames.cn/people/index.html" > PEOPLE< / a >
< / li >
< li class = "nav-item" >
< a class = "nav-link js-scroll-trigger" href = "http://aingames.cn/publication/index.html" > PUBLICATION< / a >
< / li >
< li class = "nav-item" >
< a class = "nav-link js-scroll-trigger" href = "http://aingames.cn/activity/index.html" > ACTIVITY< / a >
< / li >
< li class = "nav-item" >
< a class = "nav-link js-scroll-trigger" href = "http://aingames.cn/demo/index.html" > DEMO< / a >
< / li >
< li class = "nav-item" >
< a class = "nav-link js-scroll-trigger" href = "http://aingames.cn/resources/index.html" > RESOURCE< / a >
< / li >
< / ul >
< / div >
< / div >
< / nav >
2023-03-07 02:35:36 +00:00
< section id = "Reviews" >
< div class = "container" >
< div class = "page-header" >
< h1 >
< i class = "icon-rocket" > < / i > Welcome to the study of fun!
< / h1 >
2022-12-14 12:07:02 +00:00
2023-03-07 02:35:36 +00:00
< / div >
< br >
< div class = "row clearfix" >
2022-12-09 13:41:03 +00:00
2023-03-07 02:35:36 +00:00
< div class = "col-md-5" style = "
2023-02-24 07:33:27 +00:00
width: fit-content;
2023-03-07 13:31:04 +00:00
min-width: fit-content;" height="100%">
2023-03-14 07:41:13 +00:00
< br >
2023-03-07 13:31:04 +00:00
< img src = "../img/frameworkAD.gif" max-height = "auto" >
2023-03-07 02:35:36 +00:00
< / div >
2023-02-24 07:33:27 +00:00
2023-03-07 14:09:46 +00:00
< div class = "col-md-5" id = "info" >
2023-03-07 02:35:36 +00:00
< h4 > Purpose of the Experiment< / h4 >
2023-03-07 08:41:32 +00:00
< ul >
< li >
This Experiment is designed to study < b > the notion of "< em > fun< / em > "< / b > elicited while playing Super
Mario
Bros levels.
2023-03-14 07:41:13 +00:00
2023-03-07 08:41:32 +00:00
< / ul >
2023-03-07 02:35:36 +00:00
< br >
< h4 > Procedure of the Experiment< / h4 >
< ul >
2023-03-14 07:41:13 +00:00
< li > This experiment has < b > three phases< / b > .
< ol style = "list-style-type: lower-roman;" >
< li > First you must answer < b > a questionnaire< / b > . < / li >
2023-03-28 07:16:46 +00:00
< li > Then you will complete a < b > short game tutorial< / b > , play< b > 2 levels< / b > of the game and answer a
simple question. You will play< b > another 2 levels< / b > . < / li >
2023-03-14 07:41:13 +00:00
< li > Finally you will play < b > 3 levels< / b > and answer a simple question.< / li >
2023-03-28 07:16:46 +00:00
< li > You can also replay the second phase after finishing the whole process.< / li >
2023-03-14 07:41:13 +00:00
< / ol >
< li > In total, the experiment takes approximately < b > 15 minutes< / b > to complete.< / li >
2023-03-07 02:35:36 +00:00
< li > Have Fun!
< / ul >
2022-12-09 13:41:03 +00:00
2023-04-10 05:55:34 +00:00
< br >
< script >
function validateForm() {
// Check if the checkbox is checked
var checkbox = document.getElementById('privacyPolicyCheckbox');
if (!checkbox.checked) {
alert('Please agree to the privacy policy');
return false; // Prevent form submission
}
return true; // Allow form submission
}
< / script >
< input type = "checkbox" id = "privacyPolicyCheckbox" name = "privacyPolicyCheckbox" required >
< label for = "privacyPolicyCheckbox" > I agree to the < a href = "/privacy" style = "cursor:pointer;" target = "_blank" > privacy policy< / a > < / label >
< br >
< br >
2023-04-10 12:33:36 +00:00
< button class = "cirButton" type = "submit" onclick = "
if (validateForm()) { window.location.href = '/question'; }
">< b > Start!< / b > < / button >
2023-04-10 05:55:34 +00:00
2023-03-07 02:35:36 +00:00
< / div >
< / div >
< / div >
< / section >
2022-12-09 13:41:03 +00:00
2023-04-10 05:32:09 +00:00
< div class = "col-xl-7 justify-content-between align-content-center" style = "margin: auto" > This page is created by < a href = "https://github.com/BigJIU" target = "_blank" > Haocheng Du< / a > , < a href = "https://doveliyuchen.github.io" target = "_blank" > Yuchen Li< / a > ; game content is generated by < b > AI < / b > designed by< a href = "https://github.com/PneuC" target = "_blank" > Ziqi Wang< / a > .< br > This project is supported by < a href = "http://www.liujialin.tech/" target = "_blank" > Dr. Liu< / a > and < a href = "https://yannakakis.net/" target = "_blank" > Prof. Yannakakis< / a > .< / div >
2023-04-04 01:44:36 +00:00
< br > < br >
2022-12-09 13:41:03 +00:00
<!-- Footer mx - auto -->
< footer class = "py-5 bg-dark" >
< div class = "container" >
< div class = "row clearfix" >
<!-- <div class="col - md - 2 column">
< img class = "img-fluid" alt = "" src = "../templates/Web/Wechat.png" style = "width: 100px;" >
< / div > -->
2023-03-07 02:35:36 +00:00
< div class = "col-md-10 column" >
2023-04-10 05:32:09 +00:00
< div class = "col-xl-3 justify-content-center" style = "margin: auto" align = "center" > < a href = "/privacy" style = "cursor:pointer; color: white;" target = "_blank" > Privacy Policy< / a > < / div >
< div class = "col-xl-3 justify-content-center text-white" style = "margin: auto" align = "center" > Copyright © Jialin Liu< / div >
2022-12-09 13:41:03 +00:00
< / div >
2023-03-07 02:35:36 +00:00
2022-12-09 13:41:03 +00:00
< / div >
2023-03-07 02:35:36 +00:00
< / div >
2022-12-09 13:41:03 +00:00
< / footer >
<!-- Bootstrap core JavaScript -->
< script src = "../templates/Web/jquery.min.js" > < / script >
< script src = "../templates/Web/bootstrap.bundle.min.js" > < / script >
<!-- Plugin JavaScript -->
< script src = "../templates/Web/jquery.easing.min.js" > < / script >
<!-- Custom JavaScript for this theme -->
< script src = "../templates/Web/scrolling-nav.js" > < / script >
2023-03-07 02:35:36 +00:00
< / body >
2023-04-04 01:44:36 +00:00
< / html >
