自言自语 水楼

星季工作室 · 2019年08月29日 · 最后由 星季工作室 回复于 2020年01月15日 · 388 次阅读

感觉最近蝶梦都没啥人,有人吗有人吗,有人出来吱一声呀ლ(╹◡╹ლ)

啥时候能做款前无古人后无来者的文字游戏震惊玩家呀,然后蝶梦就火辣,就有好多好多萌新. 我左手一只萌新妹子右手一只编程大佬. 然后发出嘿嘿嘿的笑声.

啊我在说什么?

已经有做好的游戏的可以找我和官方啊,让我们一起把游戏发到taptap上去, 春天发上去几个游戏, 到了秋天就可以收获一群萌新. 啊我又在说什么? 初音镇楼

共收到 68 条回复

为什么发出来图片看不见呢,为什么呢为什么呢

我划水我快乐

设置图片宽度高度 测试一下

水经验ing*2

水经验ing*3

水经验ing*4

水经验ing*5

水经验ing*6

水经验ing*7

水经验ing*8

水经验ing*9

水经验ing*10

水经验ing*11

水楼顺手贴一个看见的增删代码。

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>test</title>
    <style type="text/css">
    <!--
    .wrap { border:1px solid #ccc; padding:2px;}
    -->
    </style>
</head>
<body>

<form method="post" action="" enctype="multipart/form-data">

<div id="demo">
    <div class="wrap">
        <input type="text" name="title" /><br />
        <img src="" alt="" /><br />
        <input type="file" name="file" />
    </div>

</div>
</form>

<button>新增一个</button>

<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
<!--
    $(function(){
        var n = 1;
        $("button").on("click",function(){
            $(".wrap").last().after("<div class='wrap'>No."+n+"<input type='text' name='title' /><br /><img src='' alt='' /><br /><input type='file' name='file' /><input type='button' class='del' value='删除' /></div>");
            n++;
        });

        $("#demo").on("click",".del",function(){
            $(this).parent().remove();
        });

    });

//-->
</script>
</body>
</html>

没处放代码所以放这,抽奖轮转代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript" src="http://zhuanti.chla.com.cn/2014/03/nv/js/jquery-1.9.1.min.js"></script>
<style type="text/css">
body{font-family:"Microsoft YaHei"; font-size:12px; background:url(../images/bg.jpg);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0;margin:0}
fieldset,img {border:0; vertical-align:bottom;}
address,caption,cite,code,dfn,em,th,var {font-weight:normal;font-style:normal}
ol,ul{list-style:none}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%}
abbr,acronym {border:0}
button,input,select,textarea{font-size:100%; cursor:pointer;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input{border:none;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{clear:both; line-height:0px; height:0px; font-size:0px;}
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}
a{text-decoration:none;}

.boxDiv{width:762px; margin:0px auto;}
.boxDiv ul{overflow:hidden;}
.boxDiv ul li{width:150px; height:150px; line-height:150px; background:#CCC; float:left; text-align:center; margin-left:2px; margin-bottom:2px;}
.boxDiv ul li.cur{background:#F00;}

.Btn{width:200px; height:60px; line-height:60px; font-size:18px; text-align:center; background:#CCC; display:block; margin:0px auto; margin-top:40px;}
</style>
</head>

<body>
<div class="boxDiv">
    <ul>
        <li class="box1 cur">1</li>
        <li class="box2">2</li>
        <li class="box3">3</li>
        <li class="box4">4</li>
        <li class="box5">5</li>
        <li class="box6">6</li>
        <li class="box7">7</li>
        <li class="box8">8</li>
        <li class="box9">9</li>
        <li class="box10">10</li>
        <li class="box11">11</li>
        <li class="box12">12</li>
        <li class="box13">13</li>
        <li class="box14">14</li>
        <li class="box15">15</li>
        <li class="box16">16</li>
        <li class="box17">17</li>
        <li class="box18">18</li>
        <li class="box19">19</li>
        <li class="box20">20</li>
    </ul>
    <div class="showbg">
        <div class="shownum"><span class="rotate"></span></div>
    </div>
    <a href="javascript:;" class="Btn">点击</a>
<style type="text/css">
.showbg{
    background: rgba(0,0,0,0.3);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 6;
    display: none;
}
.shownum{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 12px;
    color: #fff;
    text-shadow: 0 0 5px #fff;
    -webkit-transition-duration: .4s; 
    -ms-transition-duration: .4s; 
    transition-duration: .4s; 
}
.shownum.scale{font-size: 120px;}
.rotate{
    -webkit-transform: rotate(0deg); 
    -ms-transform: rotate(0deg); 
    transform: rotate(0deg); 
    display: block;
}
.rotate.run{
    -webkit-transition-duration: .4s; 
    -ms-transition-duration: .4s; 
    transition-duration: .4s; 
    -webkit-transform: rotate(720deg); 
    -ms-transform: rotate(720deg); 
    transform: rotate(720deg);
}
</style>
<script type="text/javascript">
(function(){
    var $box = $('.boxDiv'), $li = $box.find('li'), max = $li.size(), index = $box.find('.cur').index(), status = true;
    $('.Btn').on('click',function(event){
        if(!status){
            return false;
        }
        status = false;
        var Num = (Math.random()*6 >> 0) + 1;
        $('.showbg').fadeIn(100,function(){
            $(this).find('.shownum').addClass('scale').find('.rotate').addClass('run').text(Num);
        });
        setTimeout(function(){
            $('.showbg').fadeOut(100).find('.shownum').removeClass('scale').find('.rotate').removeClass('run');
            if(Num + index < max - 1){
                setTimeout(function(){
                    status = true;
                },Num*200);
            }
            for(var i = 0; i < Num; i++){   
                (function(){
                    var k = index ++;
                    var j = i;
                    if(index < max){
                        setTimeout(function(){
                            $li.eq(k).removeClass('cur').end().eq(k+1).addClass('cur');
                        },(j+1)*200);
                    }
                    if(index == max - 1){
                        setTimeout(function(){
                            alert('Game Over !');
                            var reset = confirm('是否重新开始?');
                            if(reset){
                                status = true;
                                index = 0;
                                $li.eq(max-1).removeClass('cur').end().eq(0).addClass('cur');
                            }else{}
                        },(j+1)*200+50);                        
                    }
                })();
            }
        },1500);
    });
})();
</script>
</div>
</body>
</html>

不存在的

一个很厉害的css效果

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Wanna tell her - interactive DHTML</title>
<meta http-equiv="imagetoolbar" content="no">
<style type="text/css">
html {
overflow: hidden;
}
body {
position: absolute;
margin: 0px;
padding: 0px;
background: #fff;
width: 100%;
height: 100%;
}
#screen {
position: absolute;
left: 10%;
top: 10%;
width: 80%;
height: 80%;
background: #fff;
}
#screen img {
position: absolute;
cursor: pointer;
width: 0px;
height: 0px;
-ms-interpolation-mode:nearest-neighbor;
}
#bankImages {
visibility: hidden;
}
#FPS {
position: absolute;
right: 5px;
bottom: 5px;
font-size: 10px;
color: #666;
font-family: verdana;
}

