O3D技术简介(二)

使用O3D javascript API构建一个O3D应用 在HTML中导入所需要的js包。O3D Example <!--//o3d js// --> O3D Example 一个复杂的3D应用包含场景、摄像机、3D几何体、灯管和材质等。o3djs.require(o3djs.util);o3djs.require(o3djs.rendergraph 阅读详情

 

导入内容

 

      调用O3D库可以直接在应用程序上绘制基本形状(如点,线,三角形,三角面,三角柱形(triangle fan??)) 。如下所示O3D提供的示例显示如何从一个COLLADA文件导入内容,COLLADA转换器从3D内容创建应用程序导入内容,如Autodesk 3ds Max, Maya和Google SketchUp。

 

  如上图所示, 最初的从3ds Max,Maya和SketchUp导入的COLLADA文件被COLLADA转换器(上方绿色方块)转换 ,然后供O3D场景图的API使用 。编写转换器和加载机时可以参阅开发人员指南导入场景部分获得更多信息。

什么是场景API?

 

     O3D场景API被用来创建一个转换图和一个渲染图,转换图保存对象的位置,尺寸,阴影,材质和3D程序最基础的着色信息。渲染图存储这些3D对象是如何转变为实际的像素并显示在用户的屏幕上的信息,渲染图作用于以下几个方面:

    1.渲染图包含视图中隐藏的3D形状。

    2.渲染图可以穿过转换图来绘制原始图元。

    3.渲染图可以通过处理复杂的计算来达到特殊的渲染效果,如透明,多视角和模糊

编写的应用程序首先应该为3D世界构建一个转换图和一个为绘图细节准备的基础渲染图。然后O3D将穿过渲染图去显示3D内容,当然渲染图的信息是来之于转换图的。这种方法与那些发出绘制命令并立即执行的快速模式截然不同。

转换图

    转换包含一个矩阵,其详述了在三维空间中如何关联已经定义位置和尺寸的形状。转换图是一个已安排在父/子层中的转变的有序集合。应用程序的变换图在树形目录的顶端有一个根本转变,任何其他的子变换排列都将排在根目录的分支上。转换有一个累计效应,也就是说高一级的变换可以作用于此低一级的分支上。

形状

     转换可以有一个或多个形状与它相关。一个形状可以定义一块已经定义位置和尺寸的几何图像作为一个图元。反过来,形状是每一个都有不同材质的原始图元组成。形状被独立定义,然后与一个定义在局部坐标空间的转换交互。例如,如果你想建一个具有四条腿桌子的模型,您将先创建桌子腿的模型,然后你在四个定义好的位置对桌腿进行转换。接着,您将创建桌面并在四条腿的上方进行一次转换。最后,您将为整个桌子模型创建一个根转换,然后移动到合适的位置。转换和形状的基本变换如下图所示:

 

 

 

 

O3D 物体 编辑器 实现O3D的布局,拖动、旋转(FireFox) 立即下载

相关推荐

google o3d 编程例子1

google开发的web3d编程APT o3d.提供的各种3d效果例子,因文件太大,分三个包传上

O3D 简明入门

O3D是google公司开发的一套用于web3D开发的javascript API,是为了创建基于网页的3D图形操作界面和3D游戏而开发。网上经常有人把它拿来和OpenGL作比较,实际上,O3D可以看做是对OpenGL和D3D的封装。O3D的架构如下所示,底层是基于OpengGL和Direct3D接口实现,支持顶点shader和像素shader,支持GPU加速运算,因此,在不考虑带宽限

啥东西都张罗 3084

YOLOv5 改进点总览:轻量化、高精度的背后有哪些魔改?

YOLOv5是由Ultralytics团队开发的高效目标检测模型,其核心改进包括:主干网络采用CSPDarknet53提升梯度传播效率;特征融合使用PANet增强小目标识别;输出结构采用解耦头设计优化定位和分类任务。此外,YOLOv5通过CIoU损失函数、Mosaic数据增强和SimOTA标签分配机制进一步提升性能。模型支持多种推理格式(ONNX/TensorRT等),并具备自动锚框匹配和多尺度训练功能,使其在轻量化(yolov5s仅7MB)与高性能(最高51.2% mAP)间取得平衡,但缺乏正式论文支撑是

guoguozgw的博客 1805

O3D学习笔记[一]素材准备*.3ds转成*.o3dtgz

  今天想学习下Google的o3d,老家网址:http://code.google.com/p/o3d/ 这里是AIP,有Samples:http://code.google.com/intl/zh-CN/apis/o3d/ 看一下,想象一下自己以后也能做出更好的效果,加点动力。   o3d支持的是*.o3dtgz文件,要把3d模型转成*.o3dtgz,才可以被o3d读取,否则不能用。利用...

好心情的博客 448

