2020年3月9日

three.js中让模型自动居中的代码如下：

摘要： //load_Model为需要居中的3D模型 //原理是通过boundingBoxHelper 来计算模型的大小范围 var hex = 0xff0000; var MD_Length,MD_Width,MD_height;//记录长宽高 var BaxH = new THREE.BoundingB 阅读全文

posted @ 2020-03-09 19:12 dawn888 阅读(2484) 评论(0) 推荐(0) 编辑

three.js obj转js的详细步骤 convert_obj_three.py的用法

摘要： three.js是最近非常流行的一个前端webgl库。 js格式的模型文件是three.js中可以直接加载的文件。使用THREE.JSONLoader()直接加载，而不需要引用其它的loader插件。 obj格式转js格式使用的是threejs.org官方提供的一个convert_obj_three 阅读全文

posted @ 2020-03-09 19:07 dawn888 阅读(2199) 评论(0) 推荐(0) 编辑

three.js - 一个javascript 3D代码库

摘要： 这个项目的目的是用最简单的开发模式创建一个轻量级的3 d代码库，这个js库提供了canvas,svg,css3d和webgl这四种渲染方式。 下载地址: 下载地址：https://github.com/mrdoob/three.js/archive/master.zip 目录结构： .github目 阅读全文

posted @ 2020-03-09 18:53 dawn888 阅读(870) 评论(0) 推荐(0) 编辑

Web三维编程入门总结之三：3D碰撞检测初探

摘要： 自己动手写一个方法比分析他人的写的方法困难很多，由此而来的对程序的进一步理解也是分析别人的代码很难得到的。 一、先来几张效果图： 1、场景中有两个半径为1的球体，蓝色线段从球心出发指向球体的“正向” 2、物体被选中后改变纹理图片和透明度，可以使用“w、s、a、d、空格、ctrl”控制物体相对于物体的 阅读全文

posted @ 2020-03-09 18:07 dawn888 阅读(886) 评论(1) 推荐(0) 编辑

Web三维编程入门总结之二：面向对象的基础Web3D框架

摘要： 本篇主要通过分析Tony Parisi的sim.js库（原版代码托管于：https://github.com/tparisi/WebGLBook/tree/master/sim），总结基础Web3D框架的编写方法。在上一篇的基础上，要求读者具有简短英文阅读或者查字典的能力。 限于水平和时间，本文难免 阅读全文

posted @ 2020-03-09 17:59 dawn888 阅读(740) 评论(0) 推荐(0) 编辑

Web三维编程入门总结之一：WebGL与Threejs入门知识

摘要： 1 /*在这里对这段时间学习的3D编程知识做个总结，以备再次出发。计划分成“webgl与three.js基础介绍”、“面向对象的基础3D场景框架编写”、“模型导入与简单3D游戏编写”三个部分，其他零散知识以后有机会再总结。*/ 2 /*第一部分，webgl与three.js基础介绍，要求读者掌握Ja 阅读全文

posted @ 2020-03-09 15:58 dawn888 阅读(2575) 评论(0) 推荐(0) 编辑

主流浏览器css兼容问题的总结

摘要： 最近又搞了一波网站的兼容,由于要求ie浏览器还是要兼容到ie8，所以调起来还是各种蛋疼。 现在就post一些做兼容的总结，可能不够全面，但是可以告诉大家如何避过一些坑。主要测试了chrome，firefox，ie8、9、11，360浏览器。 一、基本的css兼容： 1、可能很多人喜欢用css hac 阅读全文

posted @ 2020-03-09 10:27 dawn888 阅读(527) 评论(0) 推荐(0) 编辑

导航