SkylineGlobe 如何使用二次开发接口创建粒子效果

SkylineGlobe在6.6版本，ICreator66接口新增加了CreateEffect方法，用来创建粒子效果对象；

以及ITerrainEffect66对象接口，可以灵活设置粒子效果对象的相关属性；

下图是TerraExplorer Pro中对应的菜单界面：

下图是ITerrainEffect66接口的属性：

SkylineGlobe提供的示例代码：

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>ToolTitle</title>

    <meta http-equiv="X-UA-Compatible" content="IE=9" />

	<link href="css/cupertino/jquery-ui-1.10.4.custom.css" rel="stylesheet">

	<script src="js/jquery-1.10.2.js"></script>

	<script src="js/jquery-ui-1.10.4.custom.js"></script>

        <!--<script language="javascript" src="jquery-1.5.min.js"></script>-->

        <script language="javascript" src="ToolsCommon-NoJQ.js"></script>

        <link href="jquery-ui-Override.css" rel="stylesheet">    

 <link rel="StyleSheet" href="Style.css" type="text/css">

 </head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="border: 0;    overflow: auto; background-color: #ffffff" id="Body" onload="Init()" onunload="Reset(0,1)" >

<!--oncontextmenu="return false;"  onclick="bHide=true;HideOptionsNow()" > -->

       <!--<table border="0" width="100%" cellspacing="0" cellpadding="2">

        <tr>

            <td id="TopAreaTD" height="50px" width="100%" valign="middle" style="background-color: #CAD8E2">

                <table border="0" width="100%" cellspacing="0" cellpadding="0">

                    <tr>

                        <td width="12px"></td>

                        <td width="55px"><img src="ParticleEditor.ico" align="absmiddle" /></td>

                        <td id="TitleTD" align="center" class="s12b  i18n">ToolName</td>

                        <td valign="top" align="right" id="CloseHelpTd"></td>

                    </tr>

                </table>

            </td>

        </tr> 

        <tr height="1px">

            <td style="background-repeat: repeat-x;" background="Iamges/separator.gif">

            </td>

        </tr>

        <tr>

            <td>

                <br />

            </td>

        </tr>

    </table> -->

    <!--Was in place of ** in the above id="CloseHelpTd">**</td> : <img src="../CommonImg/help.gif" border="0" class="i18n" alt="help" title="help" onclick="DisplayHelpPopup6 (SGLang.i18nFile('help.html'),SGLang.i18n('help'))" style="cursor: pointer;">-->

    <table border="0" cellspacing="1" cellpadding="3" bgcolor="#ffffff" class="s8" width="100%">

        <tr>

            <td>

                <div id="tabs">

                  <ul>

                    <li style="list-style: none;"><a href="#tabs-1">1</a><input id="tabsCheck-1" name="tabs-1" type="checkbox" value="1" style="width:20px;" checked></li>

	                <li style="list-style: none;"><a href="#tabs-2">2</a><input id="tabsCheck-2" name="tabs-2" type="checkbox" value="2" style="width:20px;"></li>

	                <li style="list-style: none;"><a href="#tabs-3">3</a><input id="tabsCheck-3" name="tabs-3" type="checkbox" value="3" style="width:20px;"></li>

	                <li style="list-style: none;"><a href="#tabs-4">4</a><input id="tabsCheck-4" name="tabs-4" type="checkbox" value="4" style="width:20px;"></li>

                    <li style="list-style: none;"><a href="#tabs-5">5</a><input id="tabsCheck-5" name="tabs-5" type="checkbox" value="5" style="width:20px;"></li>

                  </ul>

            <div id="Div1" style="display:block"><iframe src="PropertiesSheet.html" id="tabs-1" style="width:350px; height:660px; padding:0.5em 0.5em;"></iframe></div>

            <div id="Div2" style="display:block"><iframe src="PropertiesSheet.html" id="tabs-2" style="width:350px; height:660px; padding:0.5em 0.5em;"></iframe></div>

            <div id="Div3" style="display:block"><iframe src="PropertiesSheet.html" id="tabs-3" style="width:350px; height:660px; padding:0.5em 0.5em;"></iframe></div>

            <div id="Div4" style="display:block"><iframe src="PropertiesSheet.html" id="tabs-4" style="width:350px; height:660px; padding:0.5em 0.5em;"></iframe></div>

            <div id="Div5" style="display:block"><iframe src="PropertiesSheet.html" id="tabs-5" style="width:350px; height:660px; padding:0.5em 0.5em;"></iframe></div>

                </div>

            </td>

        </tr>

        <tr id="buttonsRow">

            <td colspan="2" valign="top" class="s8b i18n" align="center">

                <button id="groupButton" class="MenuButton" onclick="AddFinishObject()"><img src="data:images/AddObject.gif" /><br /> <span id="startstopSpan" class="i18n">Text11</span></button>

                <button id="editButton" class="MenuButton" onclick="EditExisting(null)"><img src="data:images/AddObject.gif" /><br /> <span id="existingStartstopSpan" class="i18n">Text34</span></button>

            </td>

            </tr>

    </table>

	 <object id="SGWorld" classid="CLSID:3a4f9199-65a8-11d5-85c1-0001023952c1">    </object>

