自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

ZON

唯有爱与美好不可辜负

  • 博客(154)
  • 资源 (3)
  • 收藏
  • 关注

原创 《Head First HTML5 javascript》第11章 查bug

如 console.log,confirm,alert,Breakpoint 等。alert(),confirm(),虽然也可以起到调试的作用,但是它适合传达信息的场景就是有限的,因为它会使甚至关闭窗口这样的操作无效化。而且 alert 的样式也依赖于浏览器的默认样式,并且只能显示文本,不适合自定义。总的来说就是阻塞页面加载,降低网页的性能与质量。firefox内置缺陷检测常见的错误提示不一定准确。

2022-11-29 23:00:29 141 1

原创 《Head First HTML5 javascript》第10章 自定义对象

​几乎所有 JavaScript 中的对象都是位于原型链顶端的Object 的实例。尽管这种原型继承通常被认为是 JavaScript 的弱点之一,但是原型继承模型本身实际上比经典模型更强大。例如,在原型模型的基础上构建经典模型相当简单。在 JavaScript 中,函数(function)是允许拥有属性的。所有的函数会有一个特别的属性 ——prototype​

2022-11-29 15:48:58 437

原创 《Head First HTML5 javascript》第9章 认识对象

如果 MIME 类型不是 JavaScript 类型(上述支持的类型),则该元素所包含的内容会被当作数据块而不会被浏览器执行。如果 type 属性为。

2022-11-23 18:08:21 325

原创 《Head First HTML5 javascript》第8章 DOM

this是Javascript语言的一个关键字,它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用,随着函数使用场合的不同,this的值会发生变化,但是有一个总的原则,那就是this指的是调用函数的那个对象。包含节点下所有的子节点的数组,以出现在HTML代码中的顺序而排列,返回包含指定节点的子节点的集合,该集合为即时更新的集合(live collection)。”成了“僵尸”代码,实际上并不是真正的“僵尸”,这条语句执行了,但是对于外部没有任何影响,因此完全可以忽略它)。,从而改变文档的内容。

2022-11-21 17:42:01 434

原创 《Head First HTML5 javascript》第7章 表单

注册了一个事件处理器**。注意事件处理器有时候被叫做。

2022-11-16 20:14:01 392

原创 《Head First HTML5 javascript》第6章 函数

被作为实参传入另一函数,并在该外部函数内被调用,用以来完成某些任务的函数,称为回调函数。返回一个数的符号,得知一个数是正数、负数还是 0。优先级高的运算符会作为优先级低的运算符的操作数。**是一个内置对象,它拥有一些数学常数属性和数学函数方法。函数字面量:函数主体是变量值的表达方式,也称作匿名函数。返回一个数的整数部分,直接去除其小数点及之后的部分。函数总是返回小于等于一个给定数字的最大整数。然而需要注意的是,回调函数经常被用于在一个。的所有属性与方法都是静态的。函数返回一个数字的绝对值。

2022-11-10 17:52:29 330

原创 《Head First HTML5 javascript》第4章判断&第5章循环

switch 评估一个表达式,将表达式的值与子句匹配,并执行与该情况相关联的语句。一个 switch 语句首先会计算其 expression。然后,它将从第一个 case 子句开始直到寻找到一个其表达式值与所输入的 expression 的值所相等的子句。 通常与 break 或 default 关键字一起使用。两者都是可选的:break 关键字用于跳出switch代码块。会终止switch代码块的执行。 如果忽略该关键字,swith 语句的下一个代码块会被执行。default 关键字 来规定匹配不存

2022-11-09 17:54:48 185

原创 《Head First HTML5 javascript》第3章 探索浏览器 知识点总结

style 属性规定元素的行内样式(inline style)将覆盖任何全局的样式设定,例如在 标签或在外部样式表中规定的样式在 HTML5 中, style 属性可用于任何的 HTML 元素。否则,它是元素内部的高度(以像素为单位),包含内边距,但不包括边框、外边距和水平滚动条(如果存在)。如果浏览器启用了 cookie,该属性值为 true。如果禁用了 cookie,则值为 false。设置光标的类型,在鼠标指针悬停在元素上时显示相应样式。属性来创建 、读取、及删除 cookie。

