精华内容
下载资源
问答
  • 网页3d展厅

    2015-05-21 12:06:28
    借用的3d展厅,支持前后左右移动!使用html+javascript做的
  • 使用Techbrood Stone工具专业版可以快速制作在线云展厅,有效融合高清2D图文和3D场景交互。 使用到了2D界面组件(专业版功能)、各种3D动画组件、路径规划、人机交互组件(专业版功能),以及粒子、UI系统。 ...

    使用Techbrood Stone工具专业版可以快速制作在线云展厅,有效融合高清2D图文和3D场景交互。

    使用到了2D界面组件(专业版功能)、各种3D动画组件、路径规划、人机交互组件(专业版功能),以及粒子、UI系统。

     

    展开全文
  • 什么是Web3D虚拟展厅技术小迪分享:网上的虚拟展厅又名虚拟展馆、虚拟展厅、网上展馆等,在线虚拟现实技术,是可以基于网页运行,英文简称WEB3D,是下一代互联网展示技术的核心,是目前互联网技术的换代与升...

    疫情之下,很多线下展厅客户纷纷咨询小迪,是否可以把线下展厅转移到线上展示。今年以来,商迪3D做了很多线上展厅的业务案例,我们拥有Web3D虚拟展厅技术,针对虚拟展厅,提供虚拟博物馆在线3D漫游服务!

    什么是Web3D虚拟展厅技术

    小迪分享:网上的虚拟展厅又名虚拟展馆、虚拟展厅、网上展馆等,在线虚拟现实技术,是可以基于网页运行,英文简称WEB3D,是下一代互联网展示技术的核心,是目前互联网技术的换代与升级的趋势。它是随着互联网与虚拟现实(Virtual Reality)技术的发展而产生的,其目的在于在互联网上建立三维的虚拟世界。

    什么是Web3D虚拟展厅技术

    而目前的虚拟现实技术主要是指凭借Unity3D , Wirefusion ,Cult 3D, Virtools, C3d,Turntool等一类引擎下的Web3D技术,此类软件需要同3D Max等三维建模软件配合使用,是基于几何体网格建模的虚拟现实技术。Web3D技术便是基于这些引擎下的技术产品,由于它友好的交互性和逼真的虚拟性等特点而备受人们和商家喜爱。

    其中Unity3D兼容性更强,应用也较为广泛,Unity是由Unity Technologies开发的一个让玩家轻松创建诸如三维视频游戏、建筑可视化、实时三维动画等类型互动内容的多平台的综合型游戏开发工具,是一个全面整合的专业游戏引擎。

    通过3D Studio Max软件实时对展厅3D虚拟建模,将所有的模型文件、UI文件、音频文件及程序代码整合在Unity3D软件内,利用Unity3D软件将所有的文件整合并制作相关的文件的逻辑关系等,通过软件将exe文件输出基于Web端文件,以便于在网页端实时3D交互浏览。具体模块及功能描述,小迪将在明天为迪粉们分享。

    展开全文
  • 之前介绍过多款LayaAir引擎的3D炫酷游戏。今天,为大家介绍一款采用LayaAir引擎的3D网页展示产品《不可思议群岛》。这是一个非游戏的HTML5网页,以三维的空间...

    之前介绍过多款LayaAir引擎的3D炫酷游戏。今天,为大家介绍一款采用LayaAir引擎的3D网页展示产品《不可思议群岛》。

    这是一个非游戏的HTML5网页,以三维的空间技术为基础,在不同的浮空小岛之间切换。通过点击GO,可以进入到每一个场景中,进行360度全角度观看小岛的风貌,还可以进行一些简单的互动操作。比如,戴上VR眼镜世界改变,点击火山会有喷发动作等等,让网页的展示有了一种游戏式交互体验。


    直接长按识别图中的二维码,或者通过左下角的阅读原文可打开链接体验。

     

    《不可思议群岛》的创作起源与创作过程

    《不可思议群岛》是矩阵互动Matrix多媒体事业部成立三周年的部门庆作品,没有甲方的各种需求束缚,动起手来也就更大胆自由。

    “在轻松欢快的气氛中给大家介绍一下我们”是这个作品一开始最单纯的动机。

    既然要介绍还是得把几个业务板块说清楚,于是“群岛”的概念在风暴会中诞生了。

    4个特色鲜明的世界分别代表四个业务板块,通过每个“岛”里的情景让人即直观了解又能产生联想。

    ▲ 黄色沙漠,绿色雨林,蓝色冰川,红色火山

    接下来是风格设定。3周年庆,当然要热闹欢快一些,元素我们最终选择了简洁清新的面片简约风格,一是迎合气氛,二是考虑到手机浏览的效率。

    人物是构成情景的必要元素,所以我们给每个场景都设计了性格独特的人物。



    互动是重点,要黏住用户让大家有“把玩”的效果。我们决定放弃传统的三维序列和视频,用LayaAir 3D引擎作为内核,让所有环节都能实时互动。即时渲染的效果让用户几乎忘记了自己是在看一个H5网页,而是在玩一款三维游戏。

     

    光有大场景的转换和360度查看显然是不够的,我们为每个“岛”都设计了一些小互动情节,让浏览更有乐趣。如戴上VR眼镜世界改变,点击火山会有喷发动作等等。

    关于矩阵互动Matrix

    矩阵互动Matrix是一家集品牌互动广告和网络全程营销的整合运服务商,专注于为品牌塑造顶尖的互联网形象,为企业营销策略提供互动解决方案。旗下多媒体事业部是一支专业且全面的技术创作团队,涵盖了影视后期,VR&AR,APP应用开发,舞台舞美包装等多个业务板块。

    END 

    LayaAir引擎3D游戏介绍回顾

    科幻题材高清自由视角3D H5游戏《太空机甲》今日删档测试

    《雪鹰领主3D》昨日腾讯玩吧首发! HTML5进入3D游戏时代!

    Layabox提供的服务

    Facebook Instant Games平台的接入服务

    企业上门培训、性能优化、微端打包等技术服务

    2D与3D游戏产品的联合研发、定制开发

    休闲竞技商业框架或技术解决方案提供服务

    LayaAir引擎

    裸跑性能媲美APP的新一代HTML5引擎;

    支持Canvas\WebGL模式自动切换;

    支持2D\3D\VR产品开发;

    支持使用ActionScript3\TypeScript\JavaScript三种语言开发;

    一次开发可同时发布:手游APP(安卓、iOS)、HTML5、微信小游戏、QQ玩一玩等多个版本。

    LayaAir引擎开发者2D交流群

    QQ群号:135887157

    LayaAir引擎开发者3D&VR交流群
    QQ群号:343966316

    长按识别二维码,关注Layabox公众号

    展开全文
  • 1.1 通过cdn方式直接在js代码中引入Vue和Vue-3d-model(新手推荐使用) 1.2 整体的前端代码 1.3 效果 2. 学习中遇到的bug 2.1 Failed to load resource: net::ERR_FAILED 2.2 解决办法:基于nodejs的...

    目录

    1.前端Vue的环境配置

    1.1 通过cdn方式直接在js代码中引入Vue和Vue-3d-model(新手推荐使用)

    1.2 整体的前端代码

    1.3 效果

     2. 学习中遇到的bug

    2.1  Failed to load resource: net::ERR_FAILED

    2.2 解决办法:基于nodejs的http-server,以http的形式加载文件

     3. Vue及Vue-3d-model官方教程及下载:

    最近参加的大创项目涉及到前端的3D模型展示,借此机会学习了Vue以及Vue-3d-model。记录下遇到的一些bug。

    1.前端Vue的环境配置

    1.1 通过cdn方式直接在js代码中引入Vue和Vue-3d-model(新手推荐使用)

    <script src="https://unpkg.com/vue-3d-model/dist/vue-3d-model.umd.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>

            在HTML文件中引入这两行代码后便可以使用。

    1.2 整体的前端代码

    这里为了方便就直接将模型文件与HTML文件放在了同一文件夹中。

    <!DOCTYPE html>
    <html>
    <head>
     <meta charset="UTF-8"></head>
    <body>
      <div id="app">
        <model-obj src="LeePerrySmith.obj"></model-obj>
      </div>
    <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
    <script src="https://unpkg.com/vue-3d-model/dist/vue-3d-model.umd.js"></script>
    <script>
      new Vue({ el: '#app' });
    </script>
    </body>
    

    1.3 效果

     2. 学习中遇到的bug

    由于第一次接触前端,所以在一些环境配置问题中遇到了一些不熟悉的bug和小麻烦。

    2.1  Failed to load resource: net::ERR_FAILED

    这时直接打开HTML文件浏览器一片空白。调出开发者工具发现有报错:

             这时由于浏览器跨域加载本地文件报错,有报错信息可以看出跨域请求只支持:http, data, chrome-extension, edge, https, chrome-untrusted。不支持文件形式。

    2.2 解决办法:基于nodejs的http-server,以http的形式加载文件

    1.安装node.js,直接去官网下载node中文网
    2.使用npm/cnpm安装http-server;运行 npm install http-server -g
    3.开始使用:cd到启动的静态项目目录,这里我的HTML以及模型文件在E盘。

    4. 执行http-server/hs启动,结果显示如下

    5. 此时在浏览器中访问http://127.0.0.1:8081 或 http://10.1.1.232:8081启动即可查看你想运行的代码。此时3d文件成功显示出来。

     3. Vue及Vue-3d-model官方教程及下载:

    Vue:Vue官方教程

     


    Vue-3d-model:Vue-3d-model下载

     

    展开全文
  • HTML怎么制作

    2021-06-11 17:35:52
    回答:对于刚开始学习网页开发的童鞋们来说,掌握了比较简单的HTML语言基础后,会迫不及待地想着手制作自己的第一个网页,然而DW等软件的安装却不尽人意。今天小编为饱受心灵摧残的童鞋们带来了福音,为大家讲解一下...
  • threejs 制作产品3d展示页面

    千次阅读 热门讨论 2018-12-19 17:16:32
    公司XX产品线,有一些产品,都配合有专业的结构设计,因此产生了较多的结构设计文件,之前渲染过3D动画,效果还不错,但要想去向客户去直观展示还有点不够炫酷,因此决定采用web3D 页面的方式呈现出来。能达到更沉浸...
  • 网页中嵌入3d全景视频 Customer acquisition has become a formidable challenge in the digital age. Our latest webinar shares how a major auto brand stands out from the crowd by using immersive ...
  • 以前用原生JS写的场景+第一人称漫游模式+碰撞测试那代码量是真的庞大,这次我想要用HT for Web来写一个轻量的场景小游戏,而且3D 2D都能玩,才200行,真的是太轻松了~还有通过监控属性的变化来操作也是一个很方便的...
  • 商迪3D构建的元宇宙实现数字孪生、数字原生以及虚实结合,大幅度提高了互联网的线上沉浸式体验,甚至可以在元宇宙中进行互动、学习、交友、与现实世界相连等功能。 VR元宇宙线上展会的功能 VR元宇宙线上云展会是...
  • 项目中主要使用的3d动画库为:css3d-engine.js。github为: https://github.com/shrekshrek/css3d-engine 还使用了一个名为jstween的动画库,可以配合css3d-engine.js使用。代码中以JT代替。github为: ...
  • 这是一个模拟现实观看艺术品展厅的效果:所有的艺术品分别挂在房间里的4面墙上,参观者沿着每一面墙循环观看墙上的艺术品。这种奇妙的效果将通过jQuery和CSS 3D transforms来实现。每一面墙都有一个“尽头”,当参观...
  • 商迪3D运用VR全景技术、3D建模技术和三维虚拟系那是技术打造的VR全景看车虚拟线上展示,以全新模式的Web3D展开方式让客户有了浏览的自主干,可以以自己的角度去观察,还有许多虚拟互动操作。VR看车作为一种三维展示...
  • Cocos 3D 出席云展会,简直帅呆了!

    千次阅读 2020-09-16 22:29:47
    基于 Cocos Creator 3D 引擎打造的 BCS 2020,通过 3D 建模、打造了三维立体的 3D “云展厅”,让 300 多家国内外知名网络安全企业打破时间和空间的界限,而参展企业也可通过“云展会”实现与客户的在线互动,真正...
  • ALVA Systems 中关村展厅全面开放啦! 一直以来,大众对于AR/VR 技术应用的认识更多地停留在消费娱乐领域。 AR究竟在工业制造领域应用到了何种程度? AR技术可以应用在哪些具体场景? 工业 AR 应用又将如何赋能数字...
  • 探索了一种企业虚拟展示模式的解决方案,提出了企业虚拟展厅的理论、研究方法和关键技术,即以企业特点为设计基础,运用3ds Max动画漫游技术、Cult 3D虚拟交互技术、Dreamweaver网页设计技术实现企业虚拟展厅的构建,...
  • 就是把相机环360度拍摄的一组或多组照片拼接成一个全景平面图像,一个高度互动的3D虚拟现实环境,一种足不出户便如同身临其境的视觉效果。VR全景服务完全基于互联网,参加者不需要安装任何软件,仅需要通过点击一个...
  • 使用ThreeJS在浏览器中展示3D物件

    千次阅读 2015-11-24 01:24:49
    这是一篇介绍如何在浏览器中展示洗面奶3D物件的文章。前言这篇文章仅仅是向你介绍应对下面这种的场景的方法:如果有人突然跟你说,你的皮肤挺不错的耶,你用的什么洗面奶,我也想买一个,你会怎么回答呢?手头又没法...
  • 5款超赞的HTML5 3D效果实例演示

    千次阅读 2014-10-24 13:10:14
    ...是web开发世界的一次...第三个 HTML5 CANVAS 3D效果在线演示实例 效果图: 演示地址: http://www.ui3g.com/code/uicode-55.html   第四个 超炫的html5 canvas 3d立体魔方实例 效果图 演示地址: ...
  • 商迪3D通过汽车建模3D模型VR全景智能虚拟交互三维在线展示车展、3DVR智能线上展厅、3DVR线上4S展馆、3DVR全景看车和汽车三维交互模型等结构展示、汽车设备相关材料、虚拟拆装交互、汽车功全方面展示、工作原理动态...
  • VR这么火,你选UE4还是Unity 3D?

    千次阅读 2019-03-05 16:01:38
    在游戏开发者制作游戏时,面对都是免费、都支持各大平台的UE4和Unity 3D,选择何种游戏引擎,似乎有点难以抉择,左手UE4,右手Unity 3D。今天本文为大家做一点详细分析,希望能为大家带来一些启发。 Unity 3D ...
  • 三维数字可视化产品拆装交互爆炸演示展示确实掀起商品展示的新时代,在H5三维网页展示和产品的深入融合开辟了新的线上Web3D的道路。广泛运用新技术打造更多行业产品适合的Web3D线上数字可视化平台。数字可视化是商品...
  • 现在许多服装都是在电脑上设计完成的,但设计衣服不仅需要美术功底外,更重要的是有一款好的服装设计软件,因此小编今日为大家带来了clo 6,这是一款功能强大且专业的3D服装设计软件,该软件的优势在于具有无与伦比...
  • WEB 3D

    千次阅读 2013-07-05 00:13:19
    WEB3D又称虚拟三维,是一种在虚拟现实技术的基础上,利用3D互联网平台将现实世界中有形的物品通过互联网进行虚拟的三维立体展示并可互动浏览操作的一种虚拟现实技术。相比起目前网上主流的以图片、FLASH、三维动画的...
  • Unity3D实现的一个简单的展示系统

    万次阅读 2009-06-15 18:06:00
    因此采用网页与三维相结合的方式来开发,使用ExtJS作为前端开发库并结合Unity3D(注:U3D并不是唯一选择,所有能和网页脚本交互的三维软件均可),服务器端使用PHP+Mysql的方式实现。同时,通过使用ExtJS中的ajax...
  • HTML5期末大作业:家具网站设计——家具装饰网页模板 (17页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 个人、 美食、 公司、 学校...
  • Cult3D和Web3D的发展历史

    千次阅读 2005-11-23 10:17:00
    roc2005年8月10日15:29 Find Web3D software-Cult3D,ViewPoint,Cult3D的内核是Java,可以嵌入Java类,利用Java来增强交互和扩展,但是对于Viewpoint,它的Xml构架能够和浏览器与数据库达到方便通信。Cult3D的开发...
  • 常见网页设计作业题材有 ​​个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 ...
  • HTML5期末大作业:家居/家电/家居网站设计——html家具装饰网站设计30页(含论文) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 个人...
  • CLO Standalone 通过逼真的3D服装模拟,能够帮助用户设计出非常具有真实性的服装模型,现在大多数设计师都喜欢用电脑完成设计,可以来试试这款软件,功能强大,还提供了渲染功能,不论是多么复杂的服装都可以模拟并...

空空如也

空空如也

1 2 3 4 5 6
收藏数 107
精华内容 42
关键字:

网页3d展厅