C3DL是一个基于HTML5的WEBGL框架,官网地址:http://www.c3dl.org
C3DL网站直接提供了JS LIB的下载和API,还有几个简单的教程,先从教程开始一步步学。
官网教程1说的是对浏览器的选择,选用chrome10,或火狐4.X版本,这里需要注意使用chrome无法直接读取本地文件,需要使用服务器.后续介绍
教程2,运行helloword
第一步,先下载JS LIB。http://www.c3dl.org/index.php/download/ ,(截止2010-12-29最新是2.1)点击最新版本的"Non-compressed release"进行下载。
第二步,用MyEclipse搭建好Web工程及Tomcat.如果使用火狐浏览器可省略,直接运行html就可以
第三步,创建html文档,并引入C3DL JS LIB 下面的c3dapi.js
<body>
<canvas id="tutorial" style="border: 2px solid blue" width="500" height="500"></canvas>
</body>
第三步,创建helloword.js文件并将其引入到HTML内
/*添加回调方法,canvasMain回调函数,tutorial是canvas的元素ID*/
c3dl.addMainCallBack(canvasMain, "tutorial");
c3dl.addModel("duck.dae");
var duck;
/*定义canvasMain函数*/
function canvasMain(canvasName){
/*创建场景并初始化*/
scn = new c3dl.Scene();
scn.setCanvasTag(canvasName);
/*创建渲染器*/
renderer = new c3dl.WebGL();
renderer.createRenderer(this);
scn.setRenderer(renderer);
scn.init(canvasName);
/*判断randerer可用性*/
if(renderer.isReady() )
{
/*创建Collada对象,导入dae模型*/
duck = new c3dl.Collada();
/*设置对象的模型*/
duck.init("duck.dae");
/*设置物体旋转,x,y,z*/
duck.setAngularVel(new Array(0.0, 0.001, 0.0));
/*将物体添加到画布*/
scn.addObjectToScene(duck);
/*创建相机*/
var cam = new c3dl.FreeCamera();
/*相机位置*/
cam.setPosition(new Array(200.0, 300.0, 500.0));
/*相机看的点*/
cam.setLookAtPoint(new Array(0.0, 0.0, 0.0));
/*将相机添加到画布*/
scn.setCamera(cam);
/*开画了*/
scn.startScene();
}
}
第四步,下载以下资源到目录下
dea:http://www.c3dl.org/wp-content/2.0Release/Resources/duck.dae
贴图:http://www.c3dl.org/wp-content/2.0Release/Resources/duck.png
第五步,运行tomcat,访问页面,如果用火狐可以直接打开html文件,在确保路径正确的情况下程序会出现一个黄色的旋转的小鸭子。。。。
分享到:
相关推荐
C3预览工具,各种模型预览,魔域私服工具
TMS320C3xx TMS320C3xx TMS320C3xx TMS320C3xx
C3预览工具_c3viewershell_C3模型浏览_c3模型预览_C3预览工具_C3_源码.rar.rar
c3p0是款强大的数据库连接池 其完整包要到官网下载 第一次使用学习的同学一定很是头大!因为不知道怎么写xml环境配置文件 所以本人稍微做了整理 里面有样板的xml配置文件 注意:1 配置文件名不能乱改(否则c3p0会找不到...
用于导fbx->c3b和查看c3b文件。 打开电脑上任意位置的FBX或C3B,即可查看。 如果打开的是FBX,会将转换后的C3B和纹理图拷到res目录下。 操作: W,S,A,D控制摄像机前进后退左右移动 鼠标左键旋转摄像机 鼠标滚轮拉进...
c3p0 重新自动连接c3p0 重新自动连接c3p0 重新自动连接c3p0 重新自动连接
批量转换当前目录下FBX c3b c3t
java中c3p0数据库连接池使用方法(c3p0-config.xml+c3p0-0.9.2-pre1.jar+JdbcPool_c3p0.java),里面包含了c3p0-0.9.2-pre1.jar、以及配置文件:c3p0-config.xml、以及一个c3p0数据库连接池工具类(只有简单的两个方法...
C3P0数据库连接池和jar包,因为jdbc没有保持连接的能力,一旦超过一定时间没有使用(大约几百毫秒),连接就会被自动释放掉。而每次新建连接都需要140毫秒左右的时间,所以耗费时间比较多。若使用C3P0连接池来池化...
凯翼C3_C3R汽车使用手册用户操作图解驾驶车主车辆说明书pdf电子版下载
C3p0c3p0-0.9.5.5三个jar包使用,匹配mysql8.0等信息,包含mchange-commons-java-0.2.19.jar、c3p0-oracle-thin-extras-0.9.5.5.jar、c3p0-0.9.5.5.jar
c3p0连接池,java jdbc操作
赠送jar包:c3p0-0.9.5.2.jar; 赠送原API文档:c3p0-0.9.5.2-javadoc.jar; 赠送源代码:c3p0-0.9.5.2-sources.jar; 赠送Maven依赖信息文件:c3p0-0.9.5.2.pom; 包含翻译后的API文档:c3p0-0.9.5.2-javadoc-API...
C3P0源码及实例:C3P0资源文件配置、XML文件配置 C3P0源码及实例:C3P0资源文件配置、XML文件配置
c3p0 jar包c3p0 jar包c3p0 jar包c3p0 jar包c3p0 jar包c3p0 jar包c3p0 jar包c3p0 jar包c3p0 jar包c3p0 jar包c3p0 jar包
c3p0配置文件
c3p0配置文件
我的博文 《认识ESP-IDF-v4.3+工程结构(ESP32-C3应用调整示例)》最终工程结构, 使用 自己画的 ESP32-C3 开发板《自己画一块ESP32-C3 的开发板(立创EDA)(PCB到手)》 。 实现了 ESP32-C3 通过 MQTT 协议连接 ...
C3D-lstm_lstmpytorch_c3d论文复现_C3D-lstm_源码.zip
C3P0是一个开源的JDBC连接池,它实现了数据源和JNDI绑定,支持JDBC3规范和JDBC2的标准扩展。目前使用它的开源项目有Hibernate,Spring等。C3P0数据源在项目开发中使用得比较多。导入相关jar包c3p0-0.9.2-pre1.jar、...