2022-11-04 17:38:22 195

原创 《Head First HTML5 javascript》第2章 数据存储 知识点总结

书中用的是text,网上查的是string,两者区别看起来并不是很大,感觉在JS中这两个并没有做特殊的区别,毕竟不用声明具体的类型,但是本质上这两个类型还是有差异的。JS不用指定数据类型,而是通过数据的值暗示类型,这种设计很灵活,随着数据值的改变随之改变类型,但自动转换存在误差,需要根据实际情况自行判断并调整。let 和 const 声明的变量有明确的作用域、声明位置、不变的值,使得变量的声明有了更好的约束,有助于提高代码的质量。可以使用单引号或双引号。变量:会改变的数据,可以用var和let进行声明。

2022-11-02 21:39:40 173

原创 《Head First HTML5 javascript》第1章 交互式网络 知识点总结

JavaScript 中的函数方法需要在 HTML 文档渲染完成后才可以使用,如果没有渲染完成,此时的 DOM 树是不完整的,这样在调用一些 JavaScript 代码时就可能报出"undefined"错误。由于元素的 ID 在大部分情况下要求是独一无二的,这个方法自然而然地成为了一个高效查找特定元素的方法。在英语中的意思是“警告”,javascript中,alert()指的是在浏览器中弹出一个警告框,有。函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。不同的呈现方式,所呈现的效果也不相同。

2022-11-02 17:26:16 278

原创 javascript Leetcode刷题记录

一些零散的刷题记录

2022-11-02 14:50:51 61

原创 2022前端学习笔记

前端最重要的不是框架用的多好,最重要的是基础够不够扎实。有的初学者,学完js就急着上手Vue,模块化、组件化、模板化、工程化这些都没学,学Vue就是学个语法,都是一些表面的东西,实际到做项目就会发现自己根本做不出来,甚至都不知道怎么上手。css3动画、 css3选择器、 css3过渡、flex布局、背景渐变、css3实用动效、3D模块、css3变量、em/rem/vw。语义化、选择器、权重与优先级、匹配规则、浮动与清除、BFC、类名组合规则、SEO前端技巧、定位、叠加技巧、方法将文本中的文字、图表与其他。

2022-11-02 14:45:09 208

原创 《Head First HTML与CSS》学习笔记

设置float后,所指定的元素会与下方内容并排放置外边距指定一个元素是否必须移动 (清除浮动后) 到在它之前的浮动元素下面。clear属性适用于浮动和非浮动元素。在用网格实现双排页面时用到,设置元素是否被视为以及用于子元素的布局,例如、或。部分➡️指定相邻单元格边框之间的距离table类似html中的用来指定行内元素(inline)或表格单元格(table-cell)元素的垂直对齐方式。

2022-11-02 14:42:09 138

原创 【FreeCodeCamp】 ResponsiveWebDesign网页设计 测试3学习笔记

property which can accept an image as a value.创建一个表示两种或多种颜色线性渐变的图片。创建一个线性渐变,需要指定两种颜色,还可以实现不同方向(指定为一个角度)的渐变效果,如果不指定方向,默认从上到下渐变。当新添加一个没有设置颜色的cap在sleeve上面时,就看不见sleeve了(外联元素换行了):亮度不是很难理解的,它用于设置颜色的亮度。:饱和度,顾名思义,指定颜色的饱和度。确定在一个百分比之内。**HUE:**色调是一个容器,可以让您设置一个色轮的色彩。

2022-11-02 14:38:30 267

原创 【FreeCodeCamp】 ResponsiveWebDesign网页设计 测试2学习笔记

elements behave more like inline elements.通过筛选类中的p实现内联。不像html元素中那样无序,css中顺序很重要,html调用css的样式表顺序也重要‼️。多个html文档共用同一个样式文件,相当于一个样式的组件便于快速修改样式。css文档较大的时候建议在html中采用元素指定不同的样式表。使用标签链接css样式文档rel=“stylesheet”step25居中元素:center the。分割线:You can use an。

2022-11-02 14:36:03 573

原创 【FreeCodeCamp】 ResponsiveWebDesign网页设计 测试1学习笔记

