查看: 3246|回复: 13

透明屏制作之展示箱体

[复制链接]
概述    有次无意中在网上看到有透明屏幕出售,感觉科幻感十足(想像到科幻大片中的透明屏幕了! 实际上效果达不到);心痒难耐,立即剁手买了一块7寸的试效果,便有了下文.
    先上个效果图,再讲解制作方法:
最终效果.jpg



硬件准备
- 7寸透明屏幕一块(含:屏幕X1, 主控板X1, 12V电源X1)
- 树莓派(2代或3代都可以)+TF卡
- VGA转HDMI连接线1条
- 热熔枪
- 3D打印
- 白色纸张若干(可用白色PVC板代替,效果更佳)

树莓派3.jpg
树莓派3代


箱体设计
14.jpg

画图中


11.jpg

画完看看效果(渲染一下效果更直观些)


8.jpg

开始打印


9.jpg

正面转角零件

10.jpg

连接效果

13.jpg

转角连接位, 用热熔枪粘合一下更稳固些

7.jpg

全套零件(其实还缺长杆3条)


6.jpg

搭框架中

5.jpg

装上主角--透明屏


12.jpg

跟设计图对比一下, 恩,还不错


4.jpg

架子搭好了,侧面贴白纸(用PVC白色板材效果更佳)





硬件连接
    透明屏    转接线            树莓派
    VGA       VGA-HDMI    HDMI
    12V供电                        5VUSB供电

软件辅助
- 树莓派刷入系统
    这里采用的是树莓派官网的NOOBS安装包(完整版, 非LITE版), 具体安装过程可参见官网教程
    安装完操作系统后, 需要做若干事情, 比较繁杂,记录如下:
    >1.更新系统
        sudo apt-get update -y
        sudo apt-get upgrade -y
    >2.关闭屏保(防止展示一会儿后自动进入熄屏省电模式)
          创建文件: sudo vi /etc/profile.d/Screen.sh
          文件内容:
          xset dpms 0 0 0
          xset s off
          加权限: chmod +x /etc/profile.d/Screen.sh

          具体配置过程请参见我的另一个博文<</span>树莓派开机自动登录+防休眠>
    >3.安装Samba(方便上传文件到树莓派中,不喜欢的朋友可以用vsftp也一样)
        1)首先安装 samba:
          sudo apt-get install samba samba-common-bin
        2)然后修改配置文件:
          sudo vi /etc/samba/smb.conf
          具体配置过程请参见我的另一个博文<<a href="http://blog.sina.com.cn/s/blog_6b2252130102w3uf.html" target="_blank">树莓派-使用samba>

    >4.安装浏览器(Chrome),并设置开机自动启动
          具体配置过程请参见我的另一个博文<</span>树莓派开机-图形界面-自启动全屏Chrome浏览器>


- 展示效果制作
    准备几张对比度强烈的图片, 然后制作HTML展示效果(如果没有服务器空间放代码, 可以直接使用我的地址来测试:http://linklink7.com/demo/screen.html)
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.         <meta charset="utf-8" />
  5.         <script type="text/javascript" src="http://linklink7.com/script/jquery.min.js"></script>
  6.         <script>
  7.                 $(document).ready(function(){
  8.                         sshow();
  9.                         autoreload(60000);
  10.                 });
  11.                 function autoreload(t){
  12.                         setTimeout("self.location.reload()",t);
  13.                 }
  14.                
  15.                 var img = new Array("img/000.jpg","img/001.jpg","img/002.jpg","img/003.jpg");
  16.                 var _i = 0;
  17.                 function sshow(){
  18.                         $("#pic_img").attr("src",img[_i]);
  19.                         _i++;
  20.                         if(_i>3)_i=0;
  21.                         setTimeout("sshow()",5000);
  22.                 }
  23.         </script>
  24. </head>

  25. <body style="background-color:white;color:black">
  26. <div>
  27.         <div style="height:50px;width:100%;"></div>
  28.         <div id="pic" style="height: 350px; text-align: left; float: left; width: 60%;"><img id="pic_img" src="img/000.jpg" /></div>
  29.         <div style="height: 50px; line-height: 50px; color: blue; float: left; padding-top: 350px; font-size: 50pt;">Mstre Watch 9116</div>

  30. </div>
  31. </body>
复制代码





效果展示

1.jpg

开机试一下,开始有效果了(左边是箱子里放置的实物, 右侧是屏幕显示的Logo)





2.jpg
3.jpg
15.jpg

heinau  高级技匠

发表于 2016-8-15 15:21:24

很牛掰啊!!!
不过这个屏开机以后也是有颜色的是么,如果能做到完全透明,只有需要显示的文字内容的话就碉堡啦
回复 支持 反对

使用道具 举报

dsweiliang  版主

发表于 2016-8-16 08:25:48

heinau 发表于 2016-8-15 15:21
很牛掰啊!!!
不过这个屏开机以后也是有颜色的是么,如果能做到完全透明,只有需要显示的文字内容的话就 ...

有颜色的,就是后面的物件挡着光线看不清而已
回复 支持 反对

使用道具 举报

visionsl  高级技师
 楼主|

发表于 2016-8-16 12:00:32

对, 这个屏幕对比度不够高, 所以虽然是透明的, 但显示的东西不够犀利; 效果就不够炫
而且受背景光的影响比较大.
回复 支持 反对

使用道具 举报

visionsl  高级技师
 楼主|

发表于 2016-8-16 12:30:19

回复 支持 反对

使用道具 举报

virtualwiz  版主

发表于 2016-8-20 01:49:21

好漂亮,很科幻的显示效果~~
回复 支持 反对

使用道具 举报

visionsl  高级技师
 楼主|

发表于 2016-8-22 14:29:33

virtualwiz 发表于 2016-8-20 01:49
好漂亮,很科幻的显示效果~~

谢谢~~~~
回复 支持 反对

使用道具 举报

栽培者  初级技师

发表于 2016-8-26 15:28:10

cool,楼主用的是123D Design画的图?
回复 支持 反对

使用道具 举报

visionsl  高级技师
 楼主|

发表于 2016-9-5 11:17:37

栽培者 发表于 2016-8-26 15:28
cool,楼主用的是123D Design画的图?

是的, 你真厉害
回复 支持 反对

使用道具 举报

栽培者  初级技师

发表于 2016-9-5 21:17:36


哈,因为最近在学这个,所以看起来比较熟悉
回复 支持 反对

使用道具 举报

Bruce_fang  学徒

发表于 2016-10-27 13:05:32

求透明屏幕购买链接
回复 支持 反对

使用道具 举报

visionsl  高级技师
 楼主|

发表于 2016-10-27 17:23:16

某宝搜一下, 不少
回复 支持 反对

使用道具 举报

sleepless  学徒

发表于 2017-3-5 12:51:55

visionsl 发表于 2016-10-27 17:23
某宝搜一下, 不少

搜了好多没看到有7寸大小的买呢,是不是下架了。。好可惜
回复 支持 反对

使用道具 举报

visionsl  高级技师
 楼主|

发表于 2017-3-16 18:42:49

sleepless 发表于 2017-3-5 12:51
搜了好多没看到有7寸大小的买呢,是不是下架了。。好可惜

果然下架了, 应该是效果还不够好的原因
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

为本项目制作心愿单
购买心愿单
心愿单 编辑
wifi气象站

硬件清单

btnicon
我也要做!
点击进入购买页面
上海智位机器人股份有限公司 沪ICP备09038501号-4

© 2013-2016 Comsenz Inc. Powered by Discuz! X3.4 Licensed

QQ