<script language="JavaScript">

function DetectTEMode() {

        var vMode = document.documentMode;

        var rMode = 'IE5 Quirks Mode';

        if (vMode == 8) {

            rMode = 'IE8 Standards Mode';

        } else if (vMode == 7) {

            rMode = 'IE7 Strict Mode';

        } else if (vMode == 9) {

            rMode = 'IE9 Strict Mode';

        }

        //alert('Rendering in: ' + rMode);

    }

    DetectTEMode();

var inEdit = false;

var gParticleLabel = null;

var gMaxEmmiters = 5;

var gCurrentShowIndex = 1;

//--------------

// EditExisting

function EditExisting(ObjectID) {

    //if (ObjectID === undefined) alert("EditExisting: undefined");

    if (inEdit)

        Reset(false, false);

    else LoadExistingObject(ObjectID);

}

//--------------

// LoadExistingObject

function LoadExistingObject(ObjectID) {

    var selectedItemID;

    //if (ObjectID == null) alert("LoadExistingObject: null"); 

    if (ObjectID == null)

        selectedItemID = SGWorld.ProjectTree.GetNextItem("", 10);

    else

        selectedItemID = ObjectID;

    if (selectedItemID == "") {

        alert(SGLang.i18n("Text39"));

        return;

    }

    gParticleLabel = SGWorld.ProjectTree.GetObject(selectedItemID);

    var xml = gParticleLabel.EffectXML;

    if (!xml || xml.indexOf("$$PARTICLE$$UserDefine") != 0) {

        alert(SGLang.i18n("Text36"));

        Reset(false, false);

        return;

    }

    //inEdit = true; Moved to 2nd line from the end, otherwise many updates are sent to TE while loading the XML to the propery sheets in the HTML.

    $("#existingStartstopSpan").text(SGLang.i18n("Text12"));

    xml = xml.substring(xml.indexOf("<?xml version")); //was 27 then 23

    xmlDoc = $.parseXML(xml);

    $xml = $(xmlDoc);

    //debugger;

    var frameNum = 1;

    $xml.find("Particle>ParticleEmitter").each(function () {

        document.getElementById("tabs-" + frameNum.toString()).contentWindow.LoadParticle($(this));

        //$("#tabsCheck-" + frameNum).attr('checked', 'checked');

        $("#tabsCheck-" + frameNum).prop('checked', true);

        $('#tabs').tabs("enable", frameNum-1);

        frameNum++;

    });

    for (var i = frameNum; i <= 5; i++) {

        //$("#tabsCheck-" + i).removeAttr('checked');

        $("#tabsCheck-" + i).prop('checked', false);

        $('#tabs').tabs("disable", i-1);

    }

    $('#tabs').tabs({ active: 0 });

    inEdit = true;

    UpdateParticle();

}