搭建Dzzoffice 教程

通过以上步骤,您已经成功配置了WEB环境,安装了DzzOffice,并完成了系统设置和应用安装。1.安装包的设置默认是系统盘之外的第二个盘,没有其他盘符的时候则安装在C盘,当主机盘符只有C盘可用的时候,安装时不要使用U盘,否则可能误装到U盘当中。4.如果之前已经安装,再次安装时请确保上次安装已经卸载或者所有文件可读,否则请备份文件,卸载之后再安装。在其他安装环境中,我没有相关的使用经验。3. 保证安装路径是纯净的,安装路径下不能有已安装的V8版本,若重新安装,请选择其它路径。

小胡的博客 4950

TI IWR6843AOP雷达+DCA1000EVM数据采集:官方手册里的坑,我帮你踩完了

本文详细解析了TI IWR6843AOP雷达与DCA1000EVM数据采集实战中的12个关键细节,包括硬件连接陷阱、mmWave Studio隐藏设置、数据采集参数优化等,帮助开发者避开官方手册未提及的常见问题,提升数据采集效率和系统稳定性。

weixin_28366475的博客 1102

怎样将3dmax模型转换为*.o3dtgz

     要用o3d API在场景中导入3dmax建的模型,需要将模型转换为*.o3dtgz文件。转化之后的文件才可以被o3d读取,否则不能加载到场景中。转换之后,利用javascript场景加载函数o3djs.scene.loadScene()加载转换之后的.o3dtgz文件,就可将模型加载到场景中。下面我们就说一下怎样利用3dmax2008导出 COLLADA 文件,即*.dae文件,并将.d

o3d_tech 5392

ArcGIS中利用DEM数据生成地形图既视感的等高线;利用掩膜进行等高线注记;DEM的可视化表达总结

文章目录前言一、效果图展示二、地形(DEM)可视化表达1.一维可视化2.二维可视化2.三维可视化二、ArcGIS中利用DEM数据制作等高线2.三维可视化2.三维可视化2.三维可视化2.三维可视化二、ArcGIS中利用DEM数据制作等高线2.三维可视化2.三维可视化2.三维可视化总结 前言 最近老师布置作业:DEM的可视化表达。想做一个等高线地形图那样、看起来高级一点的等高线,可是我看网上大多数教程都只展示了【等值线】工具,做出来效果都一般。我自认为自己做出来的效果还可以,把步骤分享给大家。 一、

pink_pig__的博客 5万+

o3D引擎--怎样将3dmax模型转换为*.o3dtgz

要用o3d API在场景中导入3dmax建的模型,需要将模型转换为*.o3dtgz文件。转化之后的文件才可以被o3d读取,否则不能加载到场景中。转换之后,利用javascript场景加载函数o3djs.scene.loadScene()加载转换之后的.o3dtgz文件,就可将模型加载到场景中。下面我们就说一下怎样利用3dmax2008导出 COLLADA 文件,即*.dae文件,并将.dae...

wjlgryx的专栏 482

从仿真到实战:PMOS缓启动与栅极泄放电路的优化设计

本文深入探讨了PMOS缓启动与栅极泄放电路的优化设计,通过立创EDA仿真和实物调试,解决了关断速度慢和耐压问题。文章详细介绍了电路改进方案和低功耗优化技巧,为工程师提供了实用的工程实践建议,帮助提升电源开关电路的性能和可靠性。

weixin_28721917的博客 260

SpringBoot+Maven打包实战:把项目变成SDK供其他团队调用

本文详细介绍了如何将SpringBoot项目改造并打包成可被其他项目依赖的SDK。通过调整Maven配置,剥离SpringBoot父依赖与启动类,并定制打包插件,最终生成标准的JAR依赖库,实现从“可执行应用”到“组件化SDK”的优雅转变,便于团队间功能复用。

assembly8low的博客 826

O3D技术简介(一)

O3D是谷歌(Google)最近推出的一个面向web网络应用的开源的API库。可以开发丰富的基于浏览器的网络3D应用程序。利用本技术开发的应用具有效率高、运行稳定、三维效果丰富等优点。另外,利用O3D技术开发的web应用程序可以跨平台使用,如可以被windows、Mac-OS、Linux的用户使用。O3D技术可以很好的被绝大多数浏览器支持,如Firefox, Safari、Google Chrom

o3d_tech 1625

【论文汇总】Diffusion Models视频生成/视频编辑/可控视频生成/跨模态视频生成

本文总结了Diffusion Models视频生成领域相关的工作,目前共收录142篇,持续更新中。

沉迷单车的追风少年 1672

