<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
ul,ol,li {
list-style: none;
}
.ppa{
font-family: "微软雅黑";
font-size: 20px;
color: dimgrey;
line-height: 50px;
text-align: justify;
margin: 20px;
}
ul {
height: 60px;
display: flex;
}
ul>li {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
font-size: 30px;
color: gray;
background-color: white;
cursor: pointer;
font-family: 新宋体;
border-bottom: 2px solid gray;
padding-bottom: 15px;
}
ul>li.active {
/* background-color: plum; */
color: red;
font-size: 30px;
border-bottom: 2px solid red;
padding-bottom: 15px;
}
ol {
flex: 1;
position: relative;
}
ol>li {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 800px;
font-size: 100px;
color: #fff;
background-color: white;
display: none;
border-top: 100px;
}
ol>li.active {
display: flex;
}
</style>
</head>
<body>
<div class="tab">
<ul>
<li class="active">无限暖暖-玩法策划</li>
<li>恋与制作人-运营策划</li>
<li>战斗策划(恋与深空)</li>
<li>百面千相</li>
<li>音频设计</li>
</ul>
<ol>
<li class="active">
<p class="ppa">
<font size='5'><strong>无限暖暖-玩法策划</strong></font>
<br>
<img src="选项卡p/1.jpg" alt="" srcset=""><br/>
全职 | 策划类 | 上海市
<br>
职位需求
<br>
1、 根据游戏框架指定需求,创作相应的玩法和关卡的设计案,为玩家创造回味无穷的单局体验;
<br>
2、 跟进所负责模块的开发进度,沟通推动技术和美术的工作进展;
<br>
3、 创作提供多样化的潜在玩法设计和解决方案,动手制作可玩原型;
<br>
4、 发现并优化负责的玩法在游戏中的缺陷,进行调整设计并跟进优化。
<br>
岗位要求:
<br>
1、 本科及以上学历,1年以上相关策划工作经验;
<br>
2、 酷爱游戏,了解游戏,对游戏开发有热情,对游戏设计知识有一定了解;
<br>
3、 良好的沟通能力,乐于与人合作,善于带动别人的积极性;
<br>
4、 思维活跃,有丰富的想象力和创意,具有较强的逻辑演算与评估能力;
<br>
5、 具备良好学习能力和动手能力,工作习惯富有条理性;
<br>
6、 有完整3D项目研发经验者优先,对开放世界游戏策划有兴趣优先。
<br>
</p>
</li>
<li>
<p class="ppa">
<font size='5'><strong>恋与制作人-运营策划</strong></font>
<br>
<img src="选项卡p/3.jpg" alt="" srcset=""><br/>
全职 | 策划类 | 上海市
<br>
职位需求
<br>
1、 根据游戏框架指定需求,创作相应的玩法和关卡的设计案,为玩家创造回味无穷的单局体验;
<br>
2、 跟进所负责模块的开发进度,沟通推动技术和美术的工作进展;
<br>
3、 创作提供多样化的潜在玩法设计和解决方案,动手制作可玩原型;
<br>
4、 发现并优化负责的玩法在游戏中的缺陷,进行调整设计并跟进优化。
<br>
岗位要求:
<br>
1、 本科及以上学历,1年以上相关策划工作经验;
<br>
2、 酷爱游戏,了解游戏,对游戏开发有热情,对游戏设计知识有一定了解;
<br>
3、 良好的沟通能力,乐于与人合作,善于带动别人的积极性;
<br>
4、 思维活跃,有丰富的想象力和创意,具有较强的逻辑演算与评估能力;
<br>
5、 具备良好学习能力和动手能力,工作习惯富有条理性;
<br>
6、 有完整3D项目研发经验者优先,对开放世界游戏策划有兴趣优先。
<br>
</p>
</li>
<li>
<p class="ppa">
<font size='5'><strong>战斗策划(恋与深空)</strong></font>
<br>
<img src="选项卡p/2.jpg" alt="" srcset="" id="img2"><br/>
全职 | 策划类 | 上海市
<br>
职位需求
<br>
1、 根据游戏框架指定需求,创作相应的玩法和关卡的设计案,为玩家创造回味无穷的单局体验;
<br>
2、 跟进所负责模块的开发进度,沟通推动技术和美术的工作进展;
<br>
3、 创作提供多样化的潜在玩法设计和解决方案,动手制作可玩原型;
<br>
4、 发现并优化负责的玩法在游戏中的缺陷,进行调整设计并跟进优化。
<br>
岗位要求:
<br>
1、 本科及以上学历,1年以上相关策划工作经验;
<br>
2、 良好的沟通能力,乐于与人合作,善于带动别人的积极性;
<br>
3、 思维活跃,有丰富的想象力和创意,具有较强的逻辑演算与评估能力;
<br>
4、 具备良好学习能力和动手能力,工作习惯富有条理性;
<br>
</li>
<li>
<p class="ppa">
<font size='5'><strong>百面千相</strong></font>
<br>
<img src="选项卡p/4.jpg" alt="" srcset="" id="img2"><br/>
全职 | 策划类 | 上海市
<br>
职位需求
<br>
1、 根据游戏框架指定需求,创作相应的玩法和关卡的设计案,为玩家创造回味无穷的单局体验;
<br>
2、 跟进所负责模块的开发进度,沟通推动技术和美术的工作进展;
<br>
3、 创作提供多样化的潜在玩法设计和解决方案,动手制作可玩原型;
<br>
岗位要求:
<br>
1、 本科及以上学历,1年以上相关策划工作经验;
<br>
2、 酷爱游戏,了解游戏,对游戏开发有热情,对游戏设计知识有一定了解;
<br>
3、 良好的沟通能力,乐于与人合作,善于带动别人的积极性;
<br>
4、 思维活跃,有丰富的想象力和创意,具有较强的逻辑演算与评估能力;
<br>
5、 具备良好学习能力和动手能力,工作习惯富有条理性;
<br>
</p>
</li>
<li>
<p class="ppa">
<font size='5'><strong>音频设计</strong></font><br/>
全职 | 策划类 | 上海市
<br><br>
<br>
工作要求:
<br>
<br>
1、掌握至少一门主流编程语言(C/C++,C#,Lua, Max/MSP, Python,等),有一年以上编程经验,了解常见的数据结构与算法;
<br>
2、熟悉游戏音频开发流程,熟练掌握Wwise等一种以上的音频中间件;
<br>
3、有基本的音频理论基础、音频编辑和资源制作能力,掌握一种以上的DAW软件;
<br>
4、有良好的沟通能力、学习能力、团队协作能力以及创新精神;
<br>
5、熟悉UE4游戏引擎的基础操作
<br>
6、有UE4项目开发经验、计算机学历/证书、音频工具及游戏逻辑编程经验者优先
<br>
7、大二/大三/研一/研二在校生,音乐类专业
<br>
8、熟练掌握Protools/Reaper/Live/Cubase等音频软件之一,熟悉各类效果器,有良好的基础混音能力,熟悉声音合成原理。
<br>
9、基本掌握一种音频引擎的功能(Wwise\Fmod\Criware),能完成日常引擎文档整理维护,Wwise引擎使用熟练者优先
<br>
10、热爱游戏,对游戏音效制作感兴趣
<br>
</p>
</li>
</ol>
</div>
<script>
function Tabs(ele) {
this.ele = document.querySelector(ele)
this.btns = this.ele.querySelectorAll('ul > li')
this.tabs = this.ele.querySelectorAll('ol > li')
}
Tabs.prototype.change = function () {
var _this = this
for (var i = 0; i < this.btns.length; i++) {
this.btns[i].setAttribute('index', i)
this.btns[i].addEventListener('mousemove', function () {
for (var j = 0; j < _this.btns.length; j++) {
_this.btns[j].className = ''
_this.tabs[j].className = ''
}
this.className = 'active'
var index = this.getAttribute('index') - 0
_this.tabs[index].className = 'active'
})
}
}
var t = new Tabs('.tab')
t.change()
</script>
</body>
</html>