小编Wil*_*ill的帖子

在Javascript中处理相机式鼠标移动(启用连续鼠标移动)

这个想法:我正在创建一个简单的WebGL脚本(使用mrdoob的精彩three.js),允许用户控制对象世界中的摄像头.相机应该模拟传统的第一人称射击相机(例如参考Team Fortress 2).也就是说,相机仅在鼠标移动时移动.

问题:在Javascript中,检测鼠标移动的唯一方法是光标本身是否移动.相比之下,FPS游戏不会显示光标 - 它们只是将相机的移动基于鼠标本身的移动方式.因此,您可以在任何方向上将鼠标移动到鼠标垫上,它始终有效.

但是在浏览器上,由于相机移动是基于光标的,所以你不能移动到目前为止.当光标到达屏幕边缘时,用户无法再向该方向看(例如,您将鼠标移动到屏幕的左边缘,您不能再向左看).

解决方案:我已经想到了两个解决方案,但我都不知道如何实现.或

  1. 移动鼠标后,javascript会将其重置为屏幕中心.这样,在每次鼠标移动后,玩家可以自由地再次向任何方向移动.问题在于,根据我所做的研究,Javascript无法控制用户鼠标的位置(可以理解的是,因为它会对恶意网站造成无法比拟的麻烦).

  2. 或者,鼠标在屏幕周围"包裹".这意味着,当用户到达屏幕的一个边缘时,鼠标将简单地继续到屏幕的另一侧.(参见:http://www.digicowsoftware.com/detail ?_app = Wastearound)但是,它似乎也不是javascript的固有功能,而只是第三方程序可以解决的问题.

那么问题是否有意义?如果是这样,有什么方法可以实现上述解决方案,还是有另外一个我错过了?

javascript mouse handler webgl

9
推荐指数
1
解决办法
1892
查看次数

多边形分区 - 使内容溢出特定形状?

这是我目前正在进行的网站:http://willcrichton.net/

如果单击中间六边形每边的箭头,可以看到它使用jQuery + jQuery Cycle + jQuery Easing左右转换.但是,你也可以看到它相当丑陋 - 因为我使用六边形而不是正方形,因为div是方形的,内容六边形以令人不快的方式与背景重叠.

所以,我的问题是:我怎么能把div变成六角形呢?该六边形应该与内容div的大小/形状相同,并且当内容在六边形区域之外时,它应该是不可见的.

编辑:

HTML

<div id="content"> 
<div class="slide">

    <a href="#"><div class="arrow left"></div></a>
    <a href="#"><div class="arrow right"></div></a>

    <div id="websites-title"></div>
    <div class="website">

    </div>
</div>
<div class="slide">
    <a href="#"><div class="arrow left"></div></a>
    <a href="#"><div class="arrow right"></div></a>

</div></div>


<script type="text/javascript">
    $("#content").cycle({
        fx: 'scrollHorz',
        timeout: 0,
        prev: ".left",
        next: ".right",
        easing: "easeInOutBack"
    });
</script>
Run Code Online (Sandbox Code Playgroud)

CSS

/* Container styles */

#container {
    width: 908px;
    height: 787px;
    left: 50%;
    top: 50%;
    position: absolute;
    margin-top: -393.5px;
    margin-left: …

html css shape

8
推荐指数
1
解决办法
3455
查看次数

Javascript - 获取声音数据

我想知道是否有任何新的HTML5函数或现有的JS库允许我访问有关当前在Audio对象中播放的声音的信息.例如,我希望能够访问一首歌曲正在播放的范围数组(也就是说,低音值会显示深沉的低音,而较高的值会显示为惊悚的声音).我不是一个音响工程师,所以我不太确定正确的术语是什么.

一个类似的库可能是C++ BASS库(http://www.un4seen.com/),尽管我当然不需要同样广泛的功能.

我做了一些挖掘,发现了这个:chromium.googlecode.com/svn/trunk/samples/audio/visualizer-gl.html 这几乎是我正在寻找的,但我无法弄清楚它是如何工作的.思考?

javascript audio html5

5
推荐指数
1
解决办法
5438
查看次数

KineticJS:Group vs. Layer

尽管我有最好的Google-fu,但在主教程或KineticJS文档中没有明确说明组和层之间的区别.Kinetic的" 入门 "页面解决了这个问题 - 它提到图层有特殊的渲染器,虽然我不太明白这意味着什么.群体没有这些渲染器吗?组不在图层内吗?是什么使层(或组)不仅仅是一组父节点到组织/转换的一堆节点?

基本上,组和层之间有什么区别?

javascript kineticjs

5
推荐指数
1
解决办法
1138
查看次数

SimpleXML - 剥离CDATA标记(或在XML中嵌入HTML标记)

我刚刚开始在PHP和Javascript环境中学习XML,我遇到了一个问题.

所以问题是我想将HTML标记放在XML中,然后能够通过PHP提取它并将HTML嵌入到使用SimpleXML读取XML的不同文件中.我正在用一些东西回应它

echo $child->asXML();

但是,当然CDATA标签仍在那里,它不起作用.所以,我的问题是,是否有一种方法可以以不同的方式嵌入HTML标记,XML解析器可以忽略它,但可以在HTML文档中使用,或B.从代码中剥离CDATA标记的方法?

html php xml cdata

4
推荐指数
1
解决办法
6917
查看次数

标签 统计

javascript ×3

html ×2

audio ×1

cdata ×1

css ×1

handler ×1

html5 ×1

kineticjs ×1

mouse ×1

php ×1

shape ×1

webgl ×1

xml ×1