概述在三维场景里，Camera是不可或缺的元素。和人的眼睛一样，场景中现实的内容，实际上是Camera“看到”的。下图是在Google Sketchup里，Left视角的Camera所“看到”的内容：和常见三维建模软件类似，在WPF的3D里，也涉及到Camera对象，在WPF里，有三种Camera：MatrixCameraPerspectiveCameraOrthographicCamera投影摄
转载
2011-05-06 16:54:00
107阅读
2评论
前文介绍了Viewport3D中的两种摄像机：OrthographicCamera和PerspectiveCamera。在3D场景里漫游，最主要的工作就是针对用户输入（例如鼠标左右移动、键盘按下A、W、S、D等键）来改变摄像机的位置、方向。本文接下来介绍如何通过改变PerspectiveCamera的属性，来达到场景的漫游效果。摄像机动作我摄像机的动作可以分成三类、移动、旋转、拉升镜头。用一个枚举
转载
2011-05-06 16:54:00
238阅读
2评论
在带 Intel UHD 770 的设备上，使用旧版本驱动，即小于 30.0.101.1660 版本驱动，将会导致 WPF 的 3D 模块出现渲染异常。此问题和 WPF 无关，此问题是 Intel 的 bug 且最新驱动版本已修复
原创
2024-10-12 12:04:05
87阅读
在上一篇文中介绍了场景编辑器中的一些按钮的用法，其中视口（Viewport）只是介绍了它的用处，本文着重介绍Viewport。
Viewport的属性包括：属性页面中的布局和环境属性以及Viewport的菜单中的设置。
3.1布局
3.1.1 布局
布局器是我们设置最终导出文件的大小和比例的地方。设置的宽度和高度会被呈现在有黄色边框包围的视口窗体中。
原创
2010-12-25 23:29:01
772阅读
本文主要翻译并整理自 songho OpenGL Projection Matrix一文，这里对他的推导思路稍微进行了整理。通过本节可以了解到透视投影矩阵的推导正交投影矩阵的 推导视口变换矩阵的推导zFighting问题投影变换OpenGL最终的渲染设备是2D的，我们需要将3D表示的场景转换为最终的2D形式，前面使用模型变换和视变换将物体坐标转换到照相机坐标系后，需要进行投影变换，将坐标
转载
2024-08-16 14:36:13
90阅读
前言 本来打算直接写教程 04 的，但是想到3D 变换涉及的数学知识较多，往往是很多初学者的拦路虎（比如我自己）。再加上OpenGL ES 2.0 不再提供OpenGL ES 1.0中 3D 变换相关的一些重量级函数，如 glMatrixMode(GL_PROJECTION); glMatrixMode(GL_MODELVIEW); glLoadMatrixf; glMultMatrix 等，这
转载
2023-07-21 15:23:37
204阅读
[OpenGL ES 03]3D变换：模型，视图，投影与Viewport
转载
2021-08-11 14:11:15
202阅读
前言本来打算直接写教程 04 的，但是想到3D 变换涉及的数学知识较多，往往是很多初学者的拦路虎（比如我自己）。再加上OpenGL ES 2.0 不再提供OpenGL ES 1.0中 3D 变换相关的一些重量级函数，如 glMatrixMode(GL_PROJECTION); glMatrixMode(GL_MODELVIEW); glLoadMatrixf; glMultMatrix 等，这些函
转载
2013-04-08 16:27:00
119阅读
2评论
移动前端开发之viewport的深入理解在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗...
转载
2015-04-09 09:05:00
122阅读
width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。height：和 width 相对应，指定高度。initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。maximum-scale：允许用户缩放到的最大比例。minimum-
转载
2013-11-11 19:21:00
41阅读
2评论
<meta name="viewport" content="width=device-width, initial-scale=1"> layout viewport(布局视口)、visual viewport(视觉视口)、ideal viewport(理想视口) ...
转载
2021-10-22 15:46:00
55阅读
2评论
相关知识点：如果把移动设备上浏览器的可视区域设为viewport的话，某些网站就会因为viewport太窄而显示错乱，所以这些浏览器就决定默认情况下把viewport设为一个较宽的值，比如980px，这样的话即使是那些为桌面设计的网站也能在移动浏览器上正常显示了。ppk把这个浏览器默认的viewport叫做layout viewport。layou
原创
2022-04-28 13:04:59
4648阅读
PX的知识点： 在PC端中物理像素PX和CSS的像素是一模一样的， 桌面的1px就是c
原创
2023-01-13 15:41:39
77阅读
port 为某个具体的数值时，可能会造成我们的应用页面显示变形。在 APICloud ...
原创
2023-03-15 00:03:21
53阅读
The Viewport and the WindowThe mapping mode defines how Windows maps logical coordinates that are
specified in GDI functions to device coordinates, where the particular device
coordinate system depe
转载
精选
2014-08-23 11:01:54
400阅读
针对viewport与移动设备dpi做出一些解释，更好的去理解设备分辨率，dpi相关的问题，避免重复走坑。
原创
精选
2014-10-15 20:40:57
1084阅读
一。分类（三种）layout viewport ：那些为桌面设计的网站也能在移动浏览器上正常显示的宽度（这是浏览器的一个默认值）visual viewport ：浏览器可视区域的大
原创
2022-09-13 12:27:29
94阅读
/** * 设置自动随屏幕大小自动调整大小 */ Ext.EventManager.onWindowResize(function() { if (viewport != null) { viewport.setWidth(document.body.clientWidth); viewport.setHeight(document.body.clientHeight); } });
转载
2013-04-22 17:14:00
133阅读
2评论
移动设备上的浏览器如果不指明 viewport 这个meta，当你从移动设备上浏览网页的时候，它假设（你浏览的是桌面版并且你想看到所有的内容），不只是一个左上角。因此，它会把viewport的宽度设置为980px，然后把所有内容缩小硬塞进小的显示屏里。
转载
2017-05-16 16:44:00
141阅读
2评论
h 1<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> 1、w
原创
2023-05-10 18:05:49
177阅读