o3d 简介

    O3D是一种开源的JavaScript API,可以创造交互式三维图形应用,这些应用能够在浏览器窗口中运行,例如游戏,广告,三维模型浏览,产品演示,虚拟世界等。 O3D扩展了基于Web的客户端软件,通过以下方面:    1、系统:O3D提供了一个浏览器插件,增强标准网页浏览器的图形处理能力,包括Windows , Macintosh和Linux (TBP??不晓得什么意思)平台。    2...

wjlgryx的专栏 472

【安全设备篇】HVV面试专题

还有就是这个可能是被访问的这个内网系统,本身业务系统存在业务逻辑问题,因为内网所布置的很多业务系统往往不会考虑一些安全性问题,比如在正常的业务逻辑请求中直接带了sql语句,就会触发设备规则产生告警,这一类是属于误报,然后会将此告警上报给研判人员,需要研判组专家和甲方客户确认下是否是该系统存在此业务逻辑问题,并且需要确认告警的源ip在此告警的时间段附近有没有进行操作过。天眼日志分析主要基于系统和应用程序的日志数据来识别安全威胁,而威胁感知则通过收集和分析多种来源的情报信息。理解威胁的性质和威胁背后的原理。

大河之犬的博客 7923

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

O3D简介

O3D Technical OverviewO3D is an open-source JavaScript API for creating interactive 3D graphics applications that run in a browser window—games, ads, 3D model viewers, product demos, virtual wor

啥东西都张罗 1659

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

第1章—O3D程序框架

一、要创建一个o3d项目需要做的基本工作      1、生成o3d对象      2、给全局变量赋值并且初始化API库      3、生成pack包,用于管理所有产生的o3d对象      4、生成渲染图形      5、建立上绘图环境(透视网格和视图转换)      6、生成效果,并加载渲染信息      7、生成素材和形状,设置素材列表及其他素材参数     

o3d_tech 1975

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能:商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传,基本资料下载,开钱箱、小票打印、收款结算,支持多币种付款方式(现金、储值卡、礼券、微信等),支持多种促销。运行环境:.net 4.0登陆信息用户名:1001 密码:123456内置商品信息,商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0, 兼容Win7/Win10/WinXP,解压就可用。

O3D介绍

转自:http://xml.iteye.com/blog/531493 1、O3D简介 O3D是google公司开发的一款网页上运行的3D图形接口,是为了创建基于网页的3D图形操作界面和3D游戏而开发。 2、O3D结构 O3D支持GPU加速运算,底层是基于OpengGL和Direct3D接口实现,支持顶点shader和像素shader。O3D提供的JavaScript...

diyuan365760的专栏 281

O3D 编程起步

    1.  下载 o3djs  js库 ,下载地址为 http://o3d.googlecode.com/svn/trunk/samples/o3djs/,请下载所有的js库并放入一个文件夹中,文件夹名可任意,但建议命名为 o3djs 。2.  引入base.js , type="text/javascript" src="o3djs/base.js"> 网页和文

fieldyang的专栏 1155

o3d 文档原文

Basic TasksThe basic tasks performed in an O3D program are the following:1:Create the O3D object.2:Assign values to global variables and initialize utility libraries.3:Create the pack to manage O3D ob...

wjlgryx的专栏 181

o3d教程2 - shapes

 这一章介绍怎么用顶点数组创建一个3D模型,如何创建一个shape对象,缓冲(buffers),域(fields)等等。    由于要定义这个3D模型的每个顶点,然后存入顶点数组,所以这章不会画出一个比较复杂的3D模型,我们只是画一个立方体来说明如何创建一个3D模型,如果对于一个复杂的3D模型还是一个个顶点画的话,只能说太牛逼

luckdog_hot的专栏 1243

o3d教程1 - 基本程序框架

O3d是一套开源的javascript API, 用来制作在浏览器中运行的3D游戏,当然也可以用来展示商家的产品,做一些3D模型。这系列教程会用一个个例子来展示如何写一个o3d程序,展示o3d所能够做的应用。    巧妇难为无米之炊,首先当然需要一些基本的东西,像o3d插件,这个可以在google code中获取,给个

luckdog_hot的专栏 2090

o3d 简单介绍

调用O3D库可以直接在应用程序上绘制基本形状(如点,线,三角形,三角面,三角柱形(triangle fan??)) 。如下所示O3D提供的示例显示如何从一个COLLADA文件导入内容,COLLADA转换器从3D内容创建应用程序导入内容,如Autodesk 3ds Max, Maya和Google SketchUp。  如上图所示, 最初的从3ds Max,Maya和SketchUp导入的COLLA...

wjlgryx的专栏 366

google 3d 技术 o3d

http://code.google.com/intl/zh-CN/apis/o3d/

每天一篇文章 291
上一篇: 使用O3D javascript API构建一个O3D应用
下一篇: 牛司朋的blog
O3D_tech
博客等级 码龄17年 24粉丝 21原创
评论 4
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值