//--------------

// Init

function Init() {

        $("#tabs").tabs();

        $("#tabs").tabs("option", {

            //"selected": 0,

            "active":0,

            "disabled": [1, 2, 3, 4]

        });

        $("input[type=checkbox]").click(function () {

            if ($(this).is(':checked')) {

                //                $('#tabs').tabs("enable", $(this).val());

                //                $('#tabs').tabs("select", $(this).val());

                $('#tabs').tabs("enable", $(this).val());

                $('#tabs').tabs({ active: parseInt($(this).val()) - 1 });

            }

            else {

                var checkedTabs = 0;

                for (var i = 1; i <= 5; i++) {

                    if ($("#tabsCheck-" + i).prop('checked')) checkedTabs++;

                }

                if (checkedTabs == 0) {

                    $(this).prop('checked', true);

                    return;

                }

                $('#tabs').tabs("disable", $(this).val());

                //$(this).val()debugger;

                if ($("#tabs").tabs("option", "active") == ($(this).val() - 1)) {

                    for (var i = 1; i <= 5; i++) {

                        if ($("#tabsCheck-" + i).prop('checked')) {

                            $('#tabs').tabs("enable", i);

                            $('#tabs').tabs({ active: i - 1 });

                            break;

                        }

                    }

                }

            }

            UpdateParticle();

        });

    rootId = GetParamValue("rootId", "");

    groupID = -1;

    Reset(true, false);

    objectID = GetParamValue("ObjectID", "");

    if (objectID != "") {

        document.getElementById("buttonsRow").style.display="none";

        EditExisting(objectID);

    }

}

//------------------

// Reset

//------------------

function Reset(FirstTime, FromMouseInputMode) {

    try {

        inEdit = false;

        gParticleLabel = null;

        $("#startstopSpan").text(SGLang.i18n("Text11"));

        $("#existingStartstopSpan").text(SGLang.i18n("Text34"));

        if (FirstTime != 1 && FromMouseInputMode == 0) {

            //        alert("input");

            SGWorld.Window.SetInputMode(0);

        }

    }

    catch (err) { isStart = false; }

}

//--------------------

// AddFinishObject

function AddFinishObject() {

    if (inEdit)

        Reset(false, false);

    else AddNewObject();

}

//--------------------

// AddNewObject

function AddNewObject() {

    $('#tabs').tabs("refresh");

    inEdit = true;

    $("#startstopSpan").text(SGLang.i18n("Text12"));

    //Create label style

    var centerPos = SGWorld.Window.CenterPixelToWorld(-1).Position;

    centerPos.Altitude += 100;

    var labelStyle = SGWorld.Creator.CreateLabelStyle(0);

    labelStyle.LockMode = 1;

    labelStyle.Scale = 0.3;

    gParticleLabel = SGWorld.Creator.CreateEffect(centerPos);

    document.getElementById("tabs-1").contentWindow.UpdateParticle();

    UpdateParticle();

}

//-------------

//UpdateParticle

