添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
用记事本-2分钟-编写【js放置小游戏v0.1】.含完整源代码

【原创不易,若喜欢请收藏点赞✧ (ˊωˋ*) ✧】

本文非常精简,包含了一个放置文字游戏最核心的本质,如果你是一个999纯萌新,看完本文大概就能体会一个放置文字游戏的精神核心与设计本质……

说明:

本教程无需准备诸如UNITY之类的开发工具或环境,记事本即可编写一个最小化的网页版放置游戏,完整源代码无条件免费放出,全文新手可读性极高!

分隔线后的部分即为完整代码正文,内有超详细注释(双斜杠//后为注释),可直接复制到记事本中另存为“008game.com.html”,然后双击该html即可运行!

本文含代码全部为山宗原创,允许任意用途任意程度的改编!请放心使用,欢迎分享转载,转载请保留出处。


<!DOCTYPE HTML>
<title>微信公众号:文刀山宗</title>
<meta charset="utf-8" />
<body bgcolor="white">
	<p>发现好游戏【<a href="http://008game.com" target="_blank" >008game.com</a>】及微信公众号【文刀山宗】为本页面唯一联合赞助方!</p>
	<p>游戏说明:这是一个非常easy的文字放置小游戏雏形。每2秒高几率获得1枚灵石,手动挖灵石小几率立即获得1枚灵石!还可以用灵石升级,你可以随意删改所有数值或逻辑,体会身为挂逼的快感。如果大家对山宗的支持足够给力的话,后续版本更新还会有打怪,建设凡人城镇,圈养矿奴,调教仙宠,以及群友强烈建议的勾搭美艳女修双修三修等离奇内容(虽然不是很懂,不过听起来就很厉害啊)!咳!然后呢,如果本教程对你有帮助!还请多多分享出去哟!转载请保留出处以及说明文字。</br>
	༻༻༻༻༻༻༻༻༻༻༻
	<script type="text/javascript"> //标记以下代码为javascript
	alert("在修仙之前...\n先让我们换一个更舒服的颜色吧!\n比如...象牙色?");
	document.bgColor="#FFFFF0";//很清新很温暖的象牙色哟~
	//-----------下面是游戏逻辑的完整代码,附有详细注释!极其简单易学!一看就会系列!-------------//
	var lingshi = 0;	//灵石数量
	var Lv = 0;	//修士等级
	//点挖挖灵石的按钮逻辑
	function Wa_LingShi(){
		gain_(8);	//较低几率参数
	//每2秒执行的放置逻辑
	setInterval(	function(){ gain_(4); },2000);	//每2秒执行一次 gain_函数,较高几率参数
	//点升级的按钮逻辑
	function Up_lv(){
		if (lingshi>=Lv*Lv+5) {	//升级所需灵石的公式为 等级*等级+5
			lingshi-=Lv*Lv+5;	Lv++;	//扣除灵石,提升等级
			document.form3.label2.value = "当前修士等级 "+Lv;	//更新文本框中的修士等级显示
			document.form1.label.value = "当前拥有灵石 "+lingshi;	//更新文本框中的灵石数量显示
		}else{ 
			alert("升级失败!\n升级需要灵石 "+(Lv*Lv+5)); //报错弹窗
	//根据传递的灵石几率参数决定收益并显示
	function gain_(num){	
		if (Math.floor(Math.random()*10+1)>num){	//根据参数决定获取几率
			lingshi++;	//灵石+1
			document.form1.label.value = "当前拥有灵石 "+lingshi;	//更新文本框中的灵石数量
	</script>
</body>
<form action=" " name="form1">
	<input type='text' readonly='readonly' name="label" value="当前拥有灵石 0" />
</form>
<form action=" " name="form2">
	<input type="button" name="wajue" value="我挖挖挖灵石!" onclick="Wa_LingShi()" />
</form>
<form action=" " name="form3">
	<input type='text' readonly='readonly' name="label2" value="当前修士等级 0" />
</form>
<form action=" " name="form4">
	<input type="button" name="shengji" value="修士升级!" onclick="Up_lv()" />