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
分享到：
相关推荐
WebGL的普及也得益于中间件生态系统的成熟，开发者可以使用如C3DL、CopperLicht、Three.js等工具库，简化开发流程，提高开发效率。这些工具库提供了丰富的功能，帮助开发者快速构建复杂的3D场景和应用。 然而，...
内容来源于网络分享，如有侵权请联系我删除。另外如果没有积分的同学需要下载，请私信我。
深圳建设施工项目安全生产奖惩管理制度
离散数学课后题答案+sdut往年试卷+复习提纲资料
04741计算机网络原理 2018(尚德）.pdf 13年试题（2套）.pdf 2015年10月自考计算机网络原理04741试题及答案解析.docx 2021年4月自考04741计算机网络原理真题及答案.docx 2021年4月自考04741计算机网络原理试卷.bak.docx 计算机网络原理 课后题答案 全 李全龙版 自考04741.zip.zip 计算机网络原理课件 计算机网络原理课件.rar
C++实现rpc，全程手写
前端拿到的列表数据里id都一样的处理办法.txt
最新仿720云全景制作源码|krpano仿720云全景网站源码（新增微信支付+打赏+场景红包等）是一款基于php+mysql开发制作的全景在线制作网站源码，包含全景图片，全景视频等。数据存储全部存于OSS云端或本地，源码完全开源可自行二次开发。 环境要求:PHP5.5.X+MYSQL5.6.X+伪静态 熟悉linux系统推荐使用LAMP，web服务器最好使用apache，不要使用nginx(发布大全景图需要时间可能需要20多分钟， nginx超时机制不好控制)。 Windows系统推荐使用phpstudy。Liunx推荐宝塔控制面板apache 前端为HTML5开发，自适应手机版! 1、支持VR虚拟现实、全景视频、环物全景、说一说、点赞评论、重力感应、智能视频嵌入、场景切换热点、加载进度条、 地图导航、光晕flash特效、物体全景嵌入、场景自播、场景解说、雷达导航等业内前沿功能。 2、支持windows、Linux、Mac、安卓、IOS等几乎所有的系统观看。支持CDN图片转存，极大的减轻的服务器流量费用。 3、支持用户权限分配。方便会员制收费。
YOLO系列算法目标检测数据集，包含标签，可以直接训练模型和验证测试，数据集已经划分好，包含数据集配置文件data.yaml，适用yolov5,yolov8,yolov9,yolov7,yolov10,yolo11算法； 包含两种标签格:yolo格式（txt文件）和voc格式（xml文件），分别保存在两个文件夹中，文件名末尾是部分类别名称; yolo格式：<class> <x_center> <y_center> <width> <height>， 其中： <class> 是目标的类别索引（从0开始）。 <x_center> 和 <y_center> 是目标框中心点的x和y坐标，这些坐标是相对于图像宽度和高度的比例值，范围在0到1之间。 <width> 和 <height> 是目标框的宽度和高度，也是相对于图像宽度和高度的比例值； 【注】可以下拉页面，在资源详情处查看标签具体内容；
环境监测系统源代码全套技术资料.zip
Matlab领域上传的视频均有对应的完整代码，皆可运行，亲测可用，适合小白； 1、代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作
四轮转向系统横摆角速度控制simulink仿真模型，利用滑模控制算法，基于八自由度车辆模型，控制有比较好的效果，附参考说明。
YOLO系列算法目标检测数据集，包含标签，可以直接训练模型和验证测试，数据集已经划分好，包含数据集配置文件data.yaml，适用yolov5,yolov8,yolov9,yolov7,yolov10,yolo11算法； 包含两种标签格:yolo格式（txt文件）和voc格式（xml文件），分别保存在两个文件夹中，文件名末尾是部分类别名称; yolo格式：<class> <x_center> <y_center> <width> <height>， 其中： <class> 是目标的类别索引（从0开始）。 <x_center> 和 <y_center> 是目标框中心点的x和y坐标，这些坐标是相对于图像宽度和高度的比例值，范围在0到1之间。 <width> 和 <height> 是目标框的宽度和高度，也是相对于图像宽度和高度的比例值； 【注】可以下拉页面，在资源详情处查看标签具体内容；
02142数据结构导论历年真题及答案（2012-2018共13套）.rar 02331数据结构历年真题共267页2009.10-2019.4.rar 24数据结构201704_8.pdf 25数据结构201710_10.pdf 26数据结构201804_11.pdf 27数据结构201810_9.pdf 全国2021年04月高等教育自学考试02331数据结构试题及答案.docx 全国2022年04月高等教育自学考试02331数据结构试题及答案.docx 数据结构-课件.rar 第l六讲.ppt 第一讲.ppt 第七讲.ppt 第三讲.ppt 第九讲.ppt 第二讲.ppt 第五讲.ppt 第八讲.ppt 第四讲.ppt
验收确认单表格.docx
内存搜索工具(易).rar
饮食管理系统项目源代码全套技术资料.zip
【项目简介】 代码主干网络采用Swin-Transformer 家族系列，包括【tiny、small、base】三种模型。pretrained和freeze_layers参数为是否采用官方预训练模型和是否仅训练分类头。为了做对比消融试验，优化器采用了Adam和SGD、AdamW三种。损失函数采用多类别的交叉熵、学习率优化策略采用cos余弦退火算法 【评估网络】 评估的指标采用loss和准确率（accuracy），分别会在训练集和验证集上进行评估、输出、绘制曲线图像。同时会在训练集、验证集进行一系列评估，包含混淆矩阵、recall、precision、F1 score等等曲线图像，以及recall、precision、F1 score、特异度的输出信息等等。 【具体各类别的指标在json文件中查看】 【如果想要更换数据集训练，参考readme文件】 【本项目为8种番茄病害图片（约4k张数据），包含数据集和标签，可以一键运行】
windows电脑下载OpenHarmony鸿蒙命令行工具hdc_std。内容来源于网络分享，如有侵权请联系我删除。另外如果没有积分的同学需要下载，请私信我。
本项目可以作为小程序毕设项目，主要功能为音乐播放器，主要功能是：可以播放歌曲(采用mp3网络连接实现)、专辑封面播放时可以旋转，能够实现开始和暂停播放，可以点击下一首歌曲，主页面实现动态轮播图