【转】使用 WebGL 进行 3D 开发，第 1 部分: WebGL 简介
转自HTML5游戏开发者社区 使用 WebGL 进行 3D 开发，第 1 部分: WebGL 简介使用 WebGL 进行 3D 开发，第 2 部分: 使用 WebGL 库以更少的编码做更多的事情使用 WebGL 进行 3D 开发，第 3 部分: 添加用户交互 WebGL API ...
原文：分享一个WebGL开发的网站-用JavaScript + WebGL开发3D模型
这张图每位程序员应该都深有感触。 人民心目中的程序员是这样的：坐在电脑面前噼里啪啦敲着键盘，运键如飞。 现实中程序员是这样的：编码 分钟，调试两小时。 今天我要给大家分享一个用WebGL开发的网站，感兴趣的朋友可以在Chrome开发者工具里调试它的源码来学习WebGL。 WebGL Web Graphics Library 是 D绘图协议的一种，该技术的特色是将万能的JavaScript和Open ...
2018-10-19 17:39 0 4750 推荐指数：
相关推荐
WebGL学习(3) - 3D模型
原文地址：WebGL学习(3) - 3D模型 相信很多人是以创建逼真酷炫的三维效果为目标而学习webGL的吧，首先我就是😂。我掌握了足够的webGL技巧后，正准备大展身手时，遇到了一种尴尬的情况：还是做不出想要的东西😭。为啥呢，因为没有3D模型可供操作啊，纯粹用代码构建复杂的3D模型完全 ...
快速开发 HTML5 WebGL 的 3D 斜面拖拽生成模型
前言 3D 场景中的面不只有水平面这一个，空间是由无数个面组成的，所以我们有可能会在任意一个面上放置物体，而空间中的面如何确定呢？我们知道，空间中的面可以由一个点和一条法线组成。这个 Demo 左侧为面板，从面板中拖动物体到右侧的 3D 场景中，当然，我鼠标拖动到的位置就是物体放置的点，但是这次 ...
webgl之3d动画
之前的几篇文章都是静态的，而这里主要介绍如何使物体动起来，并且学会使用性能监视器来监测性能。 而如果要让物体动起来，实际上我们是有两种方法的，第一种是让物体真的动起来，另外一种是让摄像机动起 ...
玩转 HTML5 下 WebGL 的 3D 模型交并补
subtract、融合 union 和相交 intersect 的运算，组合出复杂模型效果，HT 封装了 ht.C ...
基于WebGL的在线3D建模与互动脚本开发系统 ThingJS
三维可视化##3D开发# ThingJS编辑界面布局 3D建模与场景搭建方法 交互控制脚本开发关键点 ThingJS平台基于 Web GL中的3D框架进行3D开发，界面设计采用HTML5，系统脚本采用 JavaScript。完整的平台系统包含七大模块：3D场景搭建、模型操作、模型导入、模型 ...
基于WebGL的三维大屏可视化技术实践 thingjs 3d 开发
DataV, 腾讯云图，帆软等可视化大屏应用厂商，都提供三维可视化分析工具。ThingJS是近两年新兴的3D可视化开发组件，助力物联网3D可视化的未来发展。新基建浪潮汹涌，智慧城市建设也到了落地阶段，不再是纯粹的概念，很多物联网技术开始崭露头角，相较于之前的低调行为，3D可视化领域有何变化 ...
WebGL学习(2) - 3D场景
原文地址：WebGL学习(2) - 3D场景 经过前面WebGL学习(1) - 三角形的学习，我们已经掌握了webGL的基础知识，也已经能够画出最基本的图形，比如点，线，三角形，矩形等。有了2D绘图的基础，现在终于可以进入精彩的3D世界了，来看一下这一节要实现的3D的效果吧。 实际效果 ...