master

分支 (1)

管理

管理

master

html
/
ditelv.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="./css/ditelv.css"/>
    <script src="./js/jquery-3.3.1.min.js"></script>
    <script src="./js/ditelv.js"></script>
    <title>底特律：变人</title>
</head>
<body>
        <div class= "dhl">
                <ul>
                    <li><a href="dengzhuoheng.html">首页</a></li>
                    <li><a href="wushi.html">巫师三</a></li>
                    <li><a href="ditelv.html">底特律·变人</a></li>
                </ul>
            </div>
    <figure class="test1">
        <img src="./images/ditelv1.jpg">
        <figcaption>
            <h1>《底特律：变人》是一部人工智能题材的互动电影游戏。</h1>
            <p>游戏的背景设定在未来的底特律，主角“卡拉”同其他量产机器人（简称仿生人）一样，为服务人类的家政型机器人，
            </p>
        </figcaption>
    </figure>

    <figure class="test2">
        <img src="./images/ditelv2.jpg">
        <figcaption>
            <h1>卡拉(Kara)女主角</h1>
            <p>卡拉，在厂内组装阶段便发现技术问题，照理<br>应当场被解体，却不知为何出货成为某个家庭<br>的生活辅助彷生人。</p>
            <div></div>
        </figcaption>
    </figure>

    <figure class="test3">
        <img src="./images/ditelv3.jpg">
        <figcaption>
            <h1>马库斯，男主角之一</h1>
            <p>马库斯，机体型号为代表试作型的 RK200，被送给富豪老头作为看护，视如己出。此外一切形情不明，充满谜团。
                <br>是「异常个体」彷生人的领袖，发起运动争求彷生人的权利。</p>
            <div></div>
        </figcaption>
    </figure>

    <figure class="test4">
            <img src="./images/ditelv4.jpg">
            <figcaption>
                <h1>康纳，男主角之一</h1>
                <p>康纳，是为了调查异常个体彷生人事件而投入搜查第一线的最新型彷生人。
                    <br>和人类组成搭档，康纳性格严谨、执行任务一丝不苟。
                    <br>同时康纳是基于马库斯型号的仿生人的升级版
                </p>
                <div></div>
            </figcaption>
        </figure>
        <div class="fhj">
                <span><a href="dengzhuoheng.html">返回首页</a></span>
            </div>

            <div class="banner">
                    <ul class="img">
                        <li><a href="#"><img src="./images/ditelv21.png"></a></li>
                        <li><a href="#"><img src="./images/ditelv22.png"></a></li>
                        <li><a href="#"><img src="./images/ditelv23.png"></a></li>
                        <li><a href="#"><img src="./images/ditelv24.png"></a></li>
                        <li><a href="#"><img src="./images/ditelv25.png"></a></li>
                    </ul>

                    <ul class="num">
                        <li class="on"></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>

                    <div class="btn btn_l">&lt;</div>
                    <div class="btn btn_r">&gt;</div>

                </div>

    <div class="yxts">
        <div class="yxts1">
            <span class="yxts11">
                <h1>游戏特色</h1>
                <p>游戏采用电影的叙事风格，采用真人演员进行建模，实地拍摄街景等，并加入多种与玩家的互动，还可以根据各种数值来决定剧情
                        的最终走向。最良心的是，游戏开发商在每一章节都设计了平均6条的剧情线，还可以在每一章节结束时查看有多少人与玩家自己
                        选的路线一致。当抛开游戏中的选项选择环节，其实《底特律：变人》并不算是一部真正意义上的电影，但玩家在控制角色做出一
                        个一个重要的选择的过程中，才会对剧情有所感受、有所思考。当你做出选择时，你和角色是心灵相通的，你会为这个选择所遗憾、
                        所欣喜，而不是像电影那样只是作为一个旁观者。感叹一句主播没有选择你想要的操作，还是不如自己来玩的要好。因此，玩家在体
                        验游戏时，有很强的代入感，而且在结束游戏时，游戏设计者传达的关于人性、人工智能人权等的想法常常会让人陷入沉思，从而让
                        玩家有“再来一次”的渴望。
                </p>
            </span>
        </div>
        <div class="yxts2">
            <span class="yxts21">
                <h1>游戏体验</h1>
                <p>部分室外场景存在掉帧现象，对于玩家而言有点不友好；
                    其次，操作方面还是有点生涩，不够人性化。（虽然真的是有点鸡蛋渣里挑骨头的感觉）
                </p>

            </span>
            </div>

    </div>
    <div class="yxsk">
        <h1>游戏结束后的感受以及思考</h1>
        <p>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;游戏不但涉及艺术、心理学、犯罪学，还涉及了管理学、社会学、人工智能及其社会效应等诸多方
            面，让玩家打造属于自己的故事加深了游玩者对一系列问题s的理解，这种理解会比阅读传统书籍或影片更加深刻。
            当今社会跟风现象严重，而恰恰游戏内的一个宗旨一个教诲——别让别人决定你是谁，正是当下现实中所需要的决断力、在未知面前的勇敢。脱离了命令的异常
            仿生人害怕做决定，如同那些初次在生活中独当一面而患得患失的人。这个患得患失的仿生人连逃跑都不会，这便是个教训。
            这个游戏不但有无可挑剔的画面与配乐（感官刺激），还有感人的故事（情感认同），而它所带来的哲学思考——爱究竟为何物、什么是活着、科技与人由来已
            久的冲突、人是否懂人性、人性能否被输入、成为什么样的人究竟谁说的算等等，使这个游戏配的上被称为“一件伟大的艺术作品”。
        </p>
    </div>


    <div id="bgm">
        <div class="bgm1">
            <p>音乐欣赏</p>
        </div>
        <script type="text/javascript">
            window.onload = function(){
            var arr = ["./images/ditelv4.mp3","./images/ditelv3.mp3","./images/ditelv2.mp3","./images/ditelv1.mp3"]; //把需要播放的歌曲从后往前排，这里已添加两首音乐，可继续添加多个音乐
            var myAudio = new Audio();
            myAudio.preload = true;
            myAudio.controls = true;
            myAudio.src = arr.pop();         //每次读数组最后一个元素
            myAudio.addEventListener('ended', playEndedHandler, false);
            myAudio.play();
            document.getElementById("bgm").appendChild(myAudio);
            myAudio.loop = false;//禁止循环，否则无法触发ended事件
            function playEndedHandler(){
            myAudio.src = arr.pop();
            myAudio.play();
            console.log(arr.length);
            !arr.length && myAudio.removeEventListener('ended',playEndedHandler,false);//只有一个元素时解除绑定
            }
            }
            </script>
</div>
</body>
</html>