舞台灯光效果

转载 2013年12月04日 20:10:55

<html>

<head>

<title>舞台灯光</title>

<style type="text/css">

<!--

body{

        background-color:#000000;

}

td{

        filter:light;

}

-->

</style>

   </head>

<body>

<table>

        <tr>

        <td id="flttgt"><img src="201007071407027658_s.jpg"></td>

        </tr>

</table>

<script language="javascript">

var g_numlights=0;

flttgt.onclick=keyhandler;                        //点击鼠标

flttgt.onmousemove=mousehandler;        //鼠标移动时

function setlights(){

        flttgt.filters[0].clear();                //先清空所有光源

        flttgt.filters[0].addcone(-10,- 10,5,275,370,0,0,150,60,10);        //添加蓝色光源

        if (g_numlights>0){

                flttgt.filters[0].addcone (285,-10,5,0,370,150,0,0,60,10);        //添加红色光源

                if (g_numlights>1)

                        flttgt.filters[0].addcone (138,380,5,138,0,0,150,0,60,15);        //添加绿色光

        }

}

function keyhandler(){

        g_numlights= (g_numlights+=1)%3;

        setlights();

}

function mousehandler(){

        x=(window.event.x-80);

        y=(window.event.y-80);

        flttgt.filters[0].movelight(0,x,y,5,1);                //移动蓝光

        if (g_numlights>0){

                flttgt.filters[0].movelight(1,x,y,5,1);        //移动红光

                if (g_numlights>1)

                        flttgt.filters[0].movelight(2,x,y,5,1);        //移动绿光

        }

}

setlights();

</script>

</body>

CSS Div 实现舞台灯光效果

舞台灯光 body{  background-color:#000000; } td{  filter:light; } -->          ...
  • jueshiyaoxian
  • jueshiyaoxian
  • 2014年12月01日 13:58
  • 1007

css滤镜之light实现的灯光效果.

效果图: 源码: 保存为html文件, 在IE6及以上版本IE浏览器可以运行....                                    Light滤镜              d...
  • lgg201
  • lgg201
  • 2010年03月09日 08:59
  • 3608

HTML5 聚光灯特效

鼠标悬停在图片上,出现聚光灯照亮效果。
  • iefreer
  • iefreer
  • 2014年09月17日 10:53
  • 3038

CSS Div实现探照灯效果

探照灯 body{  background-color:#000000; } div{  filter:light;  width:300px;  /* 这句必须得有 */ } -->    ...
  • jueshiyaoxian
  • jueshiyaoxian
  • 2014年12月01日 14:14
  • 610

用3Dmax制作逼真的影楼灯光效果教…

在这个教学里面我将告诉你影楼灯光的制作方法。使用的是VRay 1.5rc3进行渲染。这把著名的椅子叫做"Corbusier",是在3ds max 9中创建的。使用本教学所讲的方法将会使你更能出色的展示...
  • qq3045528107
  • qq3045528107
  • 2017年03月06日 18:24
  • 236

FLASH CS 中图片变为透明,和舞台颜色一致的方法

把图片转换成影片剪辑,然后,在属性,显示里面设置 效果
  • smzquan86
  • smzquan86
  • 2011年10月09日 11:30
  • 1083

javaFX的一些基本东西

基于前面的HelloWorld文章,现在来谈谈javaFX的一些基本的东西。这对理解基于javaFX开发的RIA应用会有一定的帮助理解。此外本人也是个新手,处于兴趣爱好,才开始接触javaFX的,如果...
  • guanguoxiang
  • guanguoxiang
  • 2015年05月03日 20:18
  • 1236

as3.0舞台自适应

as3.0 舞台自适应
  • zhh123sy001
  • zhh123sy001
  • 2015年11月09日 23:54
  • 646

舞台大小,屏幕大小和SWF文件尺寸大小之间的差异

/** * 第一次翻译东西放到网上,信达雅是谈不上,如果有错误希望大家指正,共同学习 * E文链接http://www.ghostwire.com/blog/archives/as3-differ...
  • aisajiajiao
  • aisajiajiao
  • 2012年12月15日 10:02
  • 6091

一种简易的舞台剧院投影仪播控方案

在舞台、剧院的演艺表演中,通常是需要往舞台背景打上投影机播放视频(也有用LED方案)。通常的播放器(如完美解码,KMPlayer)如果在全屏模式下播放,想要用鼠标操作视频播放的话,会露出控制界面(会被...
  • a117653909
  • a117653909
  • 2015年10月26日 10:00
  • 1654
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:舞台灯光效果
举报原因:
原因补充:

(最多只允许输入30个字)