function UpdateParticle() {

    if (!inEdit)

        return;

    var colorR ;

    var colorG ;

    var colorB ;

    var size;

    var sizeRatio;

    var sizeWithRatioX;

    var sizeWithRatioY;

    var particleSpeed;

    var speedX;

    var speedY;

    var speedZ;

    var imageName ;

    var shape;

    var speedShape;

    var rotationSpeed;

    var rotationTime;

    var rotationNodeConditional;

    var randomizeRotation;

    var render;

    var gravityX;

    var gravityY;

    var gravityZ;

    var force;

    var overrideRotation;

    var scaleX;

    var scaleY;

    var scaleZ;

    var drag;

    var maxParticles ;

    var rate ;

    var timeSpan ;

    var fadeIn ;

    var fadeOut ;

    var maxFade;

    var blend;

    var particleText = "$$PARTICLE$$UserDefine: \r\n <?xml version='1.0' encoding='UTF-8'?> \r\n <Particle ID='Custom'>";

     for (var i = 1; i <= 5; i++)

   {

       if ($("#tabsCheck-" + i).prop('checked'))

        {

            //Set label style params

            colorR = document.getElementById("tabs-"+i).contentWindow.gColorR;

            colorG = document.getElementById("tabs-"+i).contentWindow.gColorG;

            colorB = document.getElementById("tabs-"+i).contentWindow.gColorB;

            scaleX = document.getElementById("tabs-" + i).contentWindow.gScaleX;

            scaleY = document.getElementById("tabs-" + i).contentWindow.gScaleY;

            scaleZ = document.getElementById("tabs-" + i).contentWindow.gScaleZ;

            size = document.getElementById("tabs-" + i).contentWindow.gSize;

            sizeRatio = document.getElementById("tabs-" + i).contentWindow.gSizeRatio;

            particleSpeed = document.getElementById("tabs-" + i).contentWindow.gParticleSpeed;

            speedX = document.getElementById("tabs-" + i).contentWindow.gSpeedDirX;

            speedY = document.getElementById("tabs-" + i).contentWindow.gSpeedDirY;

            speedZ = document.getElementById("tabs-" + i).contentWindow.gSpeedDirZ;

            imageName = document.getElementById("tabs-"+i).contentWindow.gImageName;

            shape = document.getElementById("tabs-" + i).contentWindow.gShape;

            speedShape = document.getElementById("tabs-" + i).contentWindow.gSpeedShape;

            rotationSpeed = document.getElementById("tabs-" + i).contentWindow.gRotationSpeed;

            rotationTime = document.getElementById("tabs-" + i).contentWindow.gRotationTime;

            randomizeRotation = document.getElementById("tabs-" + i).contentWindow.gRandomizeRotation;

            render = document.getElementById("tabs-" + i).contentWindow.gRender;

            gravityX = document.getElementById("tabs-" + i).contentWindow.gGravityX;

            gravityY = document.getElementById("tabs-" + i).contentWindow.gGravityY;

            gravityZ = document.getElementById("tabs-" + i).contentWindow.gGravityZ;

            force = document.getElementById("tabs-" + i).contentWindow.gForce;

            overrideRotation = document.getElementById("tabs-" + i).contentWindow.gOverrideRotation;

            drag = document.getElementById("tabs-" + i).contentWindow.gDrag;

            maxParticles = document.getElementById("tabs-"+i).contentWindow.gMaxParticles;

            rate = document.getElementById("tabs-"+i).contentWindow.gRate;

            timeSpan = document.getElementById("tabs-"+i).contentWindow.gTimeSpan;

            fadeIn = document.getElementById("tabs-"+i).contentWindow.gFadeIn;

            fadeOut = document.getElementById("tabs-"+i).contentWindow.gFadeOut;

            maxFade = document.getElementById("tabs-" + i).contentWindow.gMaxFade;

            blend = document.getElementById("tabs-" + i).contentWindow.gBlend;

            rotationNodeConditional = (rotationSpeed == 0 || rotationTime == 0) ? "" : ("<Rotation Speed='" + rotationSpeed + "' Time='" + rotationTime + "' Initial='" + randomizeRotation + "' />" + "\r\n")

            sizeWithRatioX = (sizeRatio >= 1) ? size : size / sizeRatio;

            sizeWithRatioY = (sizeRatio > 1) ? size * sizeRatio : size;

            particleText += "<ParticleEmitter ID='ring' NumParticles='" + maxParticles + "' Texture='" + imageName + "'>" + "\r\n" +

              "<Emitter Rate='" + rate + "' Shape='" + shape + "' SpeedShape='" + speedShape + "' Scale='"+scaleX+","+scaleY+","+scaleZ+"' Speed='"+speedX+","+speedY+","+speedZ+"' />" + "\r\n" + // shape:(Cone, Sphere, ShellCone, ShellSphere, Ring, Disc, Cube), scale:the size of the shape in meters,  speed:(X,Alt,Z) disform the shape like it is in radius=1.

              "<Cycle Value='1' />" + "\r\n" + // 0=one time , 1=loop

              "<Sort Value='1' />" + "\r\n" +

              rotationNodeConditional+

              "<Render Value='" + render + "' />" + "\r\n" +

              "<Gravity Value='" + gravityX + ", " + gravityY + ", " + gravityZ + "' />" + "\r\n" + // Gravity in X, Altitude and Z directions

              "<Force Value='" + force + "' OverrideRotation='" + overrideRotation + "' />" + "\r\n" + // Gravity in X, Altitude and Z directions

              "<Position Value='0, 0, 0' />" + "\r\n" + // doesn;t work

              "<Life Value='" + timeSpan + "' />" + "\r\n" + // life of each particle in seconds

              "<Speed Value='" + particleSpeed + "' />" + "\r\n" + // this value multiply the Emitter speed values (x,y,z)

              "<Color Value='20," + colorR + "," + colorG + "," + colorB + "' />" + "\r\n" +

              "<Size Value='" + sizeWithRatioX /*size*/ + "," + sizeWithRatioY /*size * sizeRatio*/ + "' />" + "\r\n" + // size of the particle image 1=original image size. Format: SizeX, SizeY

              "<Drag Value='" + drag + "' />" + "\r\n" + // drag force (units like graviy)

              "<Blend Type='" + blend + "' />" + "\r\n" +

            //***   "<Rotation Speed='0' Time='1.7' />" + "\r\n" + // optional: should be in a checkbox

              "<Fade FadeIn='" + fadeIn + "' FadeOut='" + fadeOut + "' MaxFade='" + maxFade + "' />" + "\r\n" + // fade of each particle. FadeIn/fade out in seconds. Max fade - the maximum fade value (alpha 0-1)

            "</ParticleEmitter>" + "\r\n";

        }

    }

  particleText += "</Particle>";

    gParticleLabel.EffectXML = particleText;

}

