首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
V2EX  ›  JavaScript

基于 WebGL H5 停车场三维可视化管理 Demo

  •  2
     
  •   xiangbulala · 299 天前 · 8098 次点击
    这是一个创建于 299 天前的主题,其中的信息可能已经有所发展或是发生改变。

    总览

    查看 Demo 停车场三维可视化-总览

    车辆信息

    停车场三维可视化-车辆信息

    车辆行驶轨迹(对接传感器数据 坐标转换)

    停车场三维可视化-车辆行驶轨迹

    车位信息

    停车场三维可视化-车位信息

    门禁杆控制(设备对接)

    停车场三维可视化-门禁管理

    Demo

    查看 Demo

    第 1 条附言  ·  296 天前
    补充一个实际应用项目:腾讯滨海大厦(腾讯微瓴系统)

    63 回复  |  直到 2019-01-23 09:46:21 +08:00
        1
    ywisax   299 天前
    这个好玩
        2
    CEBBCAT   299 天前
    找到个 bug,大概就是一直点播放动画,就会有一个蓝色方块代替车开到指定位置了,然后停止按键,车就会开到蓝色方块的位置

        3
    EarthChild   299 天前
    @CEBBCAT #2 小精豆……
        4
    EarthChild   299 天前
    还有一个 BUG 就是 2 楼说的那个位置。点了空间统计,明明没车停,还被标识已停车的黑色底纹
        5
    dixeran   298 天前 via Android
    播放动画的同时做闸门管理也会有 bug😂
        6
    xiangbulala   297 天前
    @CEBBCAT 模型加在过程中会显示成方块...
        7
    xiangbulala   297 天前
    @EarthChild 黑色底纹的含义其实是车位已售出,表达的不太明显
        8
    xiangbulala   297 天前
    @dixeran 嗯,确实
        9
    xiangbulala   297 天前
    花一千个铜币!
        10
    hinate   297 天前
    第四张图,左侧停车位是不是画反了...
        11
    xiangbulala   297 天前
    @hinate 哈哈哈 真是画反了,这尼玛怎么停进去啊
        12
    swordne   297 天前
    @hinate
    >.< 要从楼上飞上去!
        13
    zhuoyan   297 天前
    厉害
        14
    xiangbulala   297 天前
    @swordne 下回画停机坪了...
        15
    zarte   297 天前
    这个项目貌似不错呀,看了几个 demo 了。
        16
    xiangbulala   297 天前
    @zarte 主打物联网可视化管理
        17
    frylkrttj   297 天前
    这是造游戏世界的人才吧
        18
    miniwade514   297 天前
    厉害。在浏览器里玩 GTA 指日可待😄
        19
    seven777   297 天前
    瞎说一点:
    停车位上的阻拦器,是为了限位轮胎的最深位置的,防止相邻位置停车相撞。
    涂上画的不对,实际中也有很多停车场是瞎弄的。
        20
    iyour   297 天前
    感觉真实场景下不太能够解决所有车型的模型,以及车主的个性化装饰问题。
        21
    xiangbulala   297 天前
    @iyour 场景为了好看多放了几个模型,实际应用中基本会用相同的模型
    比如下面这样
        22
    xiangbulala   297 天前
    @seven777 嗯嗯 工程师准备重新画了...
        23
    xiangbulala   297 天前
    @zarte 现在 demo 做的比较烂,年后会做一个精致全面得 DEMO
        24
    zanzhz1101   297 天前
    感觉和我现在学的 bim 有点相似,虽然没什么关系哈哈
        25
    nezumi85757   297 天前
    @iyour 要做其实也能做,终归还是模型 json 化然后传到页面上来,只是可能实用意义没有那么大 ,充其量按照不同车型区分下,轿跑 suv mpv,然后车标车牌标一个真实的就 ok 了
        26
    guanhui07   297 天前
    厉害
        27
    xiangbulala   297 天前
    @zanzhz1101 有些时候会被认为是 BIM 轻量化
        28
    zanzhz1101   297 天前
    @xiangbulala #27 感觉其实只是比较像,国内 bim 刚刚起步,最近也没啥大的进展,仅仅停留在建模预算层面上
        29
    zhenizhui   297 天前
    打开 demo,mac 卡了
        30
    xiangbulala   297 天前
    @zanzhz1101 bim 侧重施工过程吧,thingjs 侧重建造完成后的可视化管理
        31
    zanzhz1101   297 天前
    @xiangbulala #30 是的
        32
    NonClockworkChen   297 天前
    iphone 6sp 播放动画,蓝色的柱子闪了一下,然后就消失了。 什么都没有了。
    这是 bug 吗,我们最近要做一个类似大富翁的 html5 的宣传小项目,有点慌,对 html5 3D
        33
    xuboying   297 天前
    新鲜有趣的事物,不过有个疑问,如果这是个实用的管理系统,是否需要加载云层和灯塔,是否需要做灯塔的阴影,只是为了好看还是别的,比如云层,是否要和实际天气关联呢?
        34
    xiangbulala   297 天前
    @xuboying 云层和灯塔是指?

    thingjs 提供了多种天空盒,也包括动态天空和雾效果,当然也可以用粒子系统模拟天气,看需求了
    实际的停车场管理项目中主要是对接停车场相关的物联网传感器数据,做可视化管理,我在 21 楼上传的图片为实际项目的截图
        35
    wxsm   297 天前
    MacBook Pro (15-inch, 2017) 卡到怀疑人生,实用性存疑
        36
    txwd   297 天前
    三维视觉效果是很震撼,但卡...
        37
    vibbow   297 天前
    windows + firefox + i5-7400 + 1066
    卡到怀疑人生
        38
    vibbow   297 天前
    firefox 显示帧率在 5fps (播放动画) - 10fps (静止状态) 之间波动
        39
    Nioooo   297 天前
    chrome 运行起来还是很流畅的 换个浏览器试试效果还是棒棒哒
        40
    canglaoshi   297 天前
    点赞 能帮我问问,这是什么样的软件画出来的 demo
        41
    xiangbulala   297 天前
    @txwd 这个规模的场景,集成显卡应该都不会卡

    @vibbow 我刚试了试 firefox,很流畅,我在找朋友电脑试试....

    不过毕竟是 3D,还是对硬件有些要求
        42
    xiangbulala   297 天前
    @canglaoshi

    但就这个场景来说

    场景搭建:模模搭 http://www.3dmomoda.com
    功能开发:ThingJS http://www.thingjs.com
        43
    soulsomuns   297 天前 via iPhone
    厉害了👍
        44
    blue0125   297 天前
    一般车头 朝外 0.0
        45
    lyseky   296 天前 via Android
    可以
        46
    lenville   296 天前
    @xiangbulala ThingJS 最近推得厉害哇,知乎广告位几乎全是你们家的
        47
    x86   296 天前
    不实用,你要考虑到使用人群就明白了
        48
    vera0707   296 天前
    给大神跪了~
        49
    xiangbulala   296 天前
    @lenville 可能你上班刷知乎刷的比较多...
        50
    xiangbulala   296 天前
    @x86 21 楼截图是腾讯滨海大厦应用实图
        51
    xiangbulala   296 天前
    @blue0125 哈哈哈可能工程师没有驾照,看来要做个倒库么...
        52
    fox0001   296 天前 via Android   ♥ 1
    @x86 #47 这个界面很讨好领导,一看就是高大上。

    感觉最需要的功能是空余车位导航、我的停车位置导航,但这个系统应该不是给司机用的吧。

    对于停车场管理员,二维图会不会更高效?

    另外,如果一辆车占了两个车位,这个系统会否识别到?

    纯粹好奇问问…
        53
    xiangbulala   296 天前
    @fox0001 三维只是一个人机交互的界面,一般来说,三维更符合人对世界的直观认知,智慧停车场还需要车位引导系统、占道停车系统、智能车位锁、NB 地磁等系统以及物联网设备支持
        54
    lamada   296 天前
    风格不用这么写实,是不是就可以降低一些模型的面数达到更流畅的效果
        55
    chenlang   296 天前
    这个是用什么写的啊
        56
    Deville   296 天前
    卧槽。。。玩儿完 demo 晕 3D 了。。。
        57
    xiangbulala   296 天前
    @lamada 是的,你看腾讯滨海大厦实际应用中,都是简化模型,这个 demo 只是为了演示一下哈
        58
    xiangbulala   296 天前
    @Deville ...想起当时变相金刚第一部上映的时候,坐在第一排看 3D,一起看的小姐姐看吐了....
        59
    xiangbulala   296 天前
    @chenlang 公司自己的 ThingJS 平台 http://www.thingjs.com
        60
    blessme   296 天前
    浏览器卡得一币
        61
    xiaoshu   296 天前 via iPhone
    和 three.js 相比优势在哪?
        62
    xiaoshu   296 天前 via iPhone
    这个手机浏览器打开直接崩溃呀
        63
    lenville   295 天前
    @xiangbulala 可能你们广告费给得比较足( or 我是目标人群?
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   1946 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 25ms · UTC 00:20 · PVG 08:20 · LAX 16:20 · JFK 19:20
    ♥ Do have faith in what you're doing.