*就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。alt 的属性值有两个作用,第一个作用是让屏幕阅读器可以知晓图片的内容,这会对网页的可访问性有很大提升;就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。value属性:name是控件的名称(多个控件可以取同一个名称),value是控件的值。此属性将分配值编号,即以创建以数字编号的有序列表。 标签规定独立的流内容(图像、图表、照片、代码等等)。

2022-11-02 14:30:16 596 1

转载 VR_Unity的基本Shader的剔除、深度测试、Alpha测试以及基本雾效

剔除与深度测试(Culling & Depth Testing):http://www.k2ma.com/support/jishufuwu/2015/1119/174.html         1.1 剔除(Culling)的概念:       对于实时交互的3D环境而言,现实的速度和效率是非常重要的。虽然现在的硬件能力非常的快,但是要想保持30FPS的同时处理数

2016-08-12 12:05:13 4313

转载 浅谈Rigging未来可能的技术走向

浅谈Rigging未来可能的技术走向http://riggingtd.com/2015/01/a-discussion-about-the-future-of-rigging-career/这原本是我在知乎上一篇自问自答的文章,想不到一个无心的话题引起了同行那么多关注,无论站在哪个立场,讨论本身比谁说服谁更有意义,所以我把这几年积累的一些可能不太常见的东西分享给大家,也算是总结下自己的部分

2016-08-12 12:00:28 7616 1

转载 VR 圈里经常被提起的概念:低余辉、异步时间扭曲等

http://it.sohu.com/20151113/n426374638.shtmlVR 圈里经常被提起的概念:   低余辉(Low Persistence)  不论是 Oculus Rift DK1 ,还是“XX魔镜”那种放手机进去的 VR 头盔,从屏幕来看,其实是差别不大的,因为 DK1 用的也是手机那种液晶屏。手机屏幕用在 VR 上有一个最大的问题:动态模糊。或者用 Oc

2016-08-12 11:51:30 3833

转载 混合现实VR Twitch视频

http://m.manew.com/thread-46793-1-1.html混合现实视频非常的酷炫。我们每周4开始在Twitch直播平台上直播制作VR游戏《Fantastic Contraption》的过程,得到的反馈让我们非常兴奋,以下是首次直播的亮点:[media]http://static.video.qq.com/TPout.swf?vid=a0181izq5ib&auto=0

2016-08-12 11:48:41 2767

转载 延迟是AR/VR体验的基础

原文: http://blogs.valvesoftware.com/abrash/latency-the-sine-qua-non-of-ar-and-vr/ 译者注: 原文发表于2012年, 虽然当时的一些硬件条件限制现在已经没有了, 但我们可以从中学习到AR/VR的延迟解决思路. 另外, 译文略过了显示器的发展史如果没有足够低的延迟, 根本不可能带来好的体验, 也就说大脑不会把眼

2016-08-12 11:47:19 2592

转载 VR开发中性能问题—OculusWaitForGPU

VR开发中性能问题—OculusWaitForGPU本文章由cartzhang编写,转载请注明出处。 所有权利保留。 文章链接:http://blog.csdn.net/cartzhang/article/details/50788894作者:cartzhang **一、OculusWaitForGPU在unity 5.3.0f4中测试,使用Unity提

2016-08-12 11:45:00 2903

转载 Vuforia提供了切换前后摄像头的方法

void OnGUI() if (GUI.Button(new Rect(50, 50, 200, 50), "使用前置摄像头")) // 停止识别 CameraDevice.Instance.Stop(); // 取消实例化摄像机 CameraDevice.

2016-08-12 11:43:44 2423

转载 Vuforia提供了切换前后摄像头的方法

Vuforia提供了切换前后摄像头的方法,调用方式如下:void OnGUI()              if (GUI.Button(new Rect(50, 50, 200, 50), "使用前置摄像头"))  // 停止识别                  CameraDevice.Instance.Stop();// 取消实例化摄像机                Camera

2016-08-12 11:40:51 4950

转载 Unity 优化心得 (2D游戏)

