`
wjlgryx
  • 浏览: 299343 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

3D引擎CopperLicht

阅读更多

WebGL是一种3D绘图标准,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,WebGL可以为HTML5 Canvas提供硬件3D加速渲染,这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了,还能创建复杂的导航和数据视觉化。显然,WebGL技术标准免去了开发网页专用渲染插件的麻烦,可被用于创建具有复杂3D结构的网站页面,甚至可以用来设计3D网页游戏等等。
WebGL标准已出现在Mozilla Firefox、Apple Safari及开发者预览版Google Chrome等浏览器中,这项技术支持Web开发人员借助系统显示芯片在浏览器中展示各种3D模型和场景,未来有望推出3D网页游戏及复杂3D结构的网站页面。




Copperlicht是一个新的WebGL 3D引擎,特性如下:

1、一个名为CopperCube的3D World编辑器;
2、支持很多3D格式: .3ds, .obj, .x, .lwo, .b3d, .csm, .dae, .dmf, .oct, .irrmesh, .ms3d, .my3D, .mesh, .lmts, .bsp, .md2, .stl. 等…;
3、速度难以置信的快:Copperlicht进行了高度的优化;
4、使用简单:有很多教学和一些实例文档;
5、二进制编译:不像其他的WebGL 3D引擎,它可以将3D meshe编译成一个小巧的二进制文件,能够快速的下载使用;

下面我们就进入CopperLicht 的第一课:Hello World
CopperLicht是一个新的基于javascript的WebGL 3D引擎。
要实现的场景如下图:






第一步,我们需要做一下准备工作:
1、一个脚本编辑器,用来编辑HTML和JavaScript,例如Notepad++;
2、CopperLicht SDK开发包;
3、三维场景编辑器:CopperCube现在是2.2.1版),可以到官方去下载试用版。

生成三维场景

这里我们用三维场景编辑器:CopperCube来生成场景,打开CopperCube,生成一个小的三维场景,我们可以用一个全景天空图,同时生成一些箱体或球体,生成场景如下:






发布你的场景

为了在CopperLicht中显示该场景,我们需要把场景输出为一个.ccbjs文件,CopperCube自己保存的文件为(.ccb) 格式的,但是要在CopperLicht中使用,我们必须输出(.ccbjs)格式文件。
在CopperCube中保存场景,然后发布为WebGL格式,操作如下:Tools -> Test as JavaScript/WebGL ,这时我们可以看到我们在浏览器中作为WebGL格式看到了我们的场景,在这个过程中,CopperCube做了这些工作:启动了CopperLicht,导入并显示.ccbjs文件,这个过程中在你保存.ccb文件的文件夹,你会看到多出一个子目录文件夹(copperlichtdata),里面带有.ccbjs文件和材质。





1、保存Coppercube文件;
2、发布场景WebGL: Choose Tools -> Test as JavaScript/WebGL ;
我们会看到场景自动就执行了,我们可以看到浏览器上显示了我们的场景,提示:请用谷歌浏览器 Canary 版,并设为系统默认浏览器。

编写CopperLicht 代码

当我们在CopperCube中以CopperLicht/WebGL的形式发布完项目后,我们需要用CopperLicht这个三维引擎来编写代码了。CopperCube发布项目的时候,生成了一个.html文件,打开该文件:
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <script type="text/javascript" src="copperlichtdata/copperlicht.js"></script>
</head>
<body>

 

    <canvas id="3darea" width="640" height="480" style="background-color:#000000">
      </canvas>
   


    <script type="text/javascript">
    <!--
         startCopperLichtFromFile('3darea', 'copperlichtdata/coppercube.ccbjs');
    -->
    </script>
</body>
</html>
我们注意到这里面的startCopperLichtFromFile,从这里我们的三维引擎可以生成并导入.ccbj文件。

我们可以用下面的代码:
var engine = startCopperCubeFromFile('3darea', 'copperlichtdata/yourfile.ccbj')
// TODO: do something with the engine
复制代码




engine对象是CopperLicht类的实体,通过它你可以操作其中的三维场景,下面我们会进步一边详细讲解。

copperLicht.js这个就是引擎的类文件,你可以下载用最新版。

 

  • 大小: 20.5 KB
  • 大小: 39.4 KB
  • 大小: 57.4 KB
  • 大小: 191.8 KB
分享到:
评论

相关推荐

    html5资源收集合集

    3D引擎CopperLicht(二) c3dl资源分享 openGL讲义 OpenGL入门教程 WebGL 和 3D 图形 WebGL广播站c3dl学习手册 WebGL规范1.0 webGL教程4:实现三维效果 开始学习c3dl(Canvas 3D JS Libary) 如何...

    材料装订目录(其他证明材料部分).doc

    材料装订目录(其他证明材料部分).doc

    INFO optimization algorithm.zip

    多种智能优化算法设计开发应用,可供学习交流,不断更新资源

    毕业论文写作技巧总结.pdf

    撰写毕业论文是一个复杂且耗时的过程,但通过掌握一些关键的写作技巧,你可以使这个过程变得更加高效和成功。以下是一些有用的写作技巧,可以帮助你撰写出高质量的本科毕业论文。本文介绍毕业设计的写作技巧的几个关键步骤和要点。

    Golang_GoJump通过学习你的习惯来帮助你更快地导航.zip

    Golang_GoJump通过学习你的习惯来帮助你更快地导航

    微信小程序-饿了吗小程序项目源码-原生开发框架-含效果截图示例.zip

    微信小程序凭借其独特的优势,在移动应用市场中占据了一席之地。首先,微信小程序无需下载安装,用户通过微信即可直接使用,极大地降低了使用门槛。其次,小程序拥有与原生应用相近的用户体验,同时加载速度快,响应迅速,保证了良好的使用感受。此外,微信小程序还提供了丰富的API接口,支持开发者轻松接入微信支付、用户授权等功能,为开发者提供了更多的可能性。 微信小程序-项目源码-原生开发框架。想要快速打造爆款小程序吗?这里有一份原生开发框架的项目源码等你来探索!基于微信小程序的强大生态,这份源码将带你领略原生开发的魅力,实现快速迭代与高效开发。从用户授权到微信支付,从界面设计到功能实现,一切尽在掌握。赶快下载查看,让你的小程序项目在竞争激烈的市场中脱颖而出!

    微信小程序-奥多停车小程序小程序项目源码-原生开发框架-含效果截图示例.zip

    微信小程序凭借其独特的优势,在移动应用市场中占据了一席之地。首先,微信小程序无需下载安装,用户通过微信即可直接使用,极大地降低了使用门槛。其次,小程序拥有与原生应用相近的用户体验,同时加载速度快,响应迅速,保证了良好的使用感受。此外,微信小程序还提供了丰富的API接口,支持开发者轻松接入微信支付、用户授权等功能,为开发者提供了更多的可能性。 微信小程序-项目源码-原生开发框架。想要快速打造爆款小程序吗?这里有一份原生开发框架的项目源码等你来探索!基于微信小程序的强大生态,这份源码将带你领略原生开发的魅力,实现快速迭代与高效开发。从用户授权到微信支付,从界面设计到功能实现,一切尽在掌握。赶快下载查看,让你的小程序项目在竞争激烈的市场中脱颖而出!

    微信小程序-抽奖转盘小程序项目源码-原生开发框架-含效果截图示例.zip

    微信小程序凭借其独特的优势,在移动应用市场中占据了一席之地。首先,微信小程序无需下载安装,用户通过微信即可直接使用,极大地降低了使用门槛。其次,小程序拥有与原生应用相近的用户体验,同时加载速度快,响应迅速,保证了良好的使用感受。此外,微信小程序还提供了丰富的API接口,支持开发者轻松接入微信支付、用户授权等功能,为开发者提供了更多的可能性。 微信小程序-项目源码-原生开发框架。想要快速打造爆款小程序吗?这里有一份原生开发框架的项目源码等你来探索!基于微信小程序的强大生态,这份源码将带你领略原生开发的魅力,实现快速迭代与高效开发。从用户授权到微信支付,从界面设计到功能实现,一切尽在掌握。赶快下载查看,让你的小程序项目在竞争激烈的市场中脱颖而出!

    ipython-8.3.0.tar.gz

    Python库是一组预先编写的代码模块,旨在帮助开发者实现特定的编程任务,无需从零开始编写代码。这些库可以包括各种功能,如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库,如NumPy、Pandas和Requests,极大地丰富了Python的应用领域,从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径,而且为经验丰富的开发者提供了强大的工具,以高效率、高质量地完成复杂任务。例如,Matplotlib和Seaborn库在数据可视化领域内非常受欢迎,它们提供了广泛的工具和技术,可以创建高度定制化的图表和图形,帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。

    HTML5仿微信朋友圈UI界面,免费下载

    HTML5仿微信朋友圈UI界面,免费下载HTML5仿微信朋友圈UI界面,免费下载HTML5仿微信朋友圈UI界面,免费下载HTML5仿微信朋友圈UI界面,免费下载HTML5仿微信朋友圈UI界面,免费下载HTML5仿微信朋友圈UI界面,免费下载HTML5仿微信朋友圈UI界面,免费下载HTML5仿微信朋友圈UI界面,免费下载HTML5仿微信朋友圈UI界面,免费下载HTML5仿微信朋友圈UI界面,免费下载HTML5仿微信朋友圈UI界面,免费下载HTML5仿微信朋友圈UI界面,免费下载HTML5仿微信朋友圈UI界面,免费下载HTML5仿微信朋友圈UI界面,免费下载HTML5仿微信朋友圈UI界面,免费下载HTML5仿微信朋友圈UI界面,免费下载HTML5仿微信朋友圈UI界面,免费下载HTML5仿微信朋友圈UI界面,免费下载HTML5仿微信朋友圈UI界面,免费下载HTML5仿微信朋友圈UI界面,免费下载HTML5仿微信朋友圈UI界面,免费下载HTML5仿微信朋友圈UI界面,免费下载HTML5仿微信朋友圈UI界面,免费下载HTML5仿微信朋友圈UI界面,免费下载HTML5仿微信朋友圈UI界面,免费下载

    毕业设计MATLAB_通过确定LYAPUNOV指数实现混沌检测的算法.zip

    毕业设计MATLAB_通过确定LYAPUNOV指数实现混沌检测的算法.zip

    libaacs-0.3.1-1.fc17.armv7hl.rpm

    安装:rpm -i xx.rpm

    团长头像制作小程序源码 支持流量主

    最近各类团长挺火的 然后就诞生了这款团长头像制作器 支持流量主模式 支持自定义文字,和拥有各种团长模板等等。

    YOLOv10是YOLO(You Only Look Once)系列中的最新成员,该系列以其高效和准确的目标检测能力在计算机视觉

    YOLOv10是YOLO(You Only Look Once)系列中的最新成员,该系列以其高效和准确的目标检测能力在计算机视觉领域享有盛誉。以下是关于YOLOv10的详细介绍: 背景与动机: YOLO系列模型自YOLOv1以来,一直在追求实时目标检测的高性能和效率。然而,先前的版本存在如后处理依赖、计算冗余等问题,限制了模型的能力。 YOLOv10旨在从后处理和模型架构两个方面进一步推进YOLOs的性能效率边界。 关键技术特点: 一致的双任务方法:用于无NMS(非最大抑制)训练的YOLOs,同时带来了具有竞争力的性能和较低的推理延迟。 整体效率-精度驱动的模型设计策略:从效率和精度两个角度对YOLOs的各个组成部分进行了全面优化,大大降低了计算开销,增强了性能。 性能表现: YOLOv10在各种模型尺度上都达到了最先进的性能和效率。 例如,YOLOv10-S在COCO数据集上类似的AP(平均精度)下比RT-DETR-R18快1.8倍,同时参数数量和FLOPs(浮点运算次数)减少2.8倍。 与YOLOv9-C相比,在相同性能下,YOLOv10-B的延迟减少了46%,参数减少了25%。

    初学者入门必备C语言基础知识大汇总.docx

    c语言入门初学者入门必备C语言基础知识大汇总.docx

    (解压密码1234) C#混淆加密大师1.1.0

    C#混淆加密大师可以加密混淆C#编写的dll和exe程序(包括Winform程序, WPF程序, Unity游戏程序,控制台程序等),支持.Net Framework 2.0 ~ .Net Framework 4.x, 以及.NET Core 2.0 - .NET 8。 除了加密混淆代码功能,C#混淆加密大师还可以对EXE程序进行加壳,增加防篡改,注入垃圾数据等功能,可以有效保护C#编写的程序代码知识产权,防止代码逻辑被拷贝,以及程序被篡改等。 1. 支持多种不同的程序框架: 包括Winform程序, WPF程序, Unity游戏程序,控制台程序等 2. 支持不同版本的Framework, 包括.Net Framework 2.0 - .Net Framework 4.x 以及.NET Core 2.0 - .NET 8 3. 支持字符串加密,流程控制,方法重命名,域重命名,数字混淆等多种混淆功能 4. 支持加壳,防篡改,防反编译工具等功能 5. 支持注入垃圾函数,类型,字符串等 6. 支持多种重命名规则

    程序员必备的数据结构和算法知识

    以脑图的方式,结构非常清晰的整理我们作为开发人员采用到的数据结构和算法

    JAVA图书馆项目代码

    JAVA图书馆项目代码

    医师定期考核工作安排表.docx

    医师定期考核工作安排表.docx

    内酰胺酶抑制剂复方制剂药代动力学参数表.docx

    内酰胺酶抑制剂复方制剂药代动力学参数表.docx

Global site tag (gtag.js) - Google Analytics