Computer Graphics
教程
曲线曲面:参数曲线、参数几何代数形式 https://blog.csdn.net/Jurbo/article/details/75046766
英语专业名词
CS184 教程
Lecture 0, Other notes
| Instructor | 导师,教育者 |
|---|---|
| instructional | 教学的,教育的 |
| registrar | (大学)教务长,教务主任;登记员 |
| Instructors and TAs | teacher assistants |
| roster | 执勤名单;候选名单 |
| class roster | 老师的点名册(花名册);名册 |
| teaching staff | 教职员;教师;教育工作者 |
| user-programmable vertex engine | |
| vertex | 顶点 |
| fragment shaders | 像素着色器 |
| as of | 在……是 |
| as of last semester | |
| niggling issuses | 微不足道的;(不严重却持续不断的)烦人的 |
| being of importance | 很重要 |
| treate this assignment as being of utmost importance | |
| piazza | (尤指意大利城镇中的) 广场; |
Lecture 1, Course Overview
segment 1
| spherical harmonic lighting | 球谐光照 |
| on the faculty of | 职员之一;(院校)系里的成员 |
| graphics image synthesis | |
| rendering | |
| create realistic images | |
| ACM SIGGRAPH | |
| program 3D computer graphics | |
| OpenGL, which is a graphics API | |
| the OpenGL shading language | |
| a real time scene viewer | |
| ray tracing | 光线追踪算法 |
| a little bit of a hint of the kinds of things | |
| collage | 拼贴画;收集品 |
| reflections | 反射 |
| refractions | 折射 |
| glass spheres | 玻璃球 |
| chess boards | |
| initial segment | |
| it's really an intellectually, exciting and challenging field, | |
| Pixar | |
| 1995 Toy Story by Pixar | first completely computer graphics movie |
| Lighting simulation | |
| one very important area in computer graphics | |
| computer graphics is really critical for visualization. | |
| flight simulators | |
| and so forth. | 等等 |
| digital visual media | |
| of which computer graphics is an integral part | |
| 3D geometric models | |
| Visual media are so prevalent | |
| We have Flickr. YouTube. WebGL | |
| Google earth | |
| very realistic flythroughs of the real world. | |
| Electronic publishing | |
| Online gaming | |
| is perhaps the biggest driver of games | |
| 3D printers and fabrication | |
| we are now seeing a vast revolution | |
| print real 3D objects, perhaps with realistic material properties | |
| we can expect to see dramatic advances | |
| new computing methods, new display technologies |
- Lighting simulation lighting simulation is important to create realistic simulations of how the interiors of buildings, interiors of rooms will look. How an automobile will look in an outdoor lighting environment. And computer graphics is used for all of these applications. It can be used for scientific visualization as well as medical visualization.
- future So, what we have seen here is that computer graphics has numerous applications and it involves fundamental intellectual and technical challenges which make it one of the most exciting areas to study and I hope you will join us in this course.
Segement 2, Outline and Logistics
| course logistics | |
|---|---|
| go over some of the course logistics | |
| 3D graphics pipeline. | |
| collaborators | 合作者 |
| humanoid motion | 人形的 |
| vibrant humanoid motion | |
| assignment | 任务 |
| homework | |
| assignment logistics | |
| Logistics | 组织,安排; |
| 后勤 | |
| rasterize | 格栅化,点阵化 |
| raytrace | 光线追踪 |
| workload | 工作量 |
| shaders | |
| programmable shaders | |
| our initial lecture on an overview and history. | |
| was coined by | 由……创造,铸造 |
| a bank of | 一堆…… |
| a bank of LEDs | |
| in the scene | 场面,场景 |
| presages | 预兆 |
| SuperPaint system really presages modern software technologies | |
| alter images by cropping, scaling, compositing them. | |
| add or remove objects. | |
| Sports broadcasts | |
| That's been a quick tour of 2D computer graphics. | |
| Geometric modeling | |
| Geometric modeling is the process of creating 3D geometry, | |
| spline curves and surfaces | 样条曲线 |
| genus | 属,类 |
| spout | (容器的)嘴;水柱 |
3D graphics pipeline he graphics pipeline consists of 3 stages: modeling, animation and rendering.
sklearn ---- python ai assistant tool
MinMaxScaler
归一化工具,把特征 feature 放缩到给定的范围内(默认值 0~1)
- 一个 Python 类
模块位置
- sklearn.preprocessing
方法
Css
CSS 样式继承
参考:
特点:
- 有具体指出的属性,使用具体指出的
- 其它使用优先级,推导给定的
总结
- 越近的优先级越高
优先级
- 内联 > 内部 > 外部 > 浏览器默认值
破除继承和优先级关系
- 使用“!important”
背景 Background
svg 图片
Tutorial
svg, js and html
- http://www.petercollingridge.co.uk/tutorials/svg/interactive/javascript/#:~:text=To%20create%20elements%2C%20you%20need,methods%20of%20an%20SVG%20element.
- 示例代码:code-for-blog/svg-interaction/svg-and-js at master · petercollingridge/code-f…
- SVG 教程 - 基础教程在线
在网页中使用 svg
插入方式
- inline
- external
SVG + JS
Vue
Purpose
Notes for Vue
分割线
v-divider
水平分割线,上下分割
v-seperator
竖直分割线,左右分割