在添加光源后我们就可以看到物体上的明暗变化了，这个阴影实际叫做 core shadows，但是我们还没有投射到其他物体上的 drop shadow，本章将讲解如何获得 drop shadows 光线追踪实际是个很耗费资源的计算，开发者需要用一些小技巧来增强视觉体验 Three.js 中实现阴影是在每一次渲染的时候会假设每一个光源上有个“相机”来计算哪个地方应该会有阴影，最后作为阴影texture贴

增加与上个文章相同的场景 然后删除 AmbientLight 和 PointLight，当你移除灯光后会发现场景 **一片漆黑**，是因为 **MeshStandarMaterial** 需要灯光才能看见物体 1.AmbientLightAmbientLight 应用了 Omni-directional lighting 效果，照来的灯光，所有面光照效果相同。没有阴影明暗灰度灯光反射变化

使用decorator优雅管理electron-Ipc池在这篇文章中，我们将系统地介绍 TypeScript 中装饰器的基础与实践，重点聚焦于类装饰器（Class Decorators）和方法装饰器（Method Decorators）的使用；然后深入剖析在 Electron 应用中开展 IPC（进程间通信）的两种典型模式——单向通信和双向通信；接着结合装饰器模式，展示如何用装饰器管理 IPC 回

在这本节中，我们将实现 ilithya的3D文本特效。如下图所示 1.字体加载我们首先使用 TextBufferGeometry 在场景中创建一个3D文本。要设定字体需要使用typeface将字体转换为指定格式。或者使用 Three.js 提供的字体。 1import typefaceFont from 'three/example/fonts/helvetiker_regula

1.什么是 MaterialsMaterials用来给几何体上每个可见的像素染色。这种染色算法在程序里叫做 Shaders. 我们不需要自己手写 Shaders 可以使用内置的 materials 2.使用 Materials2.1 创建场景我们创建三种不同的几何体(spehre, plane, torus)来练习Materials的使用 12345678910111213141516171819

1.什么是材质?材质就是覆盖在几何体上的图片，并且也能有不同的视觉效果（例如反射），不仅仅是贴图 2.材质种类2.1 alpha alpha 材质是一个灰度图，白色的地方代表可见，黑色则代表不可见，如下图 2.2 HEIGHT HEIGHT 材质也是一个灰度图，代表高度。 一个像素点的灰度会提高或降低平面的高度。 需要提供细分信息（subdivision）如下图 2.3 NORMAL

CSS 显示的所有内容都是一个’盒子’，所以了解 CSS 盒模型工作原理是 学习CSS 的基本功 假如你写了这段 HTML 1<p> 这是一段简短的文字 </p> 然后添加了一段 CSS 样式 123456p { width: 100px; height: 50px; padding: 20px; bordere:1px solid;

ECMAScript中的所有参数传递的都是值，不可能通过引用传递参数 一开始对这句话没有什么概念，只是简单的当成与其它语言差不多的“Feature”。但后来在实际开发中踩了个大坑才对这个问题深究。 先来看一段简单的代码 123456function changeColor(color){ color = "blue"}var Mycolor = &

css中得margin如果指定左右auto的话就能就能实现元素居中效果 闲着的时候做的一个书单 但是，auto居中效果前提是必须给该元素指定一个宽度才能生效。比如width:50% 给行内元素(inline)设置上下margin时即使页面上会显示margin的存在，但是不会有效果。 因为行内元素只支左右的margin，而不支持上下的 给margin的左右赋值auto后，该元素就不能使用floa

值传递在php中，使用值传递传递函数参数的话，如果在函数内部改变形参的值，外部实参是不会发生改变的。也就是说实参传过来的值被拷贝了一份作为形参调用 即使$value被改变了，外部的实参也不会收到影响 引用传递什么是值传递： 当在函数中传递一个实参时，若在形参中使用&$varb的语法则这个形参会获得实参的引用。其中”&”符号就是高数解释器传过来的是一个实参的引用 简单的将形参中的