</style>

<script type="text/javascript">
/* ==== Easing function ==== */
var Library = {};
Library.ease = function () {
this.target = 0;
this.position = 0;
this.move = function (target, speed) {
this.position += (target - this.position) * speed;
}
}

var tv = {
/* ==== variables ==== */
O : [],
fps : 0,
screen : {},
angle : {
x : new Library.ease(),
y : new Library.ease()
},
camera : {
x : new Library.ease(),
y : new Library.ease()
},
create3DHTML : function (i, x, y, z, sw, sh) {
/* ==== create HTML image element ==== */
var o = document.createElement('img');
o.src = i.src;
tv.screen.obj.appendChild(o);
/* ==== 3D coordinates ==== */
o.point3D = {
x : x,
y : y,
z : new Library.ease(),
sw : sw,
sh : sh,
w : i.width,
h : i.height
};
o.point3D.z.target = z;
/* ==== push object ==== */
o.point2D = {};
tv.O.push(o);

/* ==== on mouse over event ==== */
o.onmouseover = function () {
if (this != tv.o) {
this.point3D.z.target = tv.mouseZ;
tv.camera.x.target = this.point3D.x;
tv.camera.y.target = this.point3D.y;
if (tv.o) tv.o.point3D.z.target = 0;
tv.o = this;
}
return false;
}

/* ==== on mousedown event ==== */
o.onmousedown = function () {
if (this == tv.o) {
if (this.point3D.z.target == tv.mouseZ) this.point3D.z.target = 0;
else {
tv.o = false;
this.onmouseover();
}
}
}

/* ==== main 3D function ==== */
o.animate = function () {
/* ==== 3D coordinates ==== */
var x = this.point3D.x - tv.camera.x.position;
var y = this.point3D.y - tv.camera.y.position;
this.point3D.z.move(this.point3D.z.target, this.point3D.z.target ? .15 : .08);
/* ==== rotations ==== */
var xy = tv.angle.cx * y - tv.angle.sx * this.point3D.z.position;
var xz = tv.angle.sx * y + tv.angle.cx * this.point3D.z.position;
var yz = tv.angle.cy * xz - tv.angle.sy * x;
var yx = tv.angle.sy * xz + tv.angle.cy * x;
/* ==== 2D transform ==== */
var scale = tv.camera.focalLength / (tv.camera.focalLength + yz);
x = yx * scale;
y = xy * scale;
var w = Math.round(Math.max(0, this.point3D.w * scale * this.point3D.sw));
var h = Math.round(Math.max(0, this.point3D.h * scale * this.point3D.sh));
/* ==== HTML rendering ==== */
var o = this.style;
o.left = Math.round(x + tv.screen.w - w * .5) + 'px';
o.top = Math.round(y + tv.screen.h - h * .5) + 'px';
o.width = w + 'px';
o.height = h + 'px';
o.zIndex = 10000 + Math.round(scale * 1000);
}
},

/* ==== init script ==== */
init : function (structure, FL, mouseZ, rx, ry) {
this.screen.obj = document.getElementById('screen');
this.screen.obj.onselectstart = function () { return false; }
this.screen.obj.ondrag = function () { return false; }
this.mouseZ = mouseZ;
this.camera.focalLength = FL;
this.angle.rx = rx;
this.angle.ry = ry;
/* ==== create objects ==== */
var i = 0, o;
while( o = structure[i++] )
this.create3DHTML(o.img, o.x, o.y, o.z, o.sw, o.sh);
/* ==== start script ==== */
this.resize();
mouse.y = this.screen.y + this.screen.h;
mouse.x = this.screen.x + this.screen.w;
/* ==== loop ==== */
setInterval(tv.run, 16);
setInterval(tv.dFPS, 1000);
},

/* ==== resize window ==== */
resize : function () {
var o = tv.screen.obj;
if (o) {
tv.screen.w = o.offsetWidth / 2;
tv.screen.h = o.offsetHeight / 2;
for (tv.screen.x = 0, tv.screen.y = 0; o != null; o = o.offsetParent) {
tv.screen.x += o.offsetLeft;
tv.screen.y += o.offsetTop;
}
}
},

/* ==== main loop ==== */
run : function () {
tv.fps++;
/* ==== motion ease ==== */
tv.angle.x.move(-(mouse.y - tv.screen.h - tv.screen.y) * tv.angle.rx, .1);
tv.angle.y.move( (mouse.x - tv.screen.w - tv.screen.x) * tv.angle.ry, .1);
tv.camera.x.move(tv.camera.x.target, .025);
tv.camera.y.move(tv.camera.y.target, .025);
/* ==== angles sin and cos ==== */
tv.angle.cx = Math.cos(tv.angle.x.position);
tv.angle.sx = Math.sin(tv.angle.x.position);
tv.angle.cy = Math.cos(tv.angle.y.position);
tv.angle.sy = Math.sin(tv.angle.y.position);
/* ==== loop through images ==== */
var i = 0, o;
while( o = tv.O[i++] ) o.animate();
},

/* ==== trace frames per seconds ==== */
dFPS : function () {
document.getElementById('FPS').innerHTML = tv.fps + ' FPS';
tv.fps = 0;
}
}

