GLS-高度表制作

简介: 文章目录制作高度计目的配置工作环境Object的设计创建背光板(Bezel)创建电动/气动开关创建气压设定旋钮创建高度计指针创建高度计的里程表创建气压计表创建电动/气动显示标识创建仪表的阴影编译测试代码开发添加测试属性添加属性来处理Altitude和BarometerInitializeCalculate添加效用函数的头文件.Object的回调

制作高度计


高度计是通过对大气压强的测量来确定高度的。

目的

image.png

最终效果图

配置工作环境


创建一个名为”_altimeter”的工程,将GL Studio安装目录教程内的_altimeter教程下的testures文件夹拷贝到当前文件夹。

image.png

Object的设计

Step 1: 在创建的工程目录下,找到”_altimeter.gls”,并打开。后在”Geometry”选项卡窗口中删除默认生成的group。


Step 2: 打开”Application” tab, 为window title改名为”altimeter”, 然后设置窗口的初始尺寸为390x395。


Step 3: 在工具栏找到右侧的下拉箭头,在弹出的对话框中按下图内容进行设置:

image.png

创建背光板(Bezel)

背景遮光板由多边形object和其纹理组成。


Step 1: 选择工具栏中的工具;


Step 2: 绘制一个390x395的矩形;


Step 3: 为其重命名为”altimeter_panel”;


Step 4: 在”Object Properties” tab中,将”altimeter_panel”的Draw Mode设置为Filled;


Step 5: 同样在”Object Properties” tab中,点击Texture ->Texture Chooser上的 按钮,进入纹理选择对话框,将纹理添加进来,并选中”sltimeter.png”纹理;

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

\1. // Clamp the value of the odometer from 0 to 99999.


\2. _altitude = CLAMP_VALUE(value, 0.0f, 99999.9f);


\3. // Set the odometer readout to the actual incoming clamped value


\4. alt_digits->Value(_altitude);


\5. // Calculate the digits less than 1000 to set the needle position


\6. float alt_100 = (float)fmod(_altitude, 1000.0f)/100.0f;


\7. // Set the needle rotation using DynamicRotate, converting 100’s of feet to degrees.


\8. needle->DynamicRotate(-(alt_100 * (360/10)), Z_AXIS);


这段代码实现仪表表针绕Z轴的动态旋转,同时该值也会在显示在高度里程表上。


Step 3: 新建属性”float Barometer = 0.0f”,


Step 4: 为该属性的Set函数添加实现函数如下:


\1. _barometer = value;


\2. baro_digits->Value(_barometer);


本段代码将实现气压计表盘的显示。


Initialize

在geometry创建之后,Initialize()函数就开始执行了。


Step 1: 在”Code” tab中找到Initialize()函数,在代码输入框添加如下代码:


\1. Barometer(28.6f);


Calculate

Calculate()函数的调用发生在每帧的渲染之后。由于每帧循环都会调用该函数,故而切勿在函数体执行过多的内容。


Step 1: 找到Calculate()函数,在代码输入框中追加上下述代码:


\1. if (Testing())


\2. {

\3. // Generate ramping values from 0.0f to 12000.0f


\4. Altitude( RampFloat( time * .07, 0.0f, 12000.0f ) );


\5. }


本段代码使用效用函数RampFloat()在一个正弦波上值测试高度计的显示。


添加效用函数的头文件.

效用函数不包含在run-time库中,隐使用到了效用函数RampFloat(), 故需要添加对应的头文件”glsutil.h”。


Step 1: 在”Code” tab内选中”file _altimeterApp.h”, 在其代码输入框中输入以下内容:


\1. #include


Object的回调

GL Studio允许回调,回调一般发生在用户输入(鼠标,键盘,或其他),并且回调允许programmers定义与object相关的特定功能。


在该教程内需要定义两个回调函数,一个用于处理和气压读数相关的旋钮输入事件,另一个用于处理和ELEC/PNEU flag相关的开关。


Step 1: 首先先在”Geometry” tab中选中”baro_knob” object, 而后在”Code” tab中找到Object Callbacks->Selected Object Callbacks(#), 参考下图

image.png

点击代码输入框为所选择的object(这里是刚选中的baro_kbob)创建回调功能。


回调函数要求返回0或1,而这取决于该回调函数的event是否需要向上遍历该object的父节点的回调,更多information参考User’s Manual。


Step 2: 旋钮需要完成气压的读数显示功能,所以在回调函数中完成的正是此事。将下述代码添加到代码输入框:(Warning: 直接插入的话,会清除掉插入位置之后的内容)


\1. int handled = 0;


\2.


\3. if (ObjectEventIs(ev,“PositionVal”))


\4. {

\5. // If the knob is turned, we change the value


[外链图片转存中…(img-tjNZjQJY-1615698474939)]


点击代码输入框为所选择的object(这里是刚选中的baro_kbob)创建回调功能。


回调函数要求返回0或1,而这取决于该回调函数的event是否需要向上遍历该object的父节点的回调,更多information参考User’s Manual。


Step 2: 旋钮需要完成气压的读数显示功能,所以在回调函数中完成的正是此事。将下述代码添加到代码输入框:(Warning: 直接插入的话,会清除掉插入位置之后的内容)


\1. int handled = 0;


\2.


\3. if (ObjectEventIs(ev,“PositionVal”))


\4. {

\5. // If the knob is turned, we change the value


// of the Baro



image.png

目录
相关文章
|
3天前
|
安全 前端开发
如何制作网站?
本文介绍了自助建站的步骤和平台选择,包括选择域名、租用服务器和部署网站。推荐使用PageAdmin CMS平台,无代码建站,后期维护简单。
27 13
|
3月前
|
小程序 搜索推荐
怎么制作小程序
本文详细介绍了无需编写代码即可制作企业小程序的方法,适用于多种场景如商品销售、企业展示和服务预约等。只需四个步骤:注册小程序平台账号、选择模板、设计页面及绑定账号,最低每年349元即可拥有专属小程序。文章通过图文说明了每一步的具体操作流程,使读者能够轻松上手。
90 0
怎么制作小程序
|
3月前
|
XML 前端开发 JavaScript
如何制作一个自己的网站?
在今天的互联网时代,网站展示已经是一个很基础的营销工具。不管是企业、还是个人,如何制作一个自己的网站?本文将会提供一个全面的基础制作网页教程,教你如何从零开始制作网页。
139 0
|
6月前
|
资源调度 JavaScript 前端开发
使用WbbGPU制作爱心
7月更文挑战第9天
35 0
|
8月前
|
安全 Android开发 数据安全/隐私保护
制作系统签名
五月打卡
82 0
|
前端开发 JavaScript 编译器
聊聊制作网站那些事!
聊聊制作网站那些事!
86 0
水晶头制作
水晶头制作。
174 44
|
8月前
在微信小游戏制作工具中制作一个下雨的效果
在微信小游戏制作工具中制作一个下雨的效果
84 0
|
容器
如何在微信小游戏制作工具中快速的制作一个血条?
如图,添加了两个血条的图片,一个当作背景,一个当作前景,并且把这两个图片放到了一个“血条1”容器中,另外增加了一个“打你丫的”按钮,用来模拟攻击,点击“打你丫的”按钮,血条就会掉血。
188 0