</script>

</body>

</html>

<!--Sig:00000040PACTVv.HC6Si7Qa6ezNdgCsjOp1A3GSsG7PGgWx8Lk6TFiqoR8FrYSnASLeOSAllh3Z0FCCFgRBBg6LMEvQ4JmJJ-->

SkylineGlobe 如何使用二次开发接口创建粒子效果的更多相关文章

EasyDSS点播与直播服务器软件-二次开发接口对接说明示列
EasyDSS流媒体服务器软件,提供一站式的转码.点播.直播.时移回放服务,极大地简化了开发和集成的工作.其中,点播版本主要包含:上传.转码.分发.直播版本,主要包含:直播.录像, 直播支持RTMP输 ...
EasyDSS高性能RTMP、HLS(m3u8)、HTTP-FLV、RTSP流媒体服务器软件二次开发接口对接说明示列
EasyDSS相关功能 EasyDSS流媒体服务器软件,提供一站式的转码.点播.直播.时移回放服务,极大地简化了开发和集成的工作.其中,点播版本主要包含:上传.转码.分发.直播版本主要包含:直播.录像 ...
Revit二次开发之创建风管
在Revit中,风管用于连接管件,风道末端和机械设备,今天简单尝试了下使用RevitAPI创建风管,现分享下我的方法. 风管从类型上可分为三类:一般风管,软风管和风管占位符:从形状上也分为三类 ...
Unity 游戏开发技巧集锦之使用忍者飞镖创建粒子效果
Unity 游戏开发技巧集锦之使用忍者飞镖创建粒子效果使用忍者飞镖创建粒子效果游戏中,诸如烟.火.水滴.落叶等粒子效果,都可以使用粒子系统(particle system)来实现.例如,<明 ...
邓_phpcms_二次开发_创建插件
Phpcms_V9 [test]测试 ================================================================ ====== ...
Qt+QGis二次开发：创建临时图层并添加要素
开发环境:Win10 + VS2010 + Qt 4.8.6 + QGis 2.14.4 其实本文实现的功能类似于QGis中“添加文本数据图层”的一个简化版,本文不会涉及到对话框的使用,不通过与用户互 ...
AutoCAD.NET二次开发：创建自定义菜单的两种方法比较
目前我已经掌握的创建CAD菜单方法有两种: COM方式: http://www.cnblogs.com/bomb12138/p/3607929.html CUI方式: http://www.cnblo ...
AutoCAD.NET二次开发：创建自定义菜单（COM）
当我们要在CAD中创建自定菜单时,可以引用COM组件来实现. 下面是实现方式: 1.新建类库项目,并引用CAD目录(我这里用的是CAD2008)下的acdbmgd.dll.acmgd.dll,并将引用 ...
AutoCAD.NET二次开发：创建自定义菜单（AcCui）
从CAD2007之后,Autodesk提供了一个新的程序集AcCui.dll,使用这个程序集,我们可以方便地做一些界面方面的操作,比如创建自定义菜单. 下面介绍一下菜单的创建过程: 1.在项目中添加引 ...

