3d

WebGL 入门-WebGL简介与3D图形学

穿精又带淫゛_ 提交于 2020-03-16 19:45:11
什么是WebGL? WebGL是一项使用JavaScript实现3D绘图的技术,浏览器无需插件支持,Web开发者就能借助系统显卡(GPU)进行编写代码从而呈现3D场景和对象。 WebGL基于OpenGL ES 2.0,OpenGL ES 是 OpenGL 三维图形 API 的子集,针对手机、平板电脑和游戏主机等嵌入式设备而设计。浏览器内核通过对OpenGL API的封装,实现了通过JavaScript调用3D的能力。WebGL 内容作为 HTML5 中的Canvas标签的特殊上下文实现在浏览器中。 WebGL标准由科纳斯组织(Khronos Group)开发和维护,Google、Mozilla、Opera和Apple 等浏览器厂商都是其中的成员,为这一标准做出了显著贡献。 WebGL支持现状 目前所有的主流桌面浏览器都已经支持WebGL,但手机端的浏览器只有部分最新版支持。 桌面浏览器 Mozilla Firefox 4+ Google Chrome 8+ Internet Explorer 11+ Safari 5.1+ Opera 12+ 移动浏览器 Firefox 25+ Google Chrome 31+ Opera Mobile 12+ Android Browser 暂不支持 iOS Safari暂不支持 IE Mobile 暂不支持   3D图形学

Planner 5D for Mac(3D家居设计工具) v4.2.30

℡╲_俬逩灬. 提交于 2020-03-10 09:20:45
想要一款简单易用的3D家具设计工具?Planner 5D for Mac推荐给大家!Planner 5D for Mac支持直接在电脑上创建二位和三维平面图,浏览3000多个项目目录,并创建项目的照片般逼真的图像,是室内设计师的好助手! Planner 5D for Mac下载 https://www.macdown.com/mac/3796.html 软件介绍 Planner 5D for Mac是一款3D家居设计软件 ,是一个帮助用户设计家庭装修效果的模拟工具,该平台支持多系统平台,如电脑、平板电脑、只能手机都可以使用。家居设计师或者个人都可以使用Planner5d来创造精美的的平面设计图,你可以像一个专业的室内设计师一样,无需培训通过该平台你就可以设计你梦想中的房子或装修中的公寓平面图。 功能介绍 高清Vizualizations 使用“快照”功能将您的设计捕捉为逼真的图像 - 这会增加阴影,光线和丰富的色彩,使您的作品看起来像一张照片! 2D / 3D模式 从各个角度设计时,可以尝试2D和3D视图。排列,编辑和应用自定义曲面和材质。 4000+商品目录 浏览我们的项目库并浏览我们的内容。我们在用户生成的库中为每个人提供了很棒的东西。 简单的用户界面 直观且以用户为中心的界面提供了简单的设计过程,无需任何教程或说明。 物品编辑 将定制颜色,图案和材料应用于家具,墙壁和地板

Zip 压缩、解压技术在 HTML5 浏览器中的应用