Unity(261)2D(40)误区1:性能优化只是程序员的责任,与美术和策划无关。-技术美术和关卡设计师对于游戏性能承担着非常重要的责任-程序员往往无法补救由于滥用美术资源而造成的性能问题误区2:在制定了严格的美术规范之后,美术师就应该对一切美术问题负责,程序员不再与此有关-程序员应该为美术师实现完整的美术资源合法性检查工具-Tools speak louder than

2016-08-12 11:38:48 7273 1

转载 Cubemap

http://docs.unity3d.com/Manual/class-Cubemap.htmlCubemapSwitch to ScriptingA Cubemap is a collection of six square textures that represent thereflections on an environment. The six squares for

2016-08-12 11:34:41 2883

转载 光照贴图深入学习 Lightmapping In-Depth

http://www.ceeger.com/Manual/LightmappingInDepth.htmlIf you are about to lightmap your first scene in Unity, this Quickstart Guide might help you out. 如果你是在Unity第一次接触光照贴图,这个快速指南可以帮助你快速了解。Lig

2016-08-12 11:33:02 3960

转载 表面着色器示例 Surface Shader Examples

Here are some examples of Surface Shaders. The examples below focus on using built-in lighting models; examples on how to implement custom lighting models are inSurface Shader Lighting Examples.

2016-08-12 11:30:31 2434

转载 Unity 5 中的全局光照技术详解(建议收藏)

本文整理自Unity全球官方网站,原文:UNITY 5 - LIGHTING AND RENDERING(文章较长,请耐心阅读)简介全局光照,简称GI,是一个用来模拟光的互动和反弹等复杂行为的算法,要精确的仿真全局光照非常有挑战性,付出的代价也高,正因为如此,现代游戏会先一定程度的预先处理这些计算,而非游戏执行时实时运算。同一场景里:没有照明(左),只有直接光源(中),和有

2016-08-12 11:20:40 3244

转载 VR副作用、演示、涉及图形图像算法、UI设计和最大挑战等

//副作用:VR屏幕离人眼太近,是否造成比目前使用传统屏幕会带来更多的视力危害虚拟现实技术一旦进入了终极状态,开始进入神经科学领域的话,用炫酷一点的话说已经进入了“上帝禁区”了。通过虚拟现实技术让人类的神经与虚拟现实世界连接,通过扭曲人类的五观反馈,来实现与虚拟现实世界的互动。这样一种技术会对人体造成什么影响?对神经的损害程度有多严重?会不会像毒品一样会让人成瘾?会不会留下后遗症从而在真实

2016-08-12 11:14:30 4004

转载 Oculus Rift内部结构

http://tech.163.com/16/0331/08/BJFM3FTF00094OE0.html虚拟现实头显设备Oculus Rift正式发售上市没过两天就被iFixit完全肢解,让大众一窥这款令人迷失在虚拟世界的价值20亿美金的设备。卸下塑料棉垫拔下线缆后,可以发现数个小小的螺丝用以固定这款头显设备。取下螺丝,卸下弹性莱卡材质面罩,就能看到内部的塑料骨架了。iFi

2016-08-12 11:10:20 2395

转载 一些游戏用到的渲染技术

http://www.cnblogs.com/zengqh/archive/2012/08/28/2660531.html    泡泡网显卡频道2月19日 近年来3D图形技术的发展势头非常迅猛,软件方面游戏的画面和逼真度有了长足进步,硬件方面显卡的更新换代越来越频繁。但始终存在这样一个现象,无论显卡的性能翻多少倍,游戏玩家们总感觉还是不够强大,GPU庞大的运算能力到底被谁吃掉了呢?   

2016-08-12 10:42:57 11868

转载 在Unity 5中优化SkinnedMeshRenderer

过早优化是万恶之源”——Donald Knuth        不少开发者在前期开发过程中对算法等类似的开销都甚少关心,而是更倾向于尽可能简单的解决某个问题,后面必要时再进行优化。这能极大加速开发进度,并保证代码简洁。但开发后期通常会出现的瓶颈就是图形资源,而优化图形渲染这一块比较有难度。        本文将分享作者Lamebait在使用Unity5制作沙盘游戏过程中优化SkinnedM

2016-08-11 18:01:39 7768 1

转载 Unity3D for VR 学习(4): 自绘摄像机的视口区域锥体