随机推荐

canvas动画效果新年祝福话语
html代码 <ul id="ul"></ul> css代码 * { margin:; padding:; } ul { list-style: none; ...
React 入门学习笔记整理（二）—— JSX简介与语法
先看下这段代码: import React from 'react'; //最终渲染需要调用ReactDOM库,将jsx渲染都页面中 import ReactDOM from 'react-dom'; ...
win7 x64 +vs2015 + cmake3.10.3编译opencv-3.4.1+opencv_contrib-3.4.1源码，并进行配置
简介: 一直以来都是在ubuntu下使用opencv,最近因为有<图像处理与模式识别>这门课,需要使用vs2015+opencv提交课程作业,因为opencv官方编译好的exe没有cont ...
api接口签名认证的一种方式
请求方 try { using (var client = new HttpClient()) { StringContent content = new StringContent(strParam ...
Kotlin入门(5)字符串及其格式化
上一篇文章介绍了数组的声明和操作,包括字符串数组的用法.注意到Kotlin的字符串类也叫String,那么String在Java和Kotlin中的用法有哪些差异呢?这便是本文所要阐述的内容了. 首先要 ...
Python:BeautifulSoup移除某些不需要的属性
很久之前,我看到一个问题,大概是: 他爬了一段html,他获取下了所需的部分(img标签部分),但是不想保留img标签的某些属性, 比如 <img width="147" h ...
[20180801]insert导致死锁.txt
[20180801]insert导致死锁.txt --//链接http://www.itpub.net/thread-2104135-2-1.html的讨论,自己有点疏忽了,插入主键相同也会导致死锁. ...
python自动化报告的输出
1.设计简单的用例 2.设计用例以TestBaiduLinks.py命名 # coding:utf-8 from selenium import webdriver import unittest ...
Tell Me About Yourself Example 1
Tell Me About Yourself Employers ask this question because they want to know you have the relevant e ...
通信原理之OSI七层参考模型（一）
1.什么是计算机网络谈计算机通信原理当然离不开计算机网络,那么什么是计算机网络.官方定义:计算机网络是由两台或两台以上的计算机通过网络设备连接起来所组成的一个系统,在这个系统中计算机与计算机之间可以 ...

SkylineGlobe 如何使用二次开发接口创建粒子效果

SkylineGlobe 如何使用二次开发接口创建粒子效果的更多相关文章

随机推荐

热门专题