旧街凉风 提交于 2020-03-08 15:33:37
JSZip 是一款可以创建、读取、修改 .zip 文件的 javaScript 工具。在 web 应用中,免不了需要从 web 服务器中获取资源,如果可以将所有的资源都合并到一个 .zip 文件中,这时候只需要做一次请求,这样既减少了服务器的压力,同时也可以加快 web 应用的呈现速度。 今天就来探讨下 JSZip 如何与 HT 拓扑 应用结合。先来看看这期 Demo 的效果图: 第一步、需要将应用对相关资源打包成 .zip 文件, 这是我要压缩的文件列表,把响应的资源文件存放到对应的文件夹下,然后在 loadorder 文件中标明资源加载的顺序,loadorder 文件内容如下: 'js/ht.js', 'js/ht-obj.js', 'js/ht-modeling.js', 'obj/equipment.mtl', 'obj/equipment.obj', 'image/equipment.jpg' 在资源加载顺序中,要标明响应资源的相对于 .zip 文件的路径,这样方便在读取 .zip 文件时快速找到相应的资源文件。 第二步、在 html 文件中引入 JSZip 和 JSZipUtils 库,接下来就是请求 .zip 文件,并对 .zip 文件做解析处理。 JSZipUtils.getBinaryContent('res/ImportObj.zip', function

How to use .fbx file in android studio?

让人想犯罪 __ 提交于 2020-03-06 03:01:23
问题 I need to implement 3D model in my app. I have .fbx file and I want to implement it. I tried with .obj file and it is working but I am not able to use .fbx file. Can you please help me with .fbx file as I have already implemented .obj file but it doesn't give textures. Thanks! 回答1: You may need to use Unity3d to import the ".fbx" file and build it to run in Android. Unity3d will generate ".apk" file. Following link may help you. http://www.goprogramming.space/unity-and-android-studio

Three.js extract rotation in radians from camera

依然范特西╮ 提交于 2020-03-05 01:09:47
问题 I've been struggling for a while with the concepts of quaternions and I think that it may have something to do with this particular challenge. If you know three.js, you may be familiar with the equirectangular panorama video example. What I've been trying to do is to simply extract the camera's rotation at any given moment in a format that I understand (radians, degrees...) for each axis. In theory, shouldn't I be able to simply tap into the camera's rotation.x/y/z parameters to find those

Keep constant number of visible circles in 3D animation

我们两清 提交于 2020-03-02 08:07:50
问题 I have created a 3D animation with a perspective projection of white circles moving randomly in a fake 3D space projected on a 2D computer screen (GIF 1). Since I need to keep the same number of visible circles, every time a circle disappears from the frame, I have to create a new visible one within the frame. To do so, I have written this piece of code: First I created initial coordinates and the two angles of movements (spherical coordinates): for circle in circles: circle.position.xy = np

Keep constant number of visible circles in 3D animation

余生颓废 提交于 2020-03-02 08:07:30
问题 I have created a 3D animation with a perspective projection of white circles moving randomly in a fake 3D space projected on a 2D computer screen (GIF 1). Since I need to keep the same number of visible circles, every time a circle disappears from the frame, I have to create a new visible one within the frame. To do so, I have written this piece of code: First I created initial coordinates and the two angles of movements (spherical coordinates): for circle in circles: circle.position.xy = np

css3-3D和动画

空扰寡人 提交于 2020-03-01 19:51:37
景深 生活中的3d 区别于2d的地方 ​ 1、近大远小 景深 程序中实现的方法 perspective 元素距离 视线的距离(物体和眼睛的距离越小,近大远小的效果越明显) perspective: 1200px;(在父元素中使用) ​ transform:perspective(1200px) (在子元素中使用) ​ 两个都设置会发生冲突,建议只设置父元素,通常的数值在900-1200之间 如果当你的视线距离物体足够远的时候,基本上就不会有近大远小的感觉 perspective-origin ​ 观察3d元素的(位置)角度 ​ perspective-origin:center center (中心) perspective-origin:left top (左上角) perspective-origin:100% 100% (右下角) 3D 2d场景,在屏幕上水平和垂直的交叉线x轴和y轴 3d场景,在垂直于屏幕的方法,相对于3d多出个z轴 Z轴:靠近屏幕的方向是正向,远离屏幕的方向是反向 实现3D场景 transform-style属性 transform-style属性是3D空间一个重要属性,指定嵌套元素如何在3D空间中呈现。他主要有两个属性值:flat和preserve-3d ​ 其中flat值为默认值,表示所有子元素在2D平面呈现。preserve

Linux 下的 3D 设计软件-FreeCAD

独自空忆成欢 提交于 2020-03-01 10:08:09
导读 FreeCAD 是一个基于 OpenCasCade 的跨平台机械工程和产品设计工具。作为参数化 3D 建模工具,它可以与 PLM、CAx、CAE、MCAD 和 CAD 协同工作,并且可以使用大量高级扩展和自定义选项扩展其功能。 它有基于 Qt 的简约用户界面,具有可切换的面板、布局、工具栏、大量的 Python API 以及符合 Open Inventor 的 3D 场景表示模型(感谢 Coin 3D 库)。 案例 家庭用户/业余爱好者:有一个想要构建,或已经已经构建,或者 3D 打印的项目么?在 FreeCAD 中建模。无需之前具有 CAD 经验。我们的社区将帮助你快速掌握它! 有经验的 CAD 用户:如果你在工作中使用商业 CAD 或 BIM 建模软件,你会在 FreeCAD 的许多工作台中找到类似的工具和工作流程。 程序员:几乎所有的 FreeCAD 功能都可以用 Python 访问。你可以轻松扩展 FreeCAD 的功能,使用脚本将其自动化,创建自己的模块,甚至将 FreeCAD 嵌入到自己的程序中。 教育者:教给你的学生一个免费的软件,不用担心购买许可证。他们可以在家里安装相同的版本,并在离开学校后继续使用它。 功能 免费软件:FreeCAD 免费供所有人下载和使用。 开源:在 GitHub 上开源。 跨平台:所有的 Windows、 Linux 和 Mac

3DWeather for Mac(3D动画天气软件) v3.5.1

自古美人都是妖i 提交于 2020-02-29 09:43:39
想要一款3D动画天气软件,更加形象直观的了解天气情况?Mac天气软件有哪些推荐呢?macdown带来3DWeather免激活版,是一款风格惊人的天气信息显示应用。它可让您在桌面上保留一个3D动画小部件,以生成当前天气状况的风景画。 3DWeather for Mac下载 https://www.macdown.com/mac/836.html 3DWeather for Mac 官方介绍 3DWeather for Mac是一款风格惊人的天气信息显示应用。它可让您在桌面上保留一个3D动画小部件,以生成当前天气状况的风景画。人们还可以隐藏小部件并从Menubar访问应用程序。这就是它变得非常容易和快速获得最新的天气更新和预测,当你需要他们。将鼠标悬停在小部件上并等待一段时间。弹出式窗口将自动显示基本天气详情和统计数据。 3DWeather for Mac软件主题 Weather3D永远不会变得单调,永远不会让你看起来老了,因为随着天气状况的变化,应用程序也会变化,代表当时天气的准确信息。Weather3D拥有不同场景,地点和氛围的主题。 它有几个主题可供选择,包含不同的自然元素和氛围。 我们一直在不断更新Weather3D的新主题和功能,使其成为理想的天气应用程序。 3DWeather for Mac 定制天气 Weather3D让您可以自定义它,使其成为您自己的个人天气助手。