OurJS


OurJS-我们的JS, 我们的技术-IT文摘; 专注JS相关领域;
我们热爱编程, 我们热爱技术;我们是高大上, 有品味的码农;

欢迎您订阅我们的技术周刊


我们会向您分享我们精心收集整理的,最新的行业资讯,技术动态,外文翻译,热点文章;
我们使用第三方邮件列表向您推送,我们不保存您的任何个人资料,注重您的隐私,您可以随时退订,

欢迎分享您的观点,经验,技巧,心得

让我们一起找寻程序员的快乐,探索技术, 发现IT人生的乐趣;


本网站使用缓存技术每次加载仅需很小流量, 可在手机中流畅浏览;
如果您发现任何BUG,请即时告知我们: ourjs(at)ourjs.com

LightGL轻量级的WebGL 3D渲染库


分享到
分类 JS开源   关键字 开源   发布 ourjs  1433988826711
注意 转载须保留原文链接,译文链接,作者译者等信息。  
这个库可以更容易地快速创建WebGL应用程序原型。它比许多其它的WebGL库更底层,它不提供场景图(scene graph),它重新实现了OpenGL的modelview/投影矩阵堆栈,并提供类似的功能。它还重新推出GLSL的一些内置服务(如gl_Vertex和gl_ModelViewProjectionMatrix)和OpenGL的直接模式。


编译这个库


python build.py: 在src目录构建 lightgl.js
python build.py debug:内容改变后将立即从src重新编译
python build.py release:运行时需要使用谷歌JS编译器,假设你已经安装了 compiler.jar
docco的src / * JS: 这是在文档生成目录


示例代码


<!DOCTYPE html>
<html><body>
  <script src="lightgl.js"></script>
  <script>

var angle = 0;
var gl = GL.create();
var mesh = GL.Mesh.cube();
var shader = new GL.Shader('\
  void main() {\
    gl_Position = gl_ModelViewProjectionMatrix * gl_Vertex;\
  }\
', '\
  void main() {\
    gl_FragColor = vec4(1.0, 0.0, 0.0, 1.0);\
  }\
');

gl.onupdate = function(seconds) {
  angle += 45 * seconds;
};

gl.ondraw = function() {
  gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
  gl.loadIdentity();
  gl.translate(0, 0, -5);
  gl.rotate(30, 1, 0, 0);
  gl.rotate(angle, 0, 1, 0);

  shader.draw(mesh);
};

gl.fullscreen();
gl.animate();

  </script>
</body></html>



例子:


简单的旋转立方体
多纹理
第一场景相机
现场操作
OpenGL的直接模式
渲染纹理
点光源阴影贴图
实时光线追踪
构造立体几何
GPU发光源


原文地址: 点此
社区评论 ( Beta版 )
  • #0 曾行成 1434292269180

    汗!编辑也太不认真了吧!“编译”都写“编绎”了。

  • #1 ourjs 1434292591377

    @曾行成 #0

    感谢指出,已经更正

  • #2 open-node 1434342580490

    这个代码也太丑了吧。

OnceDoc 您自己的企业内容管理系统——文档、流程、知识库、报表、网盘All In One

访问404页面,寻找丢失儿童
 热门文章 - 分享最多
  1. 我是怎么从顾虑到热爱ReactJS的(与AngularJS经典MVC数据绑定的对比)
  2. 基于JavaScript的DDoS首次通过安全的浏览器发动攻击(百度被劫持攻击Github的原理和过程)
  3. 编写高性能HTML网页应用
  4. 几款开源的图形化Redis客户端管理软件
  5. WordPress 4.3核心功能将放弃PHP并使用Node.JS重写[4.1]
  6. JavaScript变量作用域(Variable Scope)和闭包(closure)的基础知识
  7. Image Lazy Load:那些延时加载图片的开源插件(jQuery)
  8. 创建自定义的jQuery补间动画运动函数及其实现的数学原理
  9. JSON序列化(stringify)对象时排除某些属性的两种方法
  10. JavaScript中的哈希表(Hash Maps的最佳实践)
  11. AirJD-简单好用的免费建站工具

 相关阅读 - JS开源
  1. JSGraphs目前最全的JavaScrtip开源图表库集合
  2. Waveform基于JavaScript的开源多声道音乐波形编辑器
  3. Image Lazy Load:那些延时加载图片的开源插件(jQuery)
  4. NativeScript的竞争者React Native:又一个用JavaScript写原生iOS应用的项目
  5. 6款基于Node.JS的开源内容管理和静态网站生成系统
  6. trim-html:NodeJS的HTML文本截取库(自动生成正文摘要)
  7. history.js 一个无刷新就可改变浏览器栏地址的插件(不依赖jquery)
  8. 使用Node.JS监听文件夹变化
  9. 服务器端(NodeJS)使用jQuery选择器操作DOM(HTML/XML)
  10. Oracle发布官方版Node.JS数据库驱动

 关键字 - 开源
  1. Mongoose学习参考文档——基础篇
  2. 15个最好用的Node.JS后端框架
  3. 使用NodeJS搭建邮件自动发送服务器
  4. wemall app商城源码android开发MD5加密工具类
  5. 【数据可视化】基础知识贴:10大关键术语
  6. wemall app商城源码中基于PHP的ThinkPHP惯例配置文件代码
  7. Node.JS超越jQuery成为Github上第二受欢迎的开源项目
  8. wemall软件交易平台微信图文编辑器部分代码分享
  9. wemall开源商城免费商城系统部分代码(内含代码地址)
  10. Docker究竟是什么,为什么这么流行,它的优点和缺陷有哪些?

 欢迎订阅 - 技术周刊

我们热爱编程, 我们热爱技术; 我们是高端, 大气, 上档次, 有品味, 时刻需要和国际接轨的码农; 欢迎您订阅我们的技术周刊; 您只需要在右上角输入您的邮箱即可; 我们注重您的隐私,您可以随时退订.
加入我们吧! 让我们一起找寻码农的快乐,探索技术, 发现IT人生的乐趣;


 关注我们

我们的微信公众号: ourjs-com
打开微信扫一扫即可关注我们:
IT文摘-程序员(码农)技术周刊

ourjs官方微信号