http://www.cylonspace.com/2016/01/27/cameraviewex/  在Unity Editor下,当选择Camera组件后,可呈现出Camera视口区域锥体,非常方便。但是当选择其他物体,如Cube后,就无法得知是否在Camera市口区内了,这里我找到了雨松MOMO的一篇博客《Unity3D研究院之获取摄像机的视口区域》,他用Camera.fieldOf

2016-08-11 17:58:36 2613

转载 Unity3D for VR 学习(8): Unity Shader概述

http://www.cylonspace.com/2016/02/22/shaderlab/  从西安到北京高铁上,一位VR老外团队的华人leader对VR技术做了画龙点睛:“3D游戏的核心部分在Render, 国内很多团队美术、程序中间缺失严重。所以3d游戏做不好。 VR这块更是至关重要。” 故,欲VR,先Shader吧。 1 CG规范: 计算机图形学(英语

2016-08-11 17:57:17 2027

转载 Unity3D for VR 学习(10): Unity LOD Group 组件

http://www.cylonspace.com/2016/03/14/lodgroup/LOD (Level of Detail), 远小近大思想。 LOD,在Unity中是用到了空间换时间的优化方法:即程序加载2套模型,导致包会增大;在运行时刻,远处的用面数少的模型–模糊一些,近处用面数多的模型–清晰一些。 类似的原理,还有纹理的MipMap设置。 Step1: 美术

2016-08-11 17:56:27 2814

转载 AR增强现实 之Metaio For Unity 开发 之HelloWorld

引用: 开发工具 unity 4.6     MetaioSDK 6.1       代码编辑器 VS 2013http://m.manew.com/thread-44765-1-1.html上图不会配置的请自行百度1.创建项目并且导入Metaio SDk 开发包2.导入后目录图3.把Metaio 开发所需要的基本

2016-08-11 17:52:48 911

转载 [StarFromHere] Unity+vuforia开发增强现实

增强现实(Augmented Reality,简称AR),是在虚拟现实的基础上发展起来的新技术,也被称之为混合现实。是通过计算机系统提供的信息增加用户对现实世界感知的技术,将虚拟的信息应用到真实世界,并将计算机生成的虚拟物体、场景或系统提示信息叠加到真实场景中,从而实现对现实的增强。AR关键技术主要包括显示技术,跟踪注册技术和交互技术。在各领域都有应用,比如:教育、医疗、军事、工业、AR导航、

2016-08-11 17:50:47 1077

转载 Unity5.3官方VR教程重磅登场-系列7 优化VR体验

本文转自:知乎专栏-笨猫快乐学编程,作者:王寒简介对于VR应用来说,如果想要让用户获得好的用户体验,特别是免除恶心眩晕的困扰,在VR开发中进行优化是必不可少的,惟其如此才能达到我们期望的游戏运行帧速。和其它平台上的开发不同,对VR应用的优化应该在项目启动的前期就开始,而且应该贯穿始终,而不是像传统项目那样把优化的工作留到最后去做。此外,在目标设备上进行实际测试也是非常有必要的。相比非V

2016-08-11 17:49:40 1529

转载 关于VR边纹理材质的渲染

前段时间经常渲染白模线框的图,写了这个脚本方便工作,后来又加了中英文适配,今天贴上来.fn YY_edgestex =( vr = renderers.current case of ( (vr材质 != undefined) : (mat = vr材质()) (vr_材质 != undefined) : (mat = vr_材质(

2016-08-11 17:47:25 4188

mac Sketch-78.1版本 M1可用

mac Sketch_78.1版本 M1可用

2022-11-02

一个独立css样式的咖啡网页源码

一个独立css样式的咖啡网页源码

2022-11-02

一个笔记本展示的网页html源码

一个笔记本展示的网页html源码

2022-11-02

vs_community_ENU2015

vs_community_ENU2015

2016-04-15

Cg Toolkit 3.1

Cg Toolkit Download - April 2012 (3.1.0013) Windows 32/64-bit installer for Windows XP, Vista and Win7.

2016-04-15

Cg教程_可编程实时图形权威指南(扫描清晰版)

Cg教程-可编程实时图形权威指南

2016-04-15

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除