/* ==== global mouse position ==== */
var mouse = {
x : 0,
y : 0
}
document.onmousemove = function(e) {
if (window.event) e = window.event;
mouse.x = e.clientX;
mouse.y = e.clientY;
return false;
}

/* ==== starting script ==== */
onload = function() {
onresize = tv.resize;
/* ==== build grid ==== */
var img = document.getElementById('bankImages').getElementsByTagName('img');
var structure = [];
for (var i = -300; i <= 300; i += 120)
for (var j = -300; j <= 300; j += 120)
structure.push({ img:img[0], x:i, y:j, z:0, sw:.5, sh:.5 });
/* ==== let's go ==== */
tv.init(structure, 350, -200, .005, .0025);
}

</script>
</head>

<body>

<div id="screen"></div>

<div id="bankImages">
<img alt="" src="http://img.iwzyx.com/user/avatar/8908/168040.jpg">
</div>
<div id="FPS"></div>

</body>
</html>

为什么现在好像编辑不了章节

噢,换个浏览器就行

[笑哭.jpg]一直可以编辑章节的.

那个,想问一下,为什么我看别人的游戏是点一下,下面就出现一行字,我弄的是一下子所有字都出来了??

因为如果你要让文字做成你说的那种效果需要文字之间空一行.就是这样

[段落名]
//这个地方需要空一行,否则有可能这一段填写的内容无法出现.
填写你的剧情.

剧情

剧情结束

:选项1
:选项2

[选项1]

剧情

剧情........

//省略了,总而言之一段空一行就可以了.

那么你没有他们那种效果说明你是这样的.

[段落名]

剧情1
剧情2
剧情3

:xxx

像这样就会把文字排在一起.

谢谢了,夜猫子,不过我发现跟我看别人效果不同的原因是我选择了传统,而别人选择的是列表。

水帖+99

水帖-今天早上到此时前蝶梦因故无法进入,现在恢复正常状态了,emmm

帮你水1

哦哈哟(探头/水+10086

经验+3,告辞

需要 登录 后方可回复, 如果你还没有账号请点击这里 注册