使用 WebGL 为 HTML5 游戏创建逼真的地形
推荐：使用NSDT场景编辑器快速搭建3D应用场景建 模 和 3D 地形大多数 3D 对象是 使用建模工具创建，这是有充分理由的。创建复杂对象 （如飞机甚至建筑物）很难在代码中完成。建模工具 几乎总是有意义的，但也有例外！其中之一可能是案例 就像飞行拱廊岛连绵起伏的丘陵一样。我们最终使用了 我们发现更...
如何在浏览器中启用 WebGL 以使用 HTML5 3D 查看器
描述WebCenter 中的 HTML5 3D Collada Viewer（自 14.1 以来新增）要求在浏览器中启用 WebGL。较旧的浏览器可能不支持此功能，或者要求用户首先显式启用此功能。本页介绍如何为所有主要浏览器启用此功能。WebGL 3D 查看器本文是以下超级用户文章的摘要：如何在浏览...
如何在HTML5中使用WebGL实现3D效果？底层原理是什么？
要在HTML5中使用WebGL实现3D效果，您需要以下步骤：创建一个Canvas元素并设置其ID和宽度高度属性： <canvas id="myCanvas" width="400" height="400"></canvas> 获取Canvas上下文并将其保存在变量中： va...
带你读《Three. js开发指南： 基于WebGL和HTML5在网页上渲染 3D图形和动画（原书第3版）》之三：学习使用Three.js中的光源
点击查看第一章点击查看第二章 第3章 学习使用Three.js中的光源在第1章中，我们学习了Three.js的基础知识，而在上一章，我们对场景中最重要的部分进行了一些深入的了解，包括几何体、网格和摄像机。你可能已经注意到，尽管灯光也是场景中十分重要的一部分，但是在之前的章节中却略过了。没有光源，渲染...
带你读《Three. js开发指南： 基于WebGL和HTML5在网页上渲染 3D图形和动画（原书第3版）》之二：构建Three.js应用的基本组件
点击查看第一章点击查看第三章 第2章 构建Three.js应用的基本组件在第1章中我们介绍了Three.js库的基础知识。通过示例展示了Three.js是如何工作的，然后创建了第一个完整的Three.js应用。在本章中我们将会深入了解Three.js库，介绍构建Three.js应用的基本组件。通过本...
带你读《Three. js开发指南： 基于WebGL和HTML5在网页上渲染 3D图形和动画（原书第3版）》之一：使用Three.js创建你的第一个三维场景
Web开发技术丛书点击查看第二章点击查看第三章Three. js开发指南：基于WebGL和HTML5在网页上渲染3D图形和动画（原书第3版）Learn Three.js: Programming 3D animations and visualizations for the web with HT...
基于 HTML5 WebGL 的 3D 网络拓扑结构图
现在，3D 模型已经用于各种不同的领域。在医疗行业使用它们制作器官的精确模型；电影行业将它们用于活动的人物、物体以及现实电影；视频游戏产业将它们作为计算机与视频游戏中的资源；在科学领域将它们作为化合物的精确模型；建筑业将它们用来展示提议的建筑物或者风景表现；工程界将它们用于设计新设备、交通工具、结构...
快速开发 HTML5 WebGL 的 3D 斜面拖拽生成模型
前言 3D 场景中的面不只有水平面这一个，空间是由无数个面组成的，所以我们有可能会在任意一个面上放置物体，而空间中的面如何确定呢？我们知道，空间中的面可以由一个点和一条法线组成。这个 Demo 左侧为面板，从面板中拖动物体到右侧的 3D 场景中，当然，我鼠标拖动到的位置就是物体放置的点，但是这次我们...
基于 HTML5 WebGL 的 3D SCADA 主站系统
这个例子的初衷是模拟服务器与客户端的通信，我把整个需求简化变成了今天的这个例子。3D 的模拟一般需要鹰眼来辅助的，这样找产品以及整个空间的概括会比较明确，在这个例子中我也加了，这篇文章就算是我对这次项目的一个总结吧。 本文动图： 进入正题，整个例子用了两百多行的代码来实现的，这就是我喜...
基于 HTML5 WebGL 的 3D 场景中的灯光效果
构建 3D 的场景除了创建模型，对模型设置颜色和贴图外，还需要有灯光的效果才能更逼真的反映真实世界的场景。这个例子我觉得既美观又代表性很强，所以拿出来给大家分享一下。 本例地址：http://www.hightopo.com/guide/guide/core/lighting